From ad84f9e97519dc7dfddc40b70d94bc2faee659b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 11:23:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 287 +++++++----------------------------------------
 1 file changed, 40 insertions(+), 247 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 950ebe2..5ac97bd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Prüfung",
-          id: "#hero",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Module",
-          id: "#modules",
-        },
-        {
-          name: "Kontakt",
-          id: "#contact",
-        },
+        { name: "Prüfung", id: "#hero" },
+        { name: "Features", id: "#features" },
+        { name: "Module", id: "#modules" },
+        { name: "Kontakt", id: "#contact" },
       ]}
       brandName="IHK Prep"
     />
@@ -55,48 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+      background={{ variant: "rotated-rays-animated-grid" }}
       title="Dein Weg zur perfekten IHK-Prüfung"
       description="Simuliere echte Prüfungssituationen, trainiere gezielt Fachbereiche und bestehe mit unserem intelligenten Lernalgorithmus."
-      buttons={[
-        {
-          text: "Jetzt kostenlos starten",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Jetzt kostenlos starten", href: "#contact" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=1",
-          imageAlt: "Dashboard",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg?_wi=1",
-          imageAlt: "Karteikarten",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-top-view_185193-109745.jpg",
-          imageAlt: "Prüfung",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg",
-          imageAlt: "Lernmodule",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-          imageAlt: "Analytics",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569175.jpg",
-          imageAlt: "Lernumgebung",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", imageAlt: "Dashboard" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg", imageAlt: "Karteikarten" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-top-view_185193-109745.jpg", imageAlt: "Prüfung" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg", imageAlt: "Lernmodule" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Analytics" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569175.jpg", imageAlt: "Lernumgebung" },
       ]}
     />
   </div>
@@ -106,21 +63,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Erfolge messbar machen"
       metrics={[
-        {
-          icon: Award,
-          label: "Bestehensquote",
-          value: "98%",
-        },
-        {
-          icon: Clock,
-          label: "Zeit Ersparnis",
-          value: "40%",
-        },
-        {
-          icon: CheckCircle,
-          label: "Fragenpool",
-          value: "15.000+",
-        },
+        { icon: Award, label: "Bestehensquote", value: "98%" },
+        { icon: Clock, label: "Zeit Ersparnis", value: "40%" },
+        { icon: CheckCircle, label: "Fragenpool", value: "15.000+" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -132,36 +77,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          label: "Simulation",
-          title: "Prüfungs-Simulation",
-          items: [
-            "Echte Zeitlimits",
-            "Punktesimulation",
-            "IHK-Feeling pur",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Training",
-          title: "Spaced Repetition",
-          items: [
-            "Intelligenter Algorithmus",
-            "Schwierige Fragen öfter",
-            "Effektiver Lernfortschritt",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Analyse",
-          title: "Fortschritts-Tracker",
-          items: [
-            "Lücken erkennen",
-            "Visuelle Statistiken",
-            "Stärken ausbauen",
-          ],
-        },
+        { id: "f1", label: "Simulation", title: "Prüfungs-Simulation", items: ["Echte Zeitlimits", "Punktesimulation", "IHK-Feeling pur"] },
+        { id: "f2", label: "Training", title: "Spaced Repetition", items: ["Intelligenter Algorithmus", "Schwierige Fragen öfter", "Effektiver Lernfortschritt"] },
+        { id: "f3", label: "Analyse", title: "Fortschritts-Tracker", items: ["Lücken erkennen", "Visuelle Statistiken", "Stärken ausbauen"] },
       ]}
       title="Intelligente Lern-Tools"
       description="Unsere App kombiniert bewährte Lernmethoden mit der speziellen IHK-Logik."
@@ -170,52 +88,17 @@ export default function LandingPage() {
 
   <div id="modules" data-section="modules">
       <ProductCardFour
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Kaufmännische Berufe",
-          price: "Basis",
-          variant: "WISO & KLR",
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-3d-facebook-logos_1379-875.jpg",
-        },
-        {
-          id: "p2",
-          name: "IT-Berufe",
-          price: "Technik",
-          variant: "Code & Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-retro-computer_23-2151004370.jpg",
-        },
-        {
-          id: "p3",
-          name: "Logistik & Handel",
-          price: "Lager",
-          variant: "Prozesse & Recht",
-          imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-earth-global-world-with-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1283.jpg",
-        },
-        {
-          id: "p4",
-          name: "WISO-Basics",
-          price: "Recht",
-          variant: "Alle Berufe",
-          imageSrc: "http://img.b2bpic.net/free-vector/ebook-icon_632498-3933.jpg",
-        },
-        {
-          id: "p5",
-          name: "Rechnungswesen",
-          price: "Finanz",
-          variant: "Buchführung",
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-exchange-economics-investment-graph_53876-21258.jpg",
-        },
-        {
-          id: "p6",
-          name: "Komplexaufgaben",
-          price: "Pro",
-          variant: "Transfertraining",
-          imageSrc: "http://img.b2bpic.net/free-photo/last-piece-puzzle_1156-390.jpg",
-        },
+        { id: "p1", name: "Kaufmännische Berufe", price: "Basis", variant: "WISO & KLR", imageSrc: "http://img.b2bpic.net/free-photo/pile-3d-facebook-logos_1379-875.jpg" },
+        { id: "p2", name: "IT-Berufe", price: "Technik", variant: "Code & Security", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-retro-computer_23-2151004370.jpg" },
+        { id: "p3", name: "Logistik & Handel", price: "Lager", variant: "Prozesse & Recht", imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-earth-global-world-with-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1283.jpg" },
+        { id: "p4", name: "WISO-Basics", price: "Recht", variant: "Alle Berufe", imageSrc: "http://img.b2bpic.net/free-vector/ebook-icon_632498-3933.jpg" },
+        { id: "p5", name: "Rechnungswesen", price: "Finanz", variant: "Buchführung", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-exchange-economics-investment-graph_53876-21258.jpg" },
+        { id: "p6", name: "Komplexaufgaben", price: "Pro", variant: "Transfertraining", imageSrc: "http://img.b2bpic.net/free-photo/last-piece-puzzle_1156-390.jpg" },
       ]}
       title="Spezialisierte Fachbereiche"
       description="Lerninhalte maßgeschneidert auf deinen Bildungsgang."
@@ -228,54 +111,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "plan-1",
-          title: "Einstieg",
-          price: "19,99€",
-          period: "einmalig",
-          features: [
-            "Basis-Prüfungen",
-            "WISO-Modul",
-            "Erster Überblick",
-          ],
-          button: {
-            text: "Starten",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-pens-view_23-2149740077.jpg",
-          imageAlt: "Bullet journal and pens  above view",
-        },
-        {
-          id: "plan-2",
-          title: "Premium",
-          price: "49,99€",
-          period: "einmalig",
-          features: [
-            "Alle Fachbereiche",
-            "Vollständige Simulation",
-            "Lern-Tracker & Statistik",
-          ],
-          button: {
-            text: "Empfohlen",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=2",
-          imageAlt: "Bullet journal and pens  above view",
-        },
-        {
-          id: "plan-3",
-          title: "Master",
-          price: "89,99€",
-          period: "einmalig",
-          features: [
-            "Alles in Premium",
-            "Persönliches Coaching",
-            "Prüfungs-Garantie",
-          ],
-          button: {
-            text: "Maximum",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg?_wi=2",
-          imageAlt: "Bullet journal and pens  above view",
-        },
+        { id: "plan-1", title: "Einstieg", price: "19,99€", period: "einmalig", features: ["Basis-Prüfungen", "WISO-Modul", "Erster Überblick"], button: { text: "Starten" }, imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-pens-view_23-2149740077.jpg" },
+        { id: "plan-2", title: "Premium", price: "49,99€", period: "einmalig", features: ["Alle Fachbereiche", "Vollständige Simulation", "Lern-Tracker & Statistik"], button: { text: "Empfohlen" }, imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg" },
+        { id: "plan-3", title: "Master", price: "89,99€", period: "einmalig", features: ["Alles in Premium", "Persönliches Coaching", "Prüfungs-Garantie"], button: { text: "Maximum" }, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg" },
       ]}
       title="Wähle dein Lernpaket"
       description="Bereite dich effizient und ohne Stress auf deine Prüfung vor."
@@ -286,31 +124,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Müller",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
-        },
-        {
-          id: "t2",
-          name: "Kevin Schmidt",
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg",
-        },
-        {
-          id: "t3",
-          name: "Lisa Weber",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-red-uniform-holding-clipboard-looking-camera-skeptic-nervous-isolated-white-background_141793-19565.jpg",
-        },
-        {
-          id: "t4",
-          name: "Tom Fischer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-having-notepad-pen-hands-planning-expertising-analyzing-isolated_231208-10439.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna Becker",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg",
-        },
+        { id: "t1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
+        { id: "t2", name: "Kevin Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg" },
+        { id: "t3", name: "Lisa Weber", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-red-uniform-holding-clipboard-looking-camera-skeptic-nervous-isolated-white-background_141793-19565.jpg" },
+        { id: "t4", name: "Tom Fischer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-having-notepad-pen-hands-planning-expertising-analyzing-isolated_231208-10439.jpg" },
+        { id: "t5", name: "Anna Becker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg" },
       ]}
       cardTitle="Erfolgsgeschichten"
       cardAnimation="blur-reveal"
@@ -322,21 +140,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Wie aktuell sind die Fragen?",
-          content: "Unser Team hält die Fragen stets auf dem neuesten Stand der IHK-Verordnungen.",
-        },
-        {
-          id: "q2",
-          title: "Gibt es eine App?",
-          content: "Ja, unsere Plattform ist als PWA für alle mobilen Endgeräte optimiert.",
-        },
-        {
-          id: "q3",
-          title: "Kann ich die Lernpläne anpassen?",
-          content: "Natürlich! Jeder Lernplan lässt sich an deinen Zeitplan anpassen.",
-        },
+        { id: "q1", title: "Wie aktuell sind die Fragen?", content: "Unser Team hält die Fragen stets auf dem neuesten Stand der IHK-Verordnungen." },
+        { id: "q2", title: "Gibt es eine App?", content: "Ja, unsere Plattform ist als PWA für alle mobilen Endgeräte optimiert." },
+        { id: "q3", title: "Kann ich die Lernpläne anpassen?", content: "Natürlich! Jeder Lernplan lässt sich an deinen Zeitplan anpassen." },
       ]}
       sideTitle="Noch Fragen?"
       faqsAnimation="blur-reveal"
@@ -346,32 +152,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       tag="Bereit?"
       title="Starte dein IHK-Training"
       description="Werde Teil der Tausenden erfolgreichen Azubis und starte noch heute."
-      buttons={[
-        {
-          text: "Jetzt loslegen",
-          href: "#hero",
-        },
-      ]}
+      buttons={[{ text: "Jetzt loslegen", href: "#hero" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="IHK Prep App"
-      leftLink={{
-        text: "Datenschutz",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Impressum",
-        href: "#",
-      }}
+      leftLink={{ text: "Datenschutz", href: "#" }}
+      rightLink={{ text: "Impressum", href: "#" }}
     />
   </div>
       </ReactLenis>