Buchungskalender eingefügt

This commit is contained in:
2026-05-05 19:18:05 +02:00
parent 4a4517c514
commit c1f07343e3
21 changed files with 931 additions and 187 deletions
+28 -28
View File
@@ -1,15 +1,14 @@
<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="eyebrow">Fotobox-Verleih für <?= h($company['service_area']) ?></p>
<h1>Fotobox mieten für Hochzeit, Geburtstag und Firmenfeier.</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.
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('leistungen')) ?>">Leistungen ansehen</a>
<a class="button-secondary" href="<?= h(url('preise')) ?>">Preise ansehen</a>
</div>
<div class="trust-grid">
<?php foreach ($trustFacts as $fact): ?>
@@ -23,8 +22,8 @@
<aside class="hero-panel">
<div class="hero-panel-top">
<span>Service mit Struktur</span>
<strong>Vom ersten Termin bis zur Rechnung</strong>
<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>
@@ -48,11 +47,11 @@
</div>
<div class="hero-panel-bottom">
<div>
<span>Abholung</span>
<span>Mietbeginn</span>
<strong><?= h($company['pickup_window']) ?></strong>
</div>
<div>
<span>Rückgabe</span>
<span>Mietende</span>
<strong><?= h($company['return_window']) ?></strong>
</div>
</div>
@@ -61,11 +60,11 @@
<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 class="eyebrow">Warum unsere Fotobox</p>
<h2>Klare Leistungen. Klare Preise. Klare Abläufe.</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.
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">
@@ -81,7 +80,7 @@
<section class="section split-section">
<div class="content-card">
<p class="eyebrow">Ablauf</p>
<h2>So läuft Ihre Anfrage ab</h2>
<h2>So einfach mieten Sie die Fotobox</h2>
<ol class="step-list">
<?php foreach ($processSteps as $index => $step): ?>
<li>
@@ -95,8 +94,8 @@
</ol>
</div>
<div class="content-card editorial-card">
<p class="eyebrow">Standards</p>
<h2>Kommerziell gedacht, nicht nur hübsch.</h2>
<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>
@@ -107,8 +106,8 @@
<section class="section">
<div class="section-heading">
<p class="eyebrow">Leistungsmodule</p>
<h2>Technik, Eventbetrieb und Verwaltung greifen ineinander.</h2>
<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): ?>
@@ -127,7 +126,7 @@
<section class="section">
<div class="section-heading">
<p class="eyebrow">Anlässe</p>
<h2>Für Privatfeiern und professionelle Events geeignet.</h2>
<h2>Die passende Fotobox für Ihr Event in <?= h($company['service_area']) ?>.</h2>
</div>
<div class="occasion-grid">
<?php foreach ($occasionCards as $occasion): ?>
@@ -142,8 +141,8 @@
<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>
<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">
@@ -154,24 +153,25 @@
<?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>
<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')) ?>">Gesamte Verfügbarkeit ansehen</a>
<a class="button-secondary" href="<?= h(url('verfuegbarkeit')) ?>">Wunschtermin prüfen</a>
</div>
<div class="content-card emphasis-card">
<p class="eyebrow">Nächster Schritt</p>
<h2>In wenigen Minuten zur Anfrage</h2>
<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>
@@ -180,6 +180,6 @@
</article>
<?php endforeach; ?>
</div>
<a class="button-primary button-block" href="<?= h(url('buchen')) ?>">Zur Buchungsanfrage</a>
<a class="button-primary button-block" href="<?= h(url('buchen')) ?>">Wunschtermin anfragen</a>
</div>
</section>