81 lines
3.6 KiB
PHP
81 lines
3.6 KiB
PHP
|
<?php
|
|||
|
|
|
|||
|
|
declare(strict_types=1);
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Jugendfußball-Übersichtsseite. Inhalt: data/jugend.json.
|
|||
|
|
* Komposition: Hero → Intro-Bento (Bild, Mitmachen, Spielort, Altersklassen) →
|
|||
|
|
* Altersklassen-Karten → Ansprechpartner → CTA → FAQ.
|
|||
|
|
*/
|
|||
|
|
$page = json_load('jugend');
|
|||
|
|
|
|||
|
|
$club = json_load('club');
|
|||
|
|
$addr = $club['address'] ?? [];
|
|||
|
|
$mapsQuery = rawurlencode(trim(($addr['venue'] ?? '') . ', ' . ($addr['street'] ?? '') . ', ' . ($addr['zip'] ?? '') . ' ' . ($addr['city'] ?? ''), ', '));
|
|||
|
|
|
|||
|
|
$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',
|
|||
|
|
'schema' => page_schema(
|
|||
|
|
[
|
|||
|
|
['name' => 'Startseite', 'slug' => ''],
|
|||
|
|
['name' => 'Fußball', 'slug' => 'fussball'],
|
|||
|
|
['name' => 'Jugendfußball', 'slug' => 'jugendfussball'],
|
|||
|
|
],
|
|||
|
|
$page['faq'] ?? []
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
component('hero', ['hero' => $page['hero']]);
|
|||
|
|
?>
|
|||
|
|
<section class="section" id="ueber-uns">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="intro-bento">
|
|||
|
|
<div class="bento__tile intro-bento__image">
|
|||
|
|
<?php component('img', ['image' => $page['hero']['image'], 'sizes' => '(max-width: 900px) 100vw, 40vw', 'class' => 'intro-bento__img']); ?>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<article class="bento__tile intro-bento__about">
|
|||
|
|
<h2><?= e($page['about']['title']) ?></h2>
|
|||
|
|
<p><?= e($page['about']['text']) ?></p>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
<article class="bento__tile intro-bento__venue">
|
|||
|
|
<h2 class="bento__heading"><?= icon('geo-alt', 'bento__hicon') ?>Spielort</h2>
|
|||
|
|
<p class="bento__address">
|
|||
|
|
<?php if (!empty($addr['venue'])): ?><strong><?= e($addr['venue']) ?></strong><br><?php endif; ?>
|
|||
|
|
<?= e($addr['street']) ?>, <?= e($addr['zip']) ?> <?= e($addr['city']) ?>
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn--outline intro-bento__route" href="https://www.google.com/maps/search/?api=1&query=<?= e($mapsQuery) ?>" target="_blank" rel="noopener">Route planen<span class="visually-hidden"> (öffnet Google Maps in neuem Tab)</span></a>
|
|||
|
|
<span class="bento__deco" aria-hidden="true"><?= icon('geo-alt') ?></span>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
<article class="bento__tile bento__tile--accent intro-bento__stat">
|
|||
|
|
<span class="bento__stat-label">Altersklassen</span>
|
|||
|
|
<span class="bento__stat-value">G – C</span>
|
|||
|
|
</article>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<?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('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'] ?? []]);
|