Neue Seiten: Mitglied/Partner werden, Sportheimbuchung & Ansprechpartner

Mitglied werden: Hub-Seite mit Online-Anmeldung (membership-form +
membership-submit-Action, Honeypot + Time-Trap), Abteilungswahl
(department-choice), Beitragstabelle (fee-table) und Turn-Aufnahmeantrag
als PDF-Download. Daten in data/mitglied-werden.json.

Partner werden & Sportheimbuchung: neue Seiten samt Routing und Navigation.

Ansprechpartner: echter Hero (Vereinsgelände), Bereiche aus dem group-Feld
der Single Source (Fußball / Turnen) zu zwei Sektionen gebündelt, Disziplin
als Karten-Überschrift. Fehlende Turn-Disziplin-Leads (Frisque, Lorz,
Kornatz, Trotzke) aus den Turnen-Unterseiten extrahiert und in
data/ansprechpartner.json ergänzt (allgemeine Turnabteilungs-Mail als
Kontakt). WhatsApp für alle Personen mit Telefonnummer. person-grid:
kompaktere Karten, Hairline unter der Bereichsüberschrift, 5 Spalten am
Desktop. Startseite auf die Haupt-Ansprechpartner je Bereich begrenzt.

Dazu: neue Icons (check-circle, download, file-earmark-text, whatsapp),
Anpassungen an Header/Footer/CTA/age-groups sowie tokens/layout/utilities.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RZsKTL5kRSG4KkK8w2LKkE

app/pages/ansprechpartner.php

@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Ansprechpartner — Hero (Vereinsgelände) → zwei zusammengefasste person-grid-
+ * Sektionen: Fußball (Herren/Damen/Jugend) und Turnen, aus data/ansprechpartner.json.
+ */
+$page = json_load('ansprechpartner');
+
+// Sektionen aus dem "group"-Feld der Personen ableiten (Single Source): eine
+// Sektion je Gruppe (Fußball, Turnen), darin die jeweiligen Abteilungen/Disziplinen
+// als Karten-Überschrift. Reihenfolge = JSON-Reihenfolge.
+$groups = [];
+foreach ($page['persons'] ?? [] as $p) {
+    $dept = $p['department'] ?? '';
+    if ($dept === '') {
+        continue;
+    }
+    $label = $p['group'] ?? $dept;
+    if (!in_array($dept, $groups[$label] ?? [], true)) {
+        $groups[$label][] = $dept;
+    }
+}
+
+// Eindeutiger Abschnitts-Anker aus dem Bereichsnamen (kein Slug-Helper im Projekt).
+$anchor_slug = static function (string $s): string {
+    $s = strtolower(strtr($s, ['ä' => 'ae', 'ö' => 'oe', 'ü' => 'ue', 'ß' => 'ss']));
+    return trim((string) preg_replace('/[^a-z0-9]+/', '-', $s), '-');
+};
+
+$meta = [
+    'title'       => 'Ansprechpartner',
+    'description' => 'Ansprechpartner und Kontaktwege beim TSV 1908 Kulmbach – Geschäftsstelle, Turnabteilung und Vorstand auf einen Blick.',
+    'schema'      => page_schema([
+        ['name' => 'Startseite', 'slug' => ''],
+        ['name' => 'Der Verein', 'slug' => 'verein'],
+        ['name' => 'Ansprechpartner', 'slug' => 'ansprechpartner'],
+    ]),
+];
+component('hero', ['hero' => [
+    'compact' => true,
+    'kicker'  => 'Der Verein',
+    'title'   => 'Ansprechpartner',
+    'text'    => $page['intro'] ?? '',
+    'image'   => [
+        'base'   => 'img/pages/vereinsgelaende',
+        'widths' => [1000, 1600],
+        'alt'    => '',
+    ],
+]]);
+
+$i = 0;
+foreach ($groups as $label => $depts):
+    component('person-grid', [
+        'departments' => $depts,
+        'title'       => $label,
+        'intro'       => '',
+        'anchor'      => 'kontakt-' . $anchor_slug($label),
+        'tinted'      => ($i % 2 === 0),
+    ]);
+    $i++;
+endforeach;

app/pages/home.php

@@ -26,5 +26,9 @@ foreach ($home['sections'] as $section) {
 
 component('stats', ['stats' => $home['stats']]);
 component('partner-grid', ['intro' => $home['partners']]);
-component('person-grid');
+// Auf der Startseite bewusst nur die Haupt-Ansprechpartner je Bereich; die
+// vollständige Turn-Disziplin-Liste lebt auf /ansprechpartner.
+component('person-grid', [
+    'departments' => ['Herrenfußball', 'Damenfußball', 'Jugendfußball', 'Erwachsenenturnen'],
+]);
 component('contact-form', ['intro' => $home['contact']]);

app/pages/jugendfussball.php

@@ -5,7 +5,7 @@ declare(strict_types=1);
 /**
  * Jugendfußball-Übersichtsseite. Inhalt: data/jugend.json.
  * Komposition: Hero → Intro-Bento (Bild, Mitmachen, Spielort, Altersklassen) →
- * Altersklassen-Karten → Ansprechpartner → CTA → FAQ.
+ * Altersklassen-Karten → FAQ + Ansprechpartner (faq-contact, Slider bei mehreren).
  */
 $page = json_load('jugend');
 
@@ -13,10 +13,17 @@ $club = json_load('club');
 $addr = $club['address'] ?? [];
 $mapsQuery = rawurlencode(trim(($addr['venue'] ?? '') . ', ' . ($addr['street'] ?? '') . ', ' . ($addr['zip'] ?? '') . ' ' . ($addr['city'] ?? ''), ', '));
 
+// Ansprechpartner Jugendfußball aus der Single-Source (mehrere → Slider in faq-contact).
+$contacts = array_values(array_filter(
+    json_load('ansprechpartner')['persons'] ?? [],
+    static fn (array $p): bool => ($p['department'] ?? '') === 'Jugendfußball'
+));
+
 $meta = [
     'title'       => 'Jugendfußball in Kulmbach',
     'description' => 'Jugendfußball in Kulmbach – entdecke unsere Mannschaften von der G- bis zur C-Jugend, Betreuer und Trainingszeiten. Probiere Fußball in familiärer Atmosphäre aus.',
     'og_image'    => 'img/pages/jugendfussball-hero-1440.jpg',
+    'scripts'     => count($contacts) > 1 ? ['contact-slider.js'] : [],
     'schema'      => page_schema(
         [
             ['name' => 'Startseite', 'slug' => ''],
@@ -61,20 +68,10 @@ component('hero', ['hero' => $page['hero']]);
 <?php
 component('age-groups', ['groups' => $page['groups'] ?? []]);
 
-component('person-grid', [
-    'departments' => ['Jugendfußball'],
-    'title'       => 'Ansprechpartner Jugendfußball',
-    'intro'       => 'Fragen zum Schnuppertraining oder zur passenden Altersgruppe? Melde dich direkt.',
-    'anchor'      => 'kontakt',
+component('faq-contact', [
+    'faq'          => $page['faq'] ?? [],
+    'faqIntro'     => 'Ruf uns direkt an oder schreib uns unkompliziert per WhatsApp – wir beantworten alle Fragen rund um Schnuppertraining und die passende Altersgruppe.',
+    'persons'      => $contacts,
+    'contactTitle' => '',
+    'anchor'       => 'kontakt',
 ]);
-
-component('cta-band', ['band' => [
-    'title' => 'Neugierig geworden?',
-    'text'  => 'Komm mit deinem Kind zum kostenlosen Schnuppertraining – ganz unverbindlich.',
-    'ctas'  => [
-        ['label' => 'Zum Ansprechpartner', 'slug' => 'jugendfussball#kontakt', 'style' => 'primary'],
-        ['label' => 'Mitglied werden', 'slug' => 'mitglied-werden', 'style' => 'outline'],
-    ],
-]]);
-
-component('faq', ['faq' => $page['faq'] ?? []]);

app/pages/mitglied-werden.php

@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Mitglied werden (Hub). Inhalt: data/mitglied-werden.json + data/club.json.
+ * Struktur: Hero → Abteilungs-Auswahl → Info-Band → Fußball (Beiträge + Online-Formular)
+ * → Turnen (Hinweise + Beiträge + PDF) → FAQ.
+ */
+$page = json_load('mitglied-werden');
+$club = json_load('club');
+
+// Beitragsklassen für das Formular aus der Beitragstabelle ableiten (Single Source).
+// Muss identisch in app/actions/membership-submit.php gebildet werden (Whitelist).
+$feeOptions = array_map(
+    static fn (array $r): string => $r['label'] . ' — ' . $r['price'],
+    $page['fussball']['fees']['rows'] ?? []
+);
+
+$meta = [
+    'title'       => 'Mitglied werden',
+    'description' => 'Mitglied werden beim TSV 08 Kulmbach: Fußball bequem online anmelden oder Turnen per Aufnahmeantrag. Alle Beiträge, Aufnahme und Infos für deinen Vereinsbeitritt in Kulmbach.',
+    'og_image'    => 'img/hero/hero-1600.jpg',
+    'scripts'     => ['form.js'],
+    'schema'      => page_schema(
+        [
+            ['name' => 'Startseite', 'slug' => ''],
+            ['name' => 'Mitglied werden', 'slug' => 'mitglied-werden'],
+        ],
+        $page['faq'] ?? []
+    ),
+];
+
+component('hero', ['hero' => $page['hero']]);
+
+component('department-choice', ['choice' => $page['choice'], 'anchor' => 'abteilung']);
+?>
+        <section class="section membership-signup" id="anmeldung-fussball">
+            <div class="container membership-signup__inner">
+                <header class="membership-signup__head">
+                    <h2><?= e($page['fussball']['title']) ?></h2>
+                    <p class="membership-signup__intro"><?= e($page['fussball']['intro']) ?></p>
+                </header>
+                <div class="membership-card">
+<?php component('fee-table', ['fees' => $page['fussball']['fees']]); ?>
+<?php component('membership-form', ['fee_options' => $feeOptions]); ?>
+                </div>
+            </div>
+        </section>
+
+        <section class="section section--tinted membership-signup" id="anmeldung-turnen">
+            <div class="container membership-signup__inner">
+                <header class="membership-signup__head">
+                    <h2><?= e($page['turnen']['title']) ?></h2>
+                    <p class="membership-signup__intro"><?= e($page['turnen']['intro']) ?></p>
+                </header>
+<?php if (!empty($page['turnen']['notes'])): ?>
+                <ul class="membership-notes" role="list">
+<?php foreach ($page['turnen']['notes'] as $note): ?>
+                    <li class="membership-notes__item">
+<?php if (!empty($note['icon'])): ?>
+                        <span class="membership-notes__icon"><?= icon($note['icon']) ?></span>
+<?php endif; ?>
+                        <div class="membership-notes__body">
+                            <h3 class="membership-notes__title"><?= e($note['title']) ?></h3>
+                            <p><?= e($note['text']) ?></p>
+                        </div>
+                    </li>
+<?php endforeach; ?>
+                </ul>
+<?php endif; ?>
+                <div class="membership-download">
+                    <a class="btn membership-download__btn" href="<?= e(asset($page['turnen']['download']['file'])) ?>" download>
+                        <?= icon('download', 'membership-download__icon') ?><?= e($page['turnen']['download']['label']) ?>
+                    </a>
+                    <p class="membership-download__hint"><?= e($page['turnen']['download']['hint']) ?></p>
+                    <p class="membership-download__contact">Fragen zur Turnabteilung? Schreib an <a href="mailto:<?= e($club['email_turnen']) ?>"><?= e($club['email_turnen']) ?></a>.</p>
+                </div>
+            </div>
+        </section>
+<?php
+component('faq', ['faq' => $page['faq'] ?? []]);

app/pages/partner-werden.php

@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Partner werden — Platzhalter/Stub für Sponsoring/Partnerschaft. Pakete und
+ * Konditionen folgen; Kontaktweg über data/club.json (Single Source of Truth).
+ */
+$club = json_load('club');
+
+$meta = [
+    'title'       => 'Partner werden',
+    'description' => 'Werde Partner oder Sponsor des TSV 1908 Kulmbach und unterstütze den Sport im Katzbachtal – so kommst du mit uns ins Gespräch.',
+    'schema'      => page_schema([
+        ['name' => 'Startseite', 'slug' => ''],
+        ['name' => 'Der Verein', 'slug' => 'verein'],
+        ['name' => 'Partner werden', 'slug' => 'partner-werden'],
+    ]),
+];
+?>
+        <section class="section legal">
+            <div class="container">
+                <div class="legal__head">
+                    <p class="legal__kicker">Der Verein</p>
+                    <h1>Partner werden</h1>
+                    <p class="legal__lead">Unterstütze den TSV 08 Kulmbach und werde sichtbar – als Partner mitten im Vereinsleben.</p>
+                </div>
+
+                <div class="legal__body">
+                    <section>
+                        <h2>Sponsoring &amp; Partnerschaft</h2>
+                        <p>Ob Bandenwerbung, Trikotsponsoring oder Unterstützung einzelner Abteilungen – wir stellen dir gern die passenden Möglichkeiten vor. Eine Übersicht der Partnerpakete und Konditionen ist in Vorbereitung.</p>
+                    </section>
+
+                    <section>
+                        <h2>Kontakt aufnehmen</h2>
+                        <div class="legal__card">
+                            <p>
+                                <strong><?= e($club['name']) ?></strong><br>
+                                E-Mail: <a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
+                            </p>
+                        </div>
+                    </section>
+                </div>
+            </div>
+        </section>

app/pages/sportheimbuchung.php

@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Sportheimbuchung — Platzhalter/Stub. Inhalt (Verfügbarkeiten, Buchungsablauf,
+ * Konditionen) folgt; Kontaktweg über data/club.json (Single Source of Truth).
+ */
+$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'],
+    ]),
+];
+?>
+        <section class="section legal">
+            <div class="container">
+                <div class="legal__head">
+                    <p class="legal__kicker">Der Verein</p>
+                    <h1>Sportheim mieten &amp; buchen</h1>
+                    <p class="legal__lead">Unser Sportheim auf der <?= e($club['address']['venue']) ?> lässt sich für Feiern und Veranstaltungen mieten.</p>
+                </div>
+
+                <div class="legal__body">
+                    <section>
+                        <h2>Buchung &amp; Verfügbarkeit</h2>
+                        <p>Die Online-Buchung mit Belegungskalender und Konditionen befindet sich gerade in Vorbereitung. Bis dahin nimm bitte direkt Kontakt mit uns auf – wir klären Termin, Ausstattung und Preise unkompliziert mit dir.</p>
+                    </section>
+
+                    <section>
+                        <h2>Ansprechpartner</h2>
+                        <div class="legal__card">
+                            <p>
+                                <strong><?= e($club['name']) ?></strong><br>
+                                E-Mail: <a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
+                            </p>
+                        </div>
+                    </section>
+                </div>
+            </div>
+        </section>