From 7db28fc3302980060c8c53c2bc81b07aeeb23d74 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 21:34:17 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7efc05c..e6390c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Start",
-          id: "hero",
-        },
+          name: "Start",          id: "hero"},
         {
-          name: "Schritte",
-          id: "steps",
-        },
+          name: "Schritte",          id: "steps"},
         {
-          name: "Fähigkeiten",
-          id: "skills",
-        },
+          name: "Fähigkeiten",          id: "skills"},
         {
-          name: "Wissen",
-          id: "expectations",
-        },
+          name: "Wissen",          id: "expectations"},
         {
-          name: "Kontakt",
-          id: "contact",
-        },
+          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Build & Earn"
     />
@@ -54,33 +51,17 @@ export default function LandingPage() {
       description="Wie man ein erfolgreiches Business aufbaut. Kein Hype. Kein Get-rich-quick. Nur fünf klare Schritte, die wirklich funktionieren."
       buttons={[
         {
-          text: "Jetzt starten",
-          href: "#steps",
-        },
+          text: "Jetzt starten",          href: "#steps"},
         {
-          text: "Mehr erfahren",
-          href: "#steps",
-        },
+          text: "Mehr erfahren",          href: "#steps"},
       ]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-coffee-notebook-keyboard_9975-133111.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-typing_23-2148877750.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-hand-painting-with-paintbrush_23-2148117930.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-his-office-desk_482257-107617.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-presenting-graph_23-2147626378.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-blank-white-screen-autumn-dry-leaves_23-2148041406.jpg",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-coffee-notebook-keyboard_9975-133111.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-typing_23-2148877750.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-hand-painting-with-paintbrush_23-2148117930.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-his-office-desk_482257-107617.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-presenting-graph_23-2147626378.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-blank-white-screen-autumn-dry-leaves_23-2148041406.jpg" }
       ]}
     />
   </div>
@@ -92,34 +73,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          title: "Starte mit einer Idee",
-          tags: [
-            "Marktlücken finden",
-            "Probleme erkennen",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg",
+          id: "s1",          title: "Starte mit einer Idee",          tags: ["Marktlücken finden", "Probleme erkennen"],
+          imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
         },
         {
-          id: "s2",
-          title: "Lerne ein gefragtes Skill",
-          tags: [
-            "Marketing",
-            "Verkauf",
-            "Programmieren",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282054.jpg",
+          id: "s2",          title: "Lerne ein gefragtes Skill",          tags: ["Marketing", "Verkauf", "Programmieren"],
+          imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282054.jpg"
         },
         {
-          id: "s3",
-          title: "Starte klein",
-          tags: [
-            "0€ Startkapital",
-            "MVP",
-            "Einfachheit",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-with-flowing-particles_1048-13794.jpg",
-        },
+          id: "s3",          title: "Starte klein",          tags: ["0€ Startkapital", "MVP", "Einfachheit"],
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-with-flowing-particles_1048-13794.jpg"
+        }
       ]}
       title="Der Weg — Fünf Schritte, eine Richtung"
       description="Jeder erfolgreiche Aufbau folgt einem bewährten System. Bleib diszipliniert und folge dem Plan."
@@ -128,26 +92,18 @@ export default function LandingPage() {
 
   <div id="skills" data-section="skills">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          title: "Startkapital",
-          value: "0€",
-          icon: Zap,
+          id: "m1",          title: "Startkapital",          value: "0€",          icon: Zap,
         },
         {
-          id: "m2",
-          title: "Fokus",
-          value: "100%",
-          icon: Target,
+          id: "m2",          title: "Fokus",          value: "100%",          icon: Target,
         },
         {
-          id: "m3",
-          title: "Potenzial",
-          value: "∞",
-          icon: Repeat,
+          id: "m3",          title: "Potenzial",          value: "∞",          icon: Repeat,
         },
       ]}
       title="Potenzial & Erfolg"
@@ -170,20 +126,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "Was ist das wichtigste?",
-          content: "Löse ein echtes Problem für Menschen.",
-        },
+          id: "q1",          title: "Was ist das wichtigste?",          content: "Löse ein echtes Problem für Menschen."},
         {
-          id: "q2",
-          title: "Wie schnell geht es?",
-          content: "Kein Business entsteht in einer Woche. Arbeite langfristig.",
-        },
+          id: "q2",          title: "Wie schnell geht es?",          content: "Kein Business entsteht in einer Woche. Arbeite langfristig."},
         {
-          id: "q3",
-          title: "Was muss ich tun?",
-          content: "Bleib dran, bau etwas Echtes auf.",
-        },
+          id: "q3",          title: "Was muss ich tun?",          content: "Bleib dran, bau etwas Echtes auf."},
       ]}
       title="Fazit"
       description="Schritt für Schritt zum Ziel."
@@ -197,20 +144,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "fq1",
-          title: "Brauche ich viel Startkapital?",
-          content: "Nein, starte klein und skaliere.",
-        },
+          id: "fq1",          title: "Brauche ich viel Startkapital?",          content: "Nein, starte klein und skaliere."},
         {
-          id: "fq2",
-          title: "Welches Skill ist am besten?",
-          content: "Marketing und Verkauf sind universell wichtig.",
-        },
+          id: "fq2",          title: "Welches Skill ist am besten?",          content: "Marketing und Verkauf sind universell wichtig."},
         {
-          id: "fq3",
-          title: "Wo finde ich Kunden?",
-          content: "Dort, wo sich deine Zielgruppe aufhält.",
-        },
+          id: "fq3",          title: "Wo finde ich Kunden?",          content: "Dort, wo sich deine Zielgruppe aufhält."},
       ]}
       title="Häufige Fragen"
       description="Klarheit für deinen Start."
@@ -221,9 +159,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Jetzt Starten"
       title="Dein Business wartet"
       description="Melde dich an, um weitere wertvolle Tipps direkt in dein Postfach zu bekommen."
@@ -235,29 +171,15 @@ export default function LandingPage() {
       logoText="Build & Earn"
       columns={[
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Start",
-              href: "#hero",
-            },
-            {
-              label: "Schritte",
-              href: "#steps",
-            },
+          title: "Navigation",          items: [
+            { label: "Start", href: "#hero" },
+            { label: "Schritte", href: "#steps" },
           ],
         },
         {
-          title: "Ressourcen",
-          items: [
-            {
-              label: "Wissen",
-              href: "#expectations",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
+          title: "Ressourcen",          items: [
+            { label: "Wissen", href: "#expectations" },
+            { label: "Kontakt", href: "#contact" },
           ],
         },
       ]}