diff --git a/app/actions/sportheimbuchung-senden.php b/app/actions/sportheimbuchung-senden.php new file mode 100644 index 0000000..7a7bd82 --- /dev/null +++ b/app/actions/sportheimbuchung-senden.php @@ -0,0 +1,127 @@ + $ok, 'error' => $error ?: null]); + } else { + header('Location: ' . url('sportheimbuchung') . ($ok ? '?sent=1' : '?error=' . $error) . '#buchung', true, 303); + } + exit; +}; + +$field = static fn (string $key): string => trim((string) ($_POST[$key] ?? '')); + +$route = 'sportheimbuchung'; +$token = $field('ft'); + +// --- Spam-Checks: Bots bekommen ein stilles "OK" (kein Feedback-Kanal) --- +if ($field('company_url') !== '') { + log_spam($route, 'honeypot'); + $respond(true); +} +if (!form_token_valid($token)) { + log_spam($route, 'token'); + $respond(true); +} + +// Rate-Limit pro IP (sichtbarer Hinweis statt still — legitime NAT-Nutzer nicht im Dunkeln lassen). +if (!rate_limit_ok('submit|' . $route . '|' . client_ip(), 5, 600)) { + log_spam($route, 'ratelimit'); + $respond(false, 'ratelimit'); +} + +// --- Validierung --- +$name = $field('name'); +$email = $field('email'); +$phone = $field('phone'); +$eventType = $field('event_type'); +$eventDate = $field('event_date'); +$attendees = $field('attendees'); +$message = $field('message'); + +$validTypes = ['', 'Geburtstagsfeier', 'Party', 'Vereinsveranstaltung', 'Weihnachtsfeier', 'Firmenveranstaltung', 'Sonstiges']; + +$valid = $name !== '' && mb_strlen($name) <= 200 + && filter_var($email, FILTER_VALIDATE_EMAIL) !== false + && mb_strlen($phone) <= 50 + && in_array($eventType, $validTypes, true) + && ($eventDate === '' || preg_match('/^\d{4}-\d{2}-\d{2}$/', $eventDate)) + && ($attendees === '' || (ctype_digit($attendees) && (int) $attendees >= 1 && (int) $attendees <= 500)) + && mb_strlen($message) <= 3000 + && ($_POST['privacy'] ?? '') === '1' + && !preg_match('/[\r\n]/', $name); + +if (!$valid) { + $respond(false, 'validation'); +} + +// --- Inhalts-/Aufkommens-Heuristiken (still abweisen, Bot-typisch) --- +if (preg_match_all('~https?://~i', $message) > 2) { + log_spam($route, 'links'); + $respond(true); +} +// Globaler Tages-Cap als Brevo-Kosten-Backstop — die Flut soll ihn nicht bemerken. +if (!rate_limit_ok('daily', 100, 86400)) { + log_spam($route, 'daily-cap'); + $respond(true); +} +// Token-Mehrfachnutzung begrenzen (Replay-Schutz, großzügig für menschliches Mehrfach-Senden). +if (!rate_limit_ok('token|' . $token, 3, 86400)) { + log_spam($route, 'replay'); + $respond(true); +} + +// --- Versand --- +$smtp = config('smtp'); + +$dateFormatted = $eventDate !== '' ? date('d.m.Y', strtotime($eventDate)) : '–'; + +$body = "Sportheimbuchung-Anfrage über tsv08kulmbach.de\n" + . str_repeat('-', 40) . "\n" + . "Name: {$name}\n" + . "E-Mail: {$email}\n" + . ($phone !== '' ? "Telefon: {$phone}\n" : '') + . ($eventType !== '' ? "Veranstaltungstyp: {$eventType}\n" : '') + . "Gewünschtes Datum: {$dateFormatted}\n" + . ($attendees !== '' ? "Personenzahl: {$attendees}\n" : '') + . str_repeat('-', 40) . "\n\n" + . ($message !== '' ? $message . "\n\n" : '') + . str_repeat('-', 40) . "\n" + . 'Datenschutz zugestimmt: ja (' . date('d.m.Y H:i') . ")\n"; + +try { + $mail = new PHPMailer(true); + $mail->isSMTP(); + $mail->Host = $smtp['host']; + $mail->Port = (int) $smtp['port']; + $mail->SMTPAuth = true; + $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; + $mail->Username = $smtp['username']; + $mail->Password = $smtp['password']; + $mail->CharSet = PHPMailer::CHARSET_UTF8; + + $mail->setFrom($smtp['from'], $smtp['from_name']); + $mail->addAddress($smtp['to']); + $mail->addReplyTo($email, $name); + $mail->Subject = 'Sportheimbuchung: ' . ($eventType !== '' ? $eventType : 'Anfrage') . ', ' . $dateFormatted; + $mail->Body = $body; + + $mail->send(); +} catch (Throwable $e) { + error_log('[' . date('c') . '] Sportheimbuchung-Mailversand fehlgeschlagen: ' . $e->getMessage() . "\n", 3, STORAGE_PATH . '/logs/mail.log'); + $respond(false, 'mail'); +} + +$respond(true); diff --git a/app/components/form-field.php b/app/components/form-field.php index adaa5d1..2d328ed 100644 --- a/app/components/form-field.php +++ b/app/components/form-field.php @@ -35,7 +35,9 @@ $commonAttrs = 'name="' . e($name) . '" id="' . e($id) . '"' . ($required ? ' required' : '') . ' aria-describedby="' . e($describedBy) . '"' . (!empty($field['autocomplete']) ? ' autocomplete="' . e($field['autocomplete']) . '"' : '') - . (!empty($field['maxlength']) ? ' maxlength="' . e($field['maxlength']) . '"' : ''); + . (!empty($field['maxlength']) ? ' maxlength="' . e($field['maxlength']) . '"' : '') + . (isset($field['min']) ? ' min="' . e((string) $field['min']) . '"' : '') + . (isset($field['max']) ? ' max="' . e((string) $field['max']) . '"' : ''); ?>
diff --git a/app/components/sportheimbuchung-form.php b/app/components/sportheimbuchung-form.php new file mode 100644 index 0000000..015adf8 --- /dev/null +++ b/app/components/sportheimbuchung-form.php @@ -0,0 +1,86 @@ + 'Bitte prüfe deine Eingaben – Pflichtfelder fehlen oder die E-Mail-Adresse ist ungültig.', + 'ratelimit' => 'Zu viele Anfragen in kurzer Zeit. Bitte versuche es in ein paar Minuten erneut.', + 'mail' => 'Deine Anfrage konnte gerade nicht gesendet werden. Bitte versuche es später erneut oder schreib uns direkt an ' . $club['email'] . '.', +]; + +$today = date('Y-m-d'); + +$f = [ + 'name' => ['type' => 'text', 'name' => 'name', 'id' => 'buch-name', 'label' => 'Name', 'required' => true, 'autocomplete' => 'name', 'maxlength' => 200], + 'email' => ['type' => 'email', 'name' => 'email', 'id' => 'buch-email', 'label' => 'E-Mail', 'required' => true, 'autocomplete' => 'email', 'maxlength' => 200], + 'phone' => ['type' => 'tel', 'name' => 'phone', 'id' => 'buch-phone', 'label' => 'Telefonnummer', 'autocomplete' => 'tel', 'maxlength' => 50], + 'event_type' => ['type' => 'select', 'name' => 'event_type', 'id' => 'buch-type', 'label' => 'Art der Veranstaltung','options' => $form['event_types']], + 'event_date' => ['type' => 'date', 'name' => 'event_date', 'id' => 'buch-date', 'label' => 'Gewünschtes Datum', 'required' => true, 'min' => $today, 'hint' => 'Frühestmögliches Buchungsdatum'], + 'attendees' => ['type' => 'number', 'name' => 'attendees', 'id' => 'buch-attendees', 'label' => 'Ungefähre Personenzahl','required' => true, 'min' => '1', 'max' => '500'], + 'message' => ['type' => 'textarea', 'name' => 'message', 'id' => 'buch-message', 'label' => 'Weitere Wünsche oder Fragen', 'rows' => 5, 'maxlength' => 3000], + 'privacy' => [ + 'type' => 'checkbox', 'name' => 'privacy', 'id' => 'buch-privacy', 'required' => true, + 'label' => 'Ich stimme den Datenschutzbestimmungen zu.', + 'label_html' => 'Ich stimme den Datenschutzbestimmungen zu.', + ], +]; +?> +
+
+
+

+

+

Oder direkt per Mail an

+
+
+
+ +

Danke für deine Anfrage! Wir melden uns kurzfristig bei dir.

+ +

+ +
+ +

Pflichtfelder sind mit markiert.

+ +
+ $f['name']]); ?> + $f['email']]); ?> +
+ +
+ $f['phone']]); ?> + $f['event_type']]); ?> +
+ +
+ $f['event_date']]); ?> + $f['attendees']]); ?> +
+ + $f['message']]); ?> + $f['privacy']]); ?> + + + + + +

+ +

+
+
+
diff --git a/app/pages/sportheimbuchung.php b/app/pages/sportheimbuchung.php index 3c62cb5..18dfa3c 100644 --- a/app/pages/sportheimbuchung.php +++ b/app/pages/sportheimbuchung.php @@ -3,44 +3,85 @@ declare(strict_types=1); /** - * Sportheimbuchung — Platzhalter/Stub. Inhalt (Verfügbarkeiten, Buchungsablauf, - * Konditionen) folgt; Kontaktweg über data/club.json (Single Source of Truth). + * Sportheimbuchung — Hero → 4 Argumente → Bento (Fotos + Lage + CTA) → Formular → FAQ. + * Inhalte: data/sportheimbuchung.json. Adresse: data/club.json (Single Source of Truth). */ +$page = json_load('sportheimbuchung'); $club = json_load('club'); $meta = [ - 'title' => 'Sportheim mieten & buchen', - 'description' => 'Das Sportheim des TSV 1908 Kulmbach für Feiern und Veranstaltungen mieten – Ansprechpartner und Buchungsablauf.', - 'schema' => page_schema([ - ['name' => 'Startseite', 'slug' => ''], - ['name' => 'Der Verein', 'slug' => 'verein'], - ['name' => 'Sportheimbuchung', 'slug' => 'sportheimbuchung'], - ]), + 'title' => 'Sportheim mieten – TSV 08 Kulmbach', + 'description' => 'Das Sportheim auf der Hans-Rausch-Sportanlage in Kulmbach für Feiern und Veranstaltungen mieten – Küche, Außenbereich und Beamer optional. Jetzt unverbindlich anfragen.', + 'og_image' => 'img/pages/sportheim-2.jpg', + 'schema' => page_schema( + [ + ['name' => 'Startseite', 'slug' => ''], + ['name' => 'Der Verein', 'slug' => 'verein'], + ['name' => 'Sportheim mieten', 'slug' => 'sportheimbuchung'], + ], + $page['faq'] ?? [] + ), ]; + +$addr = $club['address']; + +component('hero', ['hero' => $page['hero']]); ?> -
+ + + + +
+
+
+
+ Innenansicht des Veranstaltungsraums im Sportheim +
+
+ Das Sportheim auf der Hans-Rausch-Sportanlage +
+
+ Luftaufnahme der Hans-Rausch-Sportanlage mit Sportheim, Rasenplatz und Turnhalle +
+
+

Lage & Adresse

+

+
+
+ +

+
+
+

Jetzt anfragen

+ Anfrage senden +
+ + $page['form']]); +component('faq', ['faq' => $page['faq'] ?? []]); diff --git a/data/sportheimbuchung.json b/data/sportheimbuchung.json new file mode 100644 index 0000000..fe51e38 --- /dev/null +++ b/data/sportheimbuchung.json @@ -0,0 +1,68 @@ +{ + "hero": { + "title": "Sportheim mieten", + "text": "Du planst eine Feier oder Veranstaltung in Kulmbach? Das Sportheim auf der Hans-Rausch-Sportanlage im Katzbachtal bietet die perfekte Kulisse – direkt am Fußballplatz, mit Küche, Außenbereich und allem, was ihr braucht.", + "compact": true, + "image": { + "src": "img/pages/sportheim-2.jpg", + "width": 1600, + "height": 1066, + "alt": "Das Sportheim des TSV 08 Kulmbach auf der Hans-Rausch-Sportanlage" + } + }, + "features": { + "title": "Was euch erwartet", + "items": [ + { + "icon": "house-fill", + "title": "Vollausgestattete Küche", + "text": "Die Küche steht für eure Veranstaltung zur Verfügung – ideal für Catering oder eigene Verpflegung." + }, + { + "icon": "people-fill", + "title": "Ausreichend Platz", + "text": "Das Sportheim bietet ausreichend Sitzplätze für Geburtstage, Feiern und Vereinsveranstaltungen." + }, + { + "icon": "projector-fill", + "title": "Beamer auf Anfrage", + "text": "Für Präsentationen, Filmabende oder Sport-Events steht ein Beamer optional zur Verfügung." + }, + { + "icon": "tree-fill", + "title": "Außenbereich", + "text": "Der angrenzende Außenbereich lädt bei schönem Wetter zum Feiern unter freiem Himmel ein." + } + ] + }, + "faq": [ + { + "q": "Für welche Veranstaltungen eignet sich das Sportheim?", + "a": "Das Sportheim eignet sich für Geburtstagsfeiern, private Partys, Weihnachtsfeiern, Firmenfeiern und Vereinsveranstaltungen jeder Art. Einfach anfragen – wir finden gemeinsam die passende Lösung." + }, + { + "q": "Wie läuft die Buchung ab?", + "a": "Schick uns deine Anfrage über das Formular auf dieser Seite. Wir melden uns kurzfristig mit Informationen zu Verfügbarkeit, Ausstattung und Konditionen. Nach Absprache vereinbaren wir einen Termin." + }, + { + "q": "Wann ist das Sportheim verfügbar?", + "a": "Die Verfügbarkeit richtet sich nach dem Vereinskalender. Am besten fragst du frühzeitig an – besonders Wochenenden im Frühjahr und Herbst sind beliebt." + }, + { + "q": "Gibt es Parkplätze vor Ort?", + "a": "Ja, auf der Hans-Rausch-Sportanlage (Thurnauer Str. 51, Kulmbach) stehen Parkplätze zur Verfügung." + } + ], + "form": { + "title": "Jetzt anfragen", + "text": "Schick uns deine Anfrage – wir melden uns kurzfristig mit Verfügbarkeit und Konditionen.", + "event_types": [ + "Geburtstagsfeier", + "Party", + "Vereinsveranstaltung", + "Weihnachtsfeier", + "Firmenveranstaltung", + "Sonstiges" + ] + } +} diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 3040ee2..bf49752 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -3553,3 +3553,143 @@ gap: 0.75rem; margin-top: 1.5rem; } + +/* === sportheim === */ + +/* Bento: großes Foto links (2 Spalten × 2 Zeilen), + kleines Foto + roter CTA oben rechts, Karte + Adresse unten rechts */ +.sportheim-bento { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-auto-rows: 220px; + gap: 1.25rem; + grid-template-areas: + "p1 p1 p2 cta" + "p1 p1 map adr"; +} + +/* --- Foto-Kacheln --- */ +.sportheim-bento__photo { + position: relative; + overflow: hidden; + border-radius: var(--radius-card); +} + +.sportheim-bento__photo img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: transform 600ms ease; +} + +.sportheim-bento__photo:hover img { + transform: scale(1.04); +} + +.sportheim-bento__photo--main { grid-area: p1; } +.sportheim-bento__photo--sec { grid-area: p2; } + +/* --- Karten-Kachel --- */ +.sportheim-bento__map { + grid-area: map; + position: relative; + overflow: hidden; + border-radius: var(--radius-card); +} + +.sportheim-bento__map img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + +/* --- Adress-Kachel --- */ +.sportheim-bento__addr { + grid-area: adr; + background: var(--clr-glass-bg); + border: 1px solid var(--clr-glass-border); + border-radius: var(--radius-card); + padding: 1.5rem; + display: flex; + flex-direction: column; + justify-content: center; + font-style: normal; +} + +.sportheim-bento__addr-label { + font-size: var(--fs-300); + font-weight: var(--fw-bold); + letter-spacing: 0.1em; + text-transform: uppercase; + color: var(--clr-text-muted); + margin: 0 0 0.625rem; +} + +.sportheim-bento__addr-text { + font-size: var(--fs-500); + line-height: 1.6; + margin: 0; +} + +/* --- CTA-Kachel (rot, volle Höhe) --- */ +.sportheim-bento__cta { + grid-area: cta; + background: var(--clr-accent); + border-radius: var(--radius-card); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 1.5rem; + text-align: center; + padding: 2rem 1.25rem; +} + +.sportheim-bento__cta-title { + font-family: var(--ff-heading); + font-size: var(--fs-650); + text-transform: uppercase; + line-height: var(--lh-heading); + color: #fff; + margin: 0; +} + +/* Tablet: 2-spaltig, Foto groß oben, darunter Kleinzeug */ +@media (max-width: 900px) { + .sportheim-bento { + grid-template-columns: repeat(2, 1fr); + grid-auto-rows: 200px; + grid-template-areas: + "p1 p1" + "p1 p1" + "p2 cta" + "map adr"; + } +} + +/* Mobile: alles gestapelt */ +@media (max-width: 500px) { + .sportheim-bento { + grid-template-columns: 1fr; + grid-auto-rows: 220px; + grid-template-areas: + "p1" + "p2" + "map" + "cta" + "adr"; + } + + .sportheim-bento__addr, + .sportheim-bento__cta { + grid-row: auto; + height: auto; + min-height: 140px; + } +} diff --git a/public/assets/icons/house-fill.svg b/public/assets/icons/house-fill.svg new file mode 100644 index 0000000..45b8510 --- /dev/null +++ b/public/assets/icons/house-fill.svg @@ -0,0 +1,2 @@ + + diff --git a/public/assets/icons/projector-fill.svg b/public/assets/icons/projector-fill.svg new file mode 100644 index 0000000..2355dd4 --- /dev/null +++ b/public/assets/icons/projector-fill.svg @@ -0,0 +1 @@ + diff --git a/public/assets/icons/tree-fill.svg b/public/assets/icons/tree-fill.svg new file mode 100644 index 0000000..c4db458 --- /dev/null +++ b/public/assets/icons/tree-fill.svg @@ -0,0 +1 @@ + diff --git a/public/assets/img/pages/sportheim-1.jpg b/public/assets/img/pages/sportheim-1.jpg new file mode 100644 index 0000000..3175bef Binary files /dev/null and b/public/assets/img/pages/sportheim-1.jpg differ diff --git a/public/assets/img/pages/sportheim-2.jpg b/public/assets/img/pages/sportheim-2.jpg new file mode 100644 index 0000000..8a5a1af Binary files /dev/null and b/public/assets/img/pages/sportheim-2.jpg differ diff --git a/public/assets/img/pages/sportheim-map.jpg b/public/assets/img/pages/sportheim-map.jpg new file mode 100644 index 0000000..47d6c83 Binary files /dev/null and b/public/assets/img/pages/sportheim-map.jpg differ diff --git a/public/index.php b/public/index.php index 395cbab..460ddcd 100644 --- a/public/index.php +++ b/public/index.php @@ -32,6 +32,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && $slug === 'mitglied-werden-senden') require APP_PATH . '/actions/membership-submit.php'; exit; } +if ($_SERVER['REQUEST_METHOD'] === 'POST' && $slug === 'sportheimbuchung-senden') { + require APP_PATH . '/actions/sportheimbuchung-senden.php'; + exit; +} $routes = require APP_PATH . '/routes.php';