Footer neu: 4 Spalten (Brand+Claim+Social, Seiten, Kontakt mit Icons, Rechtliches), 18px Schrift, Akzent-Headings, Bottom-Bar mit Verbänden

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-06-11 22:05:41 +02:00
parent b95a0bce2d
commit 0bccc6f440
6 changed files with 150 additions and 29 deletions

View File

@@ -3,34 +3,61 @@
declare(strict_types=1);
/**
* Footer: Vereinsdaten (NAP aus club.json), Social-Links, Rechtliches.
* Footer: Brand-Block (Logo, Entity-Satz, Social), Seiten-Navigation,
* Kontakt (NAP aus club.json — identisch zu JSON-LD), Rechtliches.
* Alle Daten aus den Single-Source-Dateien (club.json / navigation.json).
*/
$club = json_load('club');
$nav = json_load('navigation');
$socialLabels = ['instagram' => 'Instagram', 'facebook' => 'Facebook', 'youtube' => 'YouTube'];
$socialIcons = ['instagram' => 'instagram', 'facebook' => 'facebook', 'youtube' => 'youtube'];
$footerNav = array_merge(
array_filter($nav['main'], static fn (array $item): bool => !str_starts_with($item['slug'], '#')),
$nav['ctas'] ?? []
);
?>
<footer class="site-footer">
<div class="container site-footer__grid">
<div>
<h2 class="site-footer__heading"><?= e($club['legal_name']) ?></h2>
<address class="site-footer__address">
<?= e($club['address']['venue']) ?><br>
<?= e($club['address']['street']) ?><br>
<?= e($club['address']['zip']) ?> <?= e($club['address']['city']) ?><br>
<a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
</address>
</div>
<div>
<h2 class="site-footer__heading">Folge uns</h2>
<ul class="site-footer__list">
<div class="site-footer__brand">
<img src="<?= e(asset('img/logo.svg')) ?>" alt="" width="62" height="80" loading="lazy">
<p class="site-footer__claim"><?= e($club['description']) ?></p>
<ul class="site-footer__social" aria-label="Social Media">
<?php foreach ($club['social'] as $key => $socialUrl): ?>
<?php if ($socialUrl): ?>
<li><a href="<?= e($socialUrl) ?>" rel="noopener"><?= e($socialLabels[$key] ?? ucfirst($key)) ?></a></li>
<li>
<a href="<?= e($socialUrl) ?>" rel="noopener">
<?= icon($socialIcons[$key] ?? 'link-45deg') ?><?= e($socialLabels[$key] ?? ucfirst($key)) ?>
</a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
<nav aria-label="Footer-Navigation">
<h2 class="site-footer__heading">Seiten</h2>
<ul class="site-footer__list">
<?php foreach ($footerNav as $item): ?>
<li><a href="<?= e(url($item['slug'])) ?>"><?= e($item['label']) ?></a></li>
<?php endforeach; ?>
</ul>
</nav>
<div>
<h2 class="site-footer__heading">Kontakt</h2>
<address class="site-footer__address">
<p>
<?= icon('geo-alt') ?>
<span><?= e($club['address']['venue']) ?><br>
<?= e($club['address']['street']) ?><br>
<?= e($club['address']['zip']) ?> <?= e($club['address']['city']) ?></span>
</p>
<p>
<?= icon('envelope') ?>
<a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
</p>
</address>
</div>
<div>
<h2 class="site-footer__heading">Rechtliches</h2>
<ul class="site-footer__list">
@@ -40,7 +67,10 @@ $socialLabels = ['instagram' => 'Instagram', 'facebook' => 'Facebook', 'youtube'
</ul>
</div>
</div>
<div class="container site-footer__copyright">
<p>&copy; <?= e(date('Y')) ?> <?= e($club['legal_name']) ?></p>
<div class="site-footer__bottom">
<div class="container site-footer__bottom-inner">
<p>&copy; <?= e(date('Y')) ?> <?= e($club['legal_name']) ?></p>
<p>Mitglied im <?= e(implode(', ', $club['memberships'])) ?></p>
</div>
</div>
</footer>