From 22e36b17ae950f19c7e02e29cd4faa9ce10cc486 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 10:23:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 166 +++++++++++------------------------------------
 1 file changed, 37 insertions(+), 129 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a78a8db..e56c3db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Start",
-          id: "#hero",
-        },
+          name: "Start",          id: "#hero"},
         {
-          name: "Positionen",
-          id: "#positions",
-        },
+          name: "Positionen",          id: "#positions"},
         {
-          name: "Training",
-          id: "#features",
-        },
+          name: "Training",          id: "#features"},
         {
-          name: "Regeneration",
-          id: "#regeneration",
-        },
+          name: "Regeneration",          id: "#regeneration"},
       ]}
       brandName="ELITE HANDBALL"
     />
@@ -55,15 +47,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="8-Wochen Handball Trainingsplan"
       description="Athletik • Schnelligkeit • Kraft • Ausdauer. Dein Weg zum NLZ-Niveau."
       buttons={[
         {
-          text: "Trainingsplan starten",
-          href: "#positions",
-        },
+          text: "Trainingsplan starten",          href: "#positions"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/astronaut-raises-hand-defensively-after-triggering-red-light-motion-alert_482257-126789.jpg"
       imageAlt="Handballspieler im Training"
@@ -77,34 +66,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "p1",
-          label: "Mitte",
-          title: "Spielmacher",
-          items: [
-            "Sichtfeld erweitern",
-            "Passgeschwindigkeit",
-            "Entscheidungsfindung",
-          ],
+          id: "p1",          label: "Mitte",          title: "Spielmacher",          items: [
+            "Sichtfeld erweitern",            "Passgeschwindigkeit",            "Entscheidungsfindung"],
         },
         {
-          id: "p2",
-          label: "Halb",
-          title: "Rückraum",
-          items: [
-            "Sprungkraft Fokus",
-            "Wurfhärte",
-            "Durchsetzungsvermögen",
-          ],
+          id: "p2",          label: "Halb",          title: "Rückraum",          items: [
+            "Sprungkraft Fokus",            "Wurfhärte",            "Durchsetzungsvermögen"],
         },
         {
-          id: "p3",
-          label: "Außen",
-          title: "Außenbahn",
-          items: [
-            "Antrittsschnelligkeit",
-            "Winkelspiel",
-            "Lauf-Effizienz",
-          ],
+          id: "p3",          label: "Außen",          title: "Außenbahn",          items: [
+            "Antrittsschnelligkeit",            "Winkelspiel",            "Lauf-Effizienz"],
         },
       ]}
       title="Wähle deine Position"
@@ -120,47 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Montag: Kraft",
-          price: "60 Min",
-          variant: "Fokus Rumpf",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68117.jpg",
-        },
+          id: "1",          name: "Montag: Kraft",          price: "60 Min",          variant: "Fokus Rumpf",          imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68117.jpg"},
         {
-          id: "2",
-          name: "Dienstag: Lauf",
-          price: "45 Min",
-          variant: "Intervall",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-handball-player_23-2151083964.jpg",
-        },
+          id: "2",          name: "Dienstag: Lauf",          price: "45 Min",          variant: "Intervall",          imageSrc: "http://img.b2bpic.net/free-photo/view-handball-player_23-2151083964.jpg"},
         {
-          id: "3",
-          name: "Mittwoch: Mobility",
-          price: "30 Min",
-          variant: "Regeneration",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124100.jpg",
-        },
+          id: "3",          name: "Mittwoch: Mobility",          price: "30 Min",          variant: "Regeneration",          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124100.jpg"},
         {
-          id: "4",
-          name: "Donnerstag: Sprung",
-          price: "50 Min",
-          variant: "Explosivität",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg",
-        },
+          id: "4",          name: "Donnerstag: Sprung",          price: "50 Min",          variant: "Explosivität",          imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg"},
         {
-          id: "5",
-          name: "Freitag: Core",
-          price: "40 Min",
-          variant: "Stabilisation",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-rugby-player-sportswear_23-2148993524.jpg",
-        },
+          id: "5",          name: "Freitag: Core",          price: "40 Min",          variant: "Stabilisation",          imageSrc: "http://img.b2bpic.net/free-photo/female-rugby-player-sportswear_23-2148993524.jpg"},
         {
-          id: "6",
-          name: "Wochenende",
-          price: "Variabel",
-          variant: "Spiel/Erholung",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handball-player_23-2151155951.jpg",
-        },
+          id: "6",          name: "Wochenende",          price: "Variabel",          variant: "Spiel/Erholung",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handball-player_23-2151155951.jpg"},
       ]}
       title="Wochenübersicht"
       description="Jede Einheit ist auf maximale Leistungssteigerung optimiert."
@@ -169,27 +110,19 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Timer,
-          title: "Trainingsstunden",
-          value: "124h",
-        },
+          id: "m1",          icon: Timer,
+          title: "Trainingsstunden",          value: "124h"},
         {
-          id: "m2",
-          icon: Zap,
-          title: "Sprints absolviert",
-          value: "480",
-        },
+          id: "m2",          icon: Zap,
+          title: "Sprints absolviert",          value: "480"},
         {
-          id: "m3",
-          icon: Activity,
-          title: "Kraft Steigerung",
-          value: "12%",
-        },
+          id: "m3",          icon: Activity,
+          title: "Kraft Steigerung",          value: "12%"},
       ]}
       title="Deine Performance Daten"
       description="Verfolge deinen Fortschritt im Detail."
@@ -201,14 +134,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Regeneration & Ernährung",
-        },
+          type: "text",          content: "Regeneration & Ernährung"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-handball-players-court_23-2151083963.jpg",
-          alt: "Ernährung",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/view-handball-players-court_23-2151083963.jpg",          alt: "Ernährung"},
       ]}
     />
   </div>
@@ -219,20 +147,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Ist der Plan für 14-jährige geeignet?",
-          content: "Absolut, der Fokus liegt auf sauberer Technik.",
-        },
+          id: "f1",          title: "Ist der Plan für 14-jährige geeignet?",          content: "Absolut, der Fokus liegt auf sauberer Technik."},
         {
-          id: "f2",
-          title: "Benötige ich Equipment?",
-          content: "Nein, Körpergewichtstraining reicht völlig aus.",
-        },
+          id: "f2",          title: "Benötige ich Equipment?",          content: "Nein, Körpergewichtstraining reicht völlig aus."},
         {
-          id: "f3",
-          title: "Was wenn ich eine Einheit verpasse?",
-          content: "Einfach weitermachen, kein Stress!",
-        },
+          id: "f3",          title: "Was wenn ich eine Einheit verpasse?",          content: "Einfach weitermachen, kein Stress!"},
       ]}
       title="Häufige Fragen"
       description="Alles was du über den Plan wissen musst."
@@ -244,8 +163,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Support"
       title="Bereit durchzustarten?"
       description="Lade dir den vollständigen PDF-Plan herunter."
@@ -259,29 +177,19 @@ export default function LandingPage() {
       logoText="ELITE HANDBALL"
       columns={[
         {
-          title: "Training",
-          items: [
+          title: "Training",          items: [
             {
-              label: "Start",
-              href: "#hero",
-            },
+              label: "Start",              href: "#hero"},
             {
-              label: "Positionen",
-              href: "#positions",
-            },
+              label: "Positionen",              href: "#positions"},
           ],
         },
         {
-          title: "Info",
-          items: [
+          title: "Info",          items: [
             {
-              label: "Über uns",
-              href: "#",
-            },
+              label: "Über uns",              href: "#"},
             {
-              label: "Kontakt",
-              href: "#contact",
-            },
+              label: "Kontakt",              href: "#contact"},
           ],
         },
       ]}