fotobox-webspite/views/home.php

<section class="hero">
    <div class="hero-copy">
        <p class="eyebrow">Fotobox-Verleih für <?= h($company['service_area']) ?></p>
        <h1>Fotobox mieten für Hochzeit, Geburtstag und Firmenfeier.</h1>
        <p class="hero-text">
            Professionelle Fotobox mit Spiegelreflexkamera, Studioblitz und digitaler Bildübergabe.
            Lieferung oder Selbstabholung möglich. Schon ab <?= h(formatCurrency((int) $dayRate)) ?> pro Miettag bei Selbstabholung.
        </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('preise')) ?>">Preise 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>Beliebt für Hochzeiten, Geburtstage und Firmenfeiern</span>
            <strong>Professionelle Fotos mit wenig Aufwand</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>Mietbeginn</span>
                <strong><?= h($company['pickup_window']) ?></strong>
            </div>
            <div>
                <span>Mietende</span>
                <strong><?= h($company['return_window']) ?></strong>
            </div>
        </div>
    </aside>
</section>

<section class="section section-tight">
    <div class="section-heading">
        <p class="eyebrow">Warum unsere Fotobox</p>
        <h2>Klare Leistungen. Klare Preise. Klare Abläufe.</h2>
        <p>
            Sie sehen sofort, was enthalten ist, wie ein Miettag berechnet wird
            und wie Ihre Anfrage abläuft. So planen Sie Ihr Event ohne unnötige Rückfragen und ohne Technikstress.
        </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 einfach mieten Sie die Fotobox</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">Auf einen Blick</p>
        <h2>Alles, was für eine entspannte Buchung wichtig ist.</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">Leistungen</p>
        <h2>Alles drin für eine Fotobox, die sofort einsatzbereit ist.</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>Die passende Fotobox für Ihr Event in <?= h($company['service_area']) ?>.</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>Bereits reservierte Termine</h2>
        <p>Hier sehen Sie, welche Zeiträume aktuell angefragt, reserviert oder bereits bestätigt sind.</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(formatDate($booking['start_date'])) ?> bis <?= h(formatDate($booking['end_date'])) ?></strong>
                        <span><?= h((string) ($booking['delivery_zone_label'] ?: $booking['delivery_mode_label'])) ?></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')) ?>">Wunschtermin prüfen</a>
    </div>

    <div class="content-card emphasis-card">
        <p class="eyebrow">Jetzt anfragen</p>
        <h2>Unverbindlich Verfügbarkeit anfragen</h2>
        <ul class="check-list">
            <?php foreach ($bookingChecklist as $item): ?>
                <li><?= h($item) ?></li>
            <?php endforeach; ?>
        </ul>
        <p>Lieferpreise richten sich nach dem Zielort: Hannover, Region Hannover oder Hameln, Braunschweig, Hildesheim und Celle.</p>
        <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')) ?>">Wunschtermin anfragen</a>
    </div>
</section>