fotobox-webspite/views/home.php

<section class="hero">
    <div class="hero-copy">
        <p class="eyebrow">Professionelle Fotobox-Vermietung</p>
        <h1>Fotobox mieten für Hochzeiten, Geburtstage und Firmenfeiern.</h1>
        <p class="hero-text">
            Hochwertige Technik, klare Preislogik pro Miettag und ein Buchungsablauf,
            der auch kaufmännisch sauber funktioniert. Anfrage senden, Bestätigung erhalten,
            Bilder digital bekommen.
        </p>
        <div class="hero-actions">
            <a class="button-primary" href="<?= h(url('buchen')) ?>">Verfügbarkeit prüfen</a>
            <a class="button-secondary" href="<?= h(url('leistungen')) ?>">Leistungen ansehen</a>
        </div>
        <div class="trust-grid">
            <?php foreach ($trustFacts as $fact): ?>
                <article class="trust-card">
                    <span><?= h($fact['label']) ?></span>
                    <strong><?= h($fact['value']) ?></strong>
                </article>
            <?php endforeach; ?>
        </div>
    </div>

    <aside class="hero-panel">
        <div class="hero-panel-top">
            <span>Service mit Struktur</span>
            <strong>Vom ersten Termin bis zur Rechnung</strong>
        </div>
        <div class="device-stage">
            <div class="device-glow"></div>
            <div class="device-card device-card-left">
                <span>DSLR</span>
                <strong>Scharfe Bilder</strong>
            </div>
            <div class="device-card device-card-right">
                <span>WLAN</span>
                <strong>Direkt aufs Handy</strong>
            </div>
            <div class="device-illustration">
                <div class="device-head">
                    <div class="device-lens"></div>
                    <div class="device-flash"></div>
                </div>
                <div class="device-neck"></div>
                <div class="device-body"></div>
                <div class="device-base"></div>
            </div>
        </div>
        <div class="hero-panel-bottom">
            <div>
                <span>Abholung</span>
                <strong><?= h($company['pickup_window']) ?></strong>
            </div>
            <div>
                <span>Rückgabe</span>
                <strong><?= h($company['return_window']) ?></strong>
            </div>
        </div>
    </aside>
</section>

<section class="section section-tight">
    <div class="section-heading">
        <p class="eyebrow">Warum diese Seite anders aufgebaut ist</p>
        <h2>Kein Party-Prospekt, sondern eine ruhige Buchungsseite für einen echten Mietservice.</h2>
        <p>
            Die Agenten-Recherche hat klar gezeigt: Kundenfreundlich ist eine verständliche Service-Seite
            mit Preis, Ablauf, Verfügbarkeit und einem Verwaltungsprozess im Hintergrund.
        </p>
    </div>
    <div class="feature-card-grid">
        <?php foreach ($featureCards as $card): ?>
            <article class="feature-card">
                <h3><?= h($card['title']) ?></h3>
                <p><?= h($card['text']) ?></p>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section class="section split-section">
    <div class="content-card">
        <p class="eyebrow">Ablauf</p>
        <h2>So läuft Ihre Anfrage ab</h2>
        <ol class="step-list">
            <?php foreach ($processSteps as $index => $step): ?>
                <li>
                    <span class="step-number"><?= h((string) ($index + 1)) ?></span>
                    <div>
                        <strong><?= h($step['title']) ?></strong>
                        <p><?= h($step['text']) ?></p>
                    </div>
                </li>
            <?php endforeach; ?>
        </ol>
    </div>
    <div class="content-card editorial-card">
        <p class="eyebrow">Standards</p>
        <h2>Kommerziell gedacht, nicht nur hübsch.</h2>
        <ul class="check-list">
            <?php foreach ($serviceStandards as $standard): ?>
                <li><?= h($standard) ?></li>
            <?php endforeach; ?>
        </ul>
    </div>
</section>

<section class="section">
    <div class="section-heading">
        <p class="eyebrow">Leistungsmodule</p>
        <h2>Technik, Eventbetrieb und Verwaltung greifen ineinander.</h2>
    </div>
    <div class="module-grid">
        <?php foreach ($serviceModules as $module): ?>
            <article class="module-card">
                <h3><?= h($module['title']) ?></h3>
                <ul class="check-list compact-list">
                    <?php foreach ($module['items'] as $item): ?>
                        <li><?= h($item) ?></li>
                    <?php endforeach; ?>
                </ul>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section class="section">
    <div class="section-heading">
        <p class="eyebrow">Anlässe</p>
        <h2>Für Privatfeiern und professionelle Events geeignet.</h2>
    </div>
    <div class="occasion-grid">
        <?php foreach ($occasionCards as $occasion): ?>
            <article class="occasion-card">
                <strong><?= h($occasion['title']) ?></strong>
                <p><?= h($occasion['text']) ?></p>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section class="section split-section">
    <div class="content-card">
        <p class="eyebrow">Verfügbarkeit</p>
        <h2>Aktuell geblockte oder bestätigte Zeiträume</h2>
        <p>Die Übersicht stammt direkt aus dem Verwaltungssystem und zeigt belegte Termine.</p>
        <div class="availability-list">
            <?php if ($bookings === []): ?>
                <article class="availability-card">
                    <strong>Aktuell ist noch kein Zeitraum blockiert.</strong>
                    <span>Sie können direkt eine neue Buchungsanfrage stellen.</span>
                </article>
            <?php endif; ?>
            <?php foreach ($bookings as $booking): ?>
                <article class="availability-card">
                    <div>
                        <strong><?= h($booking['reference']) ?></strong>
                        <span><?= h(formatDate($booking['start_date'])) ?> bis <?= h(formatDate($booking['end_date'])) ?></span>
                    </div>
                    <span class="<?= h(statusPillClass((string) $booking['status'])) ?>"><?= h($booking['status_label']) ?></span>
                </article>
            <?php endforeach; ?>
        </div>
        <a class="button-secondary" href="<?= h(url('verfuegbarkeit')) ?>">Gesamte Verfügbarkeit ansehen</a>
    </div>

    <div class="content-card emphasis-card">
        <p class="eyebrow">Nächster Schritt</p>
        <h2>In wenigen Minuten zur Anfrage</h2>
        <ul class="check-list">
            <?php foreach ($bookingChecklist as $item): ?>
                <li><?= h($item) ?></li>
            <?php endforeach; ?>
        </ul>
        <div class="pricing-example-list">
            <?php foreach ($pricingExamples as $example): ?>
                <article>
                    <strong><?= h($example['title']) ?></strong>
                    <span><?= h($example['text']) ?></span>
                </article>
            <?php endforeach; ?>
        </div>
        <a class="button-primary button-block" href="<?= h(url('buchen')) ?>">Zur Buchungsanfrage</a>
    </div>
</section>