diff --git a/app/components/hero.php b/app/components/hero.php index e194571..8c61add 100644 --- a/app/components/hero.php +++ b/app/components/hero.php @@ -10,6 +10,10 @@ declare(strict_types=1);

diff --git a/data/home.json b/data/home.json index ca6082a..2ae1290 100644 --- a/data/home.json +++ b/data/home.json @@ -7,6 +7,7 @@ "widths": [640, 1000, 1600], "alt": "Fußballplatz des TSV 08 Kulmbach im Katzbachtal mit Vereinsfahnen" }, + "video": "video/hero.mp4", "ctas": [ { "label": "Jugendfußball", "slug": "jugendfussball", "style": "primary" }, { "label": "Mitglied werden", "slug": "mitglied-werden", "style": "outline" } diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 42ab06e..629f56e 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -24,6 +24,20 @@ object-fit: cover; } +.hero__video { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +@media (prefers-reduced-motion: reduce) { + .hero__video { + display: none; + } +} + /* Dunkler Verlauf wie auf der alten Seite: oben transparent → unten Seitenhintergrund */ .hero__media::after { content: ''; diff --git a/public/assets/video/hero.mp4 b/public/assets/video/hero.mp4 new file mode 100644 index 0000000..42b51b3 Binary files /dev/null and b/public/assets/video/hero.mp4 differ