Vereinshistorie-Seite: kompakter Hero, interaktive Museums-Timeline (Scroll-Reveal, Jahres-Sprungnav), Originalbilder unverändert

routes.php enthält auch die fussball-Route (User-WIP, Seite existiert)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

app/components/hero.php

@@ -4,12 +4,14 @@ declare(strict_types=1);
 
 /**
  * Vollflächiger Hero mit Hintergrundbild/-video, Titel, Intro und CTAs.
- * Props: $hero (array aus home.json: title, text, image, video?, ctas, align?)
+ * Props: $hero (array aus home.json: title, text, image, video?, ctas, align?, compact?)
  * align-Varianten: 'center' (mittig zentriert), 'bottom-left' (Default).
+ * compact: true → niedrigere Variante für Unterseiten-Header.
  */
 $align = in_array($hero['align'] ?? '', ['center', 'bottom-left'], true) ? $hero['align'] : 'bottom-left';
+$compact = !empty($hero['compact']);
 ?>
-        <section class="hero<?= $align === 'center' ? ' hero--center' : '' ?>">
+        <section class="hero<?= $align === 'center' ? ' hero--center' : '' ?><?= $compact ? ' hero--compact' : '' ?>">
             <div class="hero__media" aria-hidden="true">
 <?php component('img', ['image' => $hero['image'], 'sizes' => '100vw', 'eager' => true, 'class' => 'hero__img']); ?>
 <?php if (!empty($hero['video'])): ?>
@@ -19,11 +21,15 @@ $align = in_array($hero['align'] ?? '', ['center', 'bottom-left'], true) ? $hero
             </div>
             <div class="container hero__content">
                 <h1 class="hero__title"><?= e($hero['title']) ?><?php if (!empty($hero['tagline'])): ?> <span class="hero__tagline"><?= e($hero['tagline']) ?></span><?php endif; ?></h1>
+<?php if (!empty($hero['text'])): ?>
                 <p class="hero__text"><?= e($hero['text']) ?></p>
+<?php endif; ?>
+<?php if (!empty($hero['ctas'])): ?>
                 <div class="hero__actions">
 <?php foreach ($hero['ctas'] as $cta): ?>
 <?php component('cta', ['cta' => $cta]); ?>
 <?php endforeach; ?>
                 </div>
+<?php endif; ?>
             </div>
         </section>