Anpassung für Aufruf für proxy
This commit is contained in:
+169
-82
@@ -5,32 +5,58 @@ $company = $config['company'];
|
||||
<section class="hero-section">
|
||||
<div class="hero-copy">
|
||||
<p class="eyebrow">Fotobox-Vermietung neu gedacht</p>
|
||||
<h1>Die Fotobox fuer Hochzeiten, Geburtstage und Firmenevents</h1>
|
||||
<h1>Fotobox mieten. Online anfragen. Fotos direkt aufs Handy.</h1>
|
||||
<p class="hero-text">
|
||||
Unkompliziert mieten, schnell aufbauen, kinderleicht bedienen und alle Bilder direkt digital sichern.
|
||||
Unsere Fotobox verbindet hochwertige Technik mit einem klaren Buchungsprozess ohne Shop-Chaos.
|
||||
Fuer Hochzeiten, Geburtstage, Firmenfeiern und Jubilaeen: hochwertige Fotobox-Technik,
|
||||
einfache Bedienung, flexible Lieferung und ein klarer Buchungsprozess ohne Shop-Chaos.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a class="button-primary" href="#buchung">Verfuegbarkeit pruefen</a>
|
||||
<a class="button-secondary" href="#ablauf">So funktioniert die Miete</a>
|
||||
</div>
|
||||
<ul class="hero-points">
|
||||
<li>Spiegelreflexkamera, Studioblitz und Softbox</li>
|
||||
<li>WLAN-Download direkt aufs Handy</li>
|
||||
<li>Selbstabholung oder Lieferung mit Aufbau</li>
|
||||
<li>99,99 EUR pro Kalendertag</li>
|
||||
</ul>
|
||||
<div class="hero-highlight-grid">
|
||||
<article class="hero-highlight-card">
|
||||
<span>Technik</span>
|
||||
<strong>DSLR, Blitz und Softbox</strong>
|
||||
</article>
|
||||
<article class="hero-highlight-card">
|
||||
<span>Sharing</span>
|
||||
<strong>WLAN-Download direkt vor Ort</strong>
|
||||
</article>
|
||||
<article class="hero-highlight-card">
|
||||
<span>Logistik</span>
|
||||
<strong>Abholung oder Lieferung</strong>
|
||||
</article>
|
||||
<article class="hero-highlight-card">
|
||||
<span>Preis</span>
|
||||
<strong>99,99 EUR pro Kalendertag</strong>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-card">
|
||||
<div class="hero-card-panel hero-card-panel-top">
|
||||
<span>Eventbereit in wenigen Minuten</span>
|
||||
<strong>Abholung ab 17:00 Uhr</strong>
|
||||
<span>Produktionsreif fuer dein Event</span>
|
||||
<strong>einsatzklar in wenigen Minuten</strong>
|
||||
</div>
|
||||
<div class="hero-card-visual">
|
||||
<div class="camera-glow"></div>
|
||||
<div class="camera-body">
|
||||
<div class="camera-lens"></div>
|
||||
<div class="camera-screen"></div>
|
||||
<div class="device-plinth"></div>
|
||||
<div class="photo-strip photo-strip-left">
|
||||
<span>WLAN</span>
|
||||
<span>Live</span>
|
||||
<span>Shots</span>
|
||||
</div>
|
||||
<div class="camera-tower">
|
||||
<div class="camera-head">
|
||||
<div class="camera-lens"></div>
|
||||
<div class="camera-flash"></div>
|
||||
</div>
|
||||
<div class="camera-stand"></div>
|
||||
<div class="camera-base"></div>
|
||||
</div>
|
||||
<div class="photo-strip photo-strip-right">
|
||||
<span>Reel</span>
|
||||
<span>Share</span>
|
||||
<span>Smile</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-card-panel">
|
||||
@@ -40,6 +66,25 @@ $company = $config['company'];
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="trust-bar">
|
||||
<article>
|
||||
<span>Tagessatz</span>
|
||||
<strong>99,99 EUR / Tag</strong>
|
||||
</article>
|
||||
<article>
|
||||
<span>Bilduebergabe</span>
|
||||
<strong>alle Fotos digital</strong>
|
||||
</article>
|
||||
<article>
|
||||
<span>Zahlung</span>
|
||||
<strong>Rechnung oder PayPal</strong>
|
||||
</article>
|
||||
<article>
|
||||
<span>Verfuegbarkeit</span>
|
||||
<strong>online und verwaltbar</strong>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="feature-strip" id="leistungen">
|
||||
<article>
|
||||
<h2>Technik, die nicht zickt</h2>
|
||||
@@ -61,19 +106,19 @@ $company = $config['company'];
|
||||
<h2>So laeuft die Miete ab</h2>
|
||||
<ol class="step-list">
|
||||
<li>
|
||||
<strong>1. Zeitraum waehlen</strong>
|
||||
<strong><span class="step-number">1</span> Zeitraum waehlen</strong>
|
||||
<span>Du waehlst Mietbeginn und Mietende und siehst sofort die voraussichtlichen Kosten.</span>
|
||||
</li>
|
||||
<li>
|
||||
<strong>2. Leistung festlegen</strong>
|
||||
<strong><span class="step-number">2</span> Leistung festlegen</strong>
|
||||
<span>Selbstabholung, Lieferung mit Aufbau oder Vor-Ort-Betreuung passend zu deinem Event.</span>
|
||||
</li>
|
||||
<li>
|
||||
<strong>3. Anfrage absenden</strong>
|
||||
<strong><span class="step-number">3</span> Anfrage absenden</strong>
|
||||
<span>Wir speichern alle Kundendaten und bereiten auf Wunsch direkt die Rechnungsabwicklung vor.</span>
|
||||
</li>
|
||||
<li>
|
||||
<strong>4. Fotos geniessen</strong>
|
||||
<strong><span class="step-number">4</span> Fotos geniessen</strong>
|
||||
<span>Am Eventtag steht die Box bereit und danach bekommst du alle Bilder digital zur Weitergabe.</span>
|
||||
</li>
|
||||
</ol>
|
||||
@@ -117,6 +162,19 @@ $company = $config['company'];
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="occasion-section">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Anlaesse</p>
|
||||
<h2>Passend fuer kleine Feiern und grosse Events</h2>
|
||||
</div>
|
||||
<div class="occasion-grid">
|
||||
<article><strong>Hochzeiten</strong><span>emotionale Erinnerungen, direkt teilbar</span></article>
|
||||
<article><strong>Geburtstage</strong><span>einfacher Aufbau, unkomplizierter Spass</span></article>
|
||||
<article><strong>Firmenfeiern</strong><span>sauberer Ablauf mit Rechnung und Verwaltung</span></article>
|
||||
<article><strong>Jubilaeen</strong><span>hochwertige Bilder ohne Fotostress</span></article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="availability-section">
|
||||
<div>
|
||||
<p class="eyebrow">Online-Verfuegbarkeit</p>
|
||||
@@ -162,68 +220,93 @@ $company = $config['company'];
|
||||
<div class="flash flash-error"><?= h((string) $flashError) ?></div>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="post" action="/book" class="booking-form" data-day-rate="<?= h((string) $dayRate) ?>">
|
||||
<div class="form-grid">
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="customer_name" value="<?= h((string) ($old['customer_name'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Firma</span>
|
||||
<input type="text" name="company" value="<?= h((string) ($old['company'] ?? '')) ?>">
|
||||
</label>
|
||||
<label>
|
||||
<span>E-Mail</span>
|
||||
<input type="email" name="email" value="<?= h((string) ($old['email'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Telefon</span>
|
||||
<input type="text" name="phone" value="<?= h((string) ($old['phone'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Strasse</span>
|
||||
<input type="text" name="street" value="<?= h((string) ($old['street'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>PLZ</span>
|
||||
<input type="text" name="postal_code" value="<?= h((string) ($old['postal_code'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Ort</span>
|
||||
<input type="text" name="city" value="<?= h((string) ($old['city'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Anlass</span>
|
||||
<input type="text" name="event_type" value="<?= h((string) ($old['event_type'] ?? '')) ?>" placeholder="z. B. Hochzeit oder Sommerfest">
|
||||
</label>
|
||||
<label>
|
||||
<span>Veranstaltungsort</span>
|
||||
<input type="text" name="event_location" value="<?= h((string) ($old['event_location'] ?? '')) ?>" placeholder="Location oder Stadt">
|
||||
</label>
|
||||
<label>
|
||||
<span>Mietbeginn</span>
|
||||
<input type="date" name="start_date" data-booking-start value="<?= h((string) ($old['start_date'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Mietende</span>
|
||||
<input type="date" name="end_date" data-booking-end value="<?= h((string) ($old['end_date'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Lieferart</span>
|
||||
<select name="delivery_mode">
|
||||
<option value="self_pickup" <?= selected((string) ($old['delivery_mode'] ?? 'self_pickup'), 'self_pickup') ?>>Selbstabholung</option>
|
||||
<option value="delivery_setup" <?= selected((string) ($old['delivery_mode'] ?? ''), 'delivery_setup') ?>>Lieferung und Aufbau</option>
|
||||
<option value="on_site_support" <?= selected((string) ($old['delivery_mode'] ?? ''), 'on_site_support') ?>>Lieferung, Aufbau und Vor-Ort-Betreuung</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>
|
||||
<span>Zahlungsart</span>
|
||||
<select name="payment_method">
|
||||
<option value="invoice_transfer" <?= selected((string) ($old['payment_method'] ?? 'invoice_transfer'), 'invoice_transfer') ?>>Rechnung / Ueberweisung</option>
|
||||
<option value="paypal" <?= selected((string) ($old['payment_method'] ?? ''), 'paypal') ?>>PayPal</option>
|
||||
</select>
|
||||
</label>
|
||||
<form method="post" action="<?= h(url('book')) ?>" class="booking-form" data-day-rate="<?= h((string) $dayRate) ?>">
|
||||
<div class="form-section">
|
||||
<div class="form-section-header">
|
||||
<span class="form-step">Schritt 1</span>
|
||||
<h3>Zeitraum waehlen</h3>
|
||||
</div>
|
||||
<div class="form-grid form-grid-two">
|
||||
<label>
|
||||
<span>Mietbeginn</span>
|
||||
<input type="date" name="start_date" data-booking-start value="<?= h((string) ($old['start_date'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Mietende</span>
|
||||
<input type="date" name="end_date" data-booking-end value="<?= h((string) ($old['end_date'] ?? '')) ?>" required>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<div class="form-section-header">
|
||||
<span class="form-step">Schritt 2</span>
|
||||
<h3>Leistung und Zahlung</h3>
|
||||
</div>
|
||||
<div class="form-grid form-grid-two">
|
||||
<label>
|
||||
<span>Lieferart</span>
|
||||
<select name="delivery_mode">
|
||||
<option value="self_pickup" <?= selected((string) ($old['delivery_mode'] ?? 'self_pickup'), 'self_pickup') ?>>Selbstabholung</option>
|
||||
<option value="delivery_setup" <?= selected((string) ($old['delivery_mode'] ?? ''), 'delivery_setup') ?>>Lieferung und Aufbau</option>
|
||||
<option value="on_site_support" <?= selected((string) ($old['delivery_mode'] ?? ''), 'on_site_support') ?>>Lieferung, Aufbau und Vor-Ort-Betreuung</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>
|
||||
<span>Zahlungsart</span>
|
||||
<select name="payment_method">
|
||||
<option value="invoice_transfer" <?= selected((string) ($old['payment_method'] ?? 'invoice_transfer'), 'invoice_transfer') ?>>Rechnung / Ueberweisung</option>
|
||||
<option value="paypal" <?= selected((string) ($old['payment_method'] ?? ''), 'paypal') ?>>PayPal</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<div class="form-section-header">
|
||||
<span class="form-step">Schritt 3</span>
|
||||
<h3>Kontaktdaten</h3>
|
||||
</div>
|
||||
<div class="form-grid">
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="customer_name" value="<?= h((string) ($old['customer_name'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Firma</span>
|
||||
<input type="text" name="company" value="<?= h((string) ($old['company'] ?? '')) ?>">
|
||||
</label>
|
||||
<label>
|
||||
<span>E-Mail</span>
|
||||
<input type="email" name="email" value="<?= h((string) ($old['email'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Telefon</span>
|
||||
<input type="text" name="phone" value="<?= h((string) ($old['phone'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Strasse</span>
|
||||
<input type="text" name="street" value="<?= h((string) ($old['street'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>PLZ</span>
|
||||
<input type="text" name="postal_code" value="<?= h((string) ($old['postal_code'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Ort</span>
|
||||
<input type="text" name="city" value="<?= h((string) ($old['city'] ?? '')) ?>" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Anlass</span>
|
||||
<input type="text" name="event_type" value="<?= h((string) ($old['event_type'] ?? '')) ?>" placeholder="z. B. Hochzeit oder Sommerfest">
|
||||
</label>
|
||||
<label class="field-full">
|
||||
<span>Veranstaltungsort</span>
|
||||
<input type="text" name="event_location" value="<?= h((string) ($old['event_location'] ?? '')) ?>" placeholder="Location oder Stadt">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Nachricht</span>
|
||||
<textarea name="notes_customer" rows="4" placeholder="Sonderwuensche, Lieferdetails oder Aufbauhinweise"><?= h((string) ($old['notes_customer'] ?? '')) ?></textarea>
|
||||
@@ -235,13 +318,17 @@ $company = $config['company'];
|
||||
<strong data-summary-days>Noch nicht gewaehlt</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span>Tagespreis</span>
|
||||
<strong><?= h(formatCurrency($dayRate)) ?></strong>
|
||||
</div>
|
||||
<div class="price-summary-total">
|
||||
<span>Gesamtpreis</span>
|
||||
<strong data-summary-total><?= h(formatCurrency($dayRate)) ?></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="button-primary button-block">Anfrage absenden</button>
|
||||
<p class="form-note">Mit dem Absenden wird eine verwaltbare Anfrage angelegt. Die finale Bestaetigung erfolgt durch den Verwalter.</p>
|
||||
<button type="submit" class="button-primary button-block">Buchungsanfrage senden</button>
|
||||
<p class="form-note">Keine Sofortabbuchung. Der Verwalter bestaetigt den Termin, pflegt die Buchung und kann direkt eine Rechnung erzeugen.</p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user