<?php

declare(strict_types=1);

/**
 * Vereins-Übersichtsseite (Hub). Inhalt: data/verein.json.
 * Struktur: Hero → Abteilungs-Kacheln → Gelände → Leitbild → Historien-Teaser → FAQ.
 */
$page = json_load('verein');

// Zwei Abteilungs-Kacheln. Turnen verlinkt bereits auf /turnen (Seite folgt).
$cards = [
    [
        'name'     => 'Fußball',
        'slug'     => 'fussball',
        'category' => 'Herren · Frauen · Jugend',
        'image'    => ['base' => 'img/pages/fussball-hero', 'widths' => [640, 1000, 1600], 'alt' => 'Fußball beim TSV 08 Kulmbach'],
    ],
    [
        'name'     => 'Turnabteilung',
        'slug'     => 'turnen',
        'category' => 'Turnen · Trampolin',
        'image'    => ['base' => 'img/pages/turnen', 'widths' => [640, 1000], 'alt' => 'Turnabteilung des TSV 08 Kulmbach'],
    ],
];

$meta = [
    'title'       => 'Der Verein',
    'description' => 'Der TSV 1908 Kulmbach e. V.: seit 1908 dein Sportverein in Kulmbach mit über 650 Mitgliedern. Fußball und Turnen auf der Hans-Rausch-Sportanlage im Katzbachtal.',
    'og_image'    => 'img/pages/vereinsgelaende-1600.jpg',
    'schema'      => page_schema(
        [
            ['name' => 'Startseite', 'slug' => ''],
            ['name' => 'Der Verein', 'slug' => 'verein'],
        ],
        $page['faq'] ?? []
    ),
];

component('hero', ['hero' => $page['hero']]);

component('team-cards', [
    'teams'        => $cards,
    'title'        => 'Unsere Abteilungen',
    'title_hidden' => true,
    'intro'        => $page['abteilungen_intro'] ?? '',
    'intro_below'  => true,
    'anchor'       => 'abteilungen',
]);
?>
        <section class="section section--tinted facility" id="gelaende">
            <div class="container">
                <h2><?= e($page['gelaende']['title']) ?></h2>
                <p class="facility__lead"><?= e($page['gelaende']['text']) ?></p>
                <figure class="facility__figure">
<?php component('img', ['image' => $page['gelaende']['image'], 'sizes' => '(max-width: 1200px) 100vw, 1200px', 'class' => 'facility__img']); ?>
<?php if (!empty($page['gelaende']['caption'])): ?>
                    <figcaption class="facility__caption"><?= e($page['gelaende']['caption']) ?></figcaption>
<?php endif; ?>
                </figure>

            </div>
        </section>
<?php
component('section', ['section' => $page['about']]);

component('section', ['section' => $page['historie_teaser']]);

component('faq', ['faq' => $page['faq'] ?? []]);
