From 6797bcad375e2ffbd4f8df2e1ca00357af2845bd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 15 May 2026 13:07:25 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5e1b633..1ca1f4d 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">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Vorteile",
-          id: "features",
-        },
-        {
-          name: "Preise",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Vorteile", id: "features" },
+        { name: "Preise", id: "pricing" },
+        { name: "FAQ", id: "faq" }
       ]}
       brandName="AbiturReady"
     />
@@ -58,70 +46,20 @@ export default function LandingPage() {
       title="Dein Weg zum Traumschnitt"
       description="Erreiche dein Abiturziel mit personalisierten Lernplänen, exzellenten Materialien und motivierenden Communities."
       testimonials={[
-        {
-          name: "Lukas M.",
-          handle: "@lukas_m",
-          testimonial: "Dank AbiturReady konnte ich meine Noten in Mathe deutlich verbessern.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg?_wi=1",
-        },
-        {
-          name: "Sarah K.",
-          handle: "@sarah_k",
-          testimonial: "Die Lernpläne sind super strukturiert und zeitsparend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-korean-woman-doing-homework-student-making-notes-wearing-glasses-writing-note_1258-167843.jpg",
-        },
-        {
-          name: "Max B.",
-          handle: "@max_b",
-          testimonial: "Ein echtes Must-Have für den Endspurt im Abitur.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",
-        },
-        {
-          name: "Lisa G.",
-          handle: "@lisa_g",
-          testimonial: "Super hilfreiche Zusammenfassungen für alle Fächer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66458.jpg",
-        },
-        {
-          name: "Tom H.",
-          handle: "@tom_h",
-          testimonial: "Endlich kein Chaos mehr beim Lernen, alles an einem Ort.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-tutor-glasses-holding-her-notebooks-documents-smiling-camera_1258-218212.jpg",
-        },
+        { name: "Lukas M.", handle: "@lukas_m", testimonial: "Dank AbiturReady konnte ich meine Noten in Mathe deutlich verbessern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg" },
+        { name: "Sarah K.", handle: "@sarah_k", testimonial: "Die Lernpläne sind super strukturiert und zeitsparend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-korean-woman-doing-homework-student-making-notes-wearing-glasses-writing-note_1258-167843.jpg" },
+        { name: "Max B.", handle: "@max_b", testimonial: "Ein echtes Must-Have für den Endspurt im Abitur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg" },
+        { name: "Lisa G.", handle: "@lisa_g", testimonial: "Super hilfreiche Zusammenfassungen für alle Fächer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66458.jpg" },
+        { name: "Tom H.", handle: "@tom_h", testimonial: "Endlich kein Chaos mehr beim Lernen, alles an einem Ort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-tutor-glasses-holding-her-notebooks-documents-smiling-camera_1258-218212.jpg" }
       ]}
-      buttons={[
-        {
-          text: "Jetzt starten",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg?_wi=1"
+      buttons={[{ text: "Jetzt starten", href: "#features" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg",
-          alt: "Student profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg",
-          alt: "Student profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/charismatic-kind-pleasant-redhead-girl-blue-eyes-smiling-friendly-listen-politely-customer-standing_1258-137341.jpg",
-          alt: "Student profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg",
-          alt: "Student profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-headphones-sitting-table-close-window_23-2148166293.jpg",
-          alt: "Student profile 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg", alt: "Student profile 1" },
+        { src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg", alt: "Student profile 2" },
+        { src: "http://img.b2bpic.net/free-photo/charismatic-kind-pleasant-redhead-girl-blue-eyes-smiling-friendly-listen-politely-customer-standing_1258-137341.jpg", alt: "Student profile 3" },
+        { src: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg", alt: "Student profile 4" },
+        { src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-headphones-sitting-table-close-window_23-2148166293.jpg", alt: "Student profile 5" }
       ]}
       avatarText="Über 15.000 erfolgreiche Abiturienten vertrauen uns."
     />
@@ -132,21 +70,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Unsere Mission"
       metrics={[
-        {
-          icon: Users,
-          label: "Lernende",
-          value: "15.000+",
-        },
-        {
-          icon: BookOpen,
-          label: "Kurse",
-          value: "50+",
-        },
-        {
-          icon: Award,
-          label: "Durchschnittsnote",
-          value: "1.7",
-        },
+        { icon: Users, label: "Lernende", value: "15.000+" },
+        { icon: BookOpen, label: "Kurse", value: "50+" },
+        { icon: Award, label: "Durchschnittsnote", value: "1.7" }
       ]}
       metricsAnimation="slide-up"
     />
@@ -154,47 +80,21 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureBento
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          title: "Täglicher Fortschritt",
-          description: "Individuelle Pläne basierend auf deinen Zielen.",
-          bentoComponent: "3d-task-list",
-          items: [
-            {
-              icon: Calendar,
-              label: "Täglich fokussiert",
-              time: "15 min",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-notebooks-slate-background_23-2148223268.jpg",
-          imageAlt: "Pile of notebooks on slate background",
+          title: "Täglicher Fortschritt",          description: "Individuelle Pläne basierend auf deinen Zielen.",          bentoComponent: "3d-task-list",          items: [{ icon: Calendar, label: "Täglich fokussiert", time: "15 min" }]
         },
         {
-          title: "Fach-Zusammenfassungen",
-          description: "Schnelle Übersicht der wichtigsten Themen.",
-          bentoComponent: "reveal-icon",
-          icon: FileText,
-          imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg?_wi=2",
-          imageAlt: "Pile of notebooks on slate background",
+          title: "Fach-Zusammenfassungen",          description: "Schnelle Übersicht der wichtigsten Themen.",          bentoComponent: "reveal-icon",          icon: FileText
         },
         {
-          title: "Gemeinschaft",
-          description: "Lerne mit Gleichgesinnten.",
-          bentoComponent: "chat",
-          aiIcon: MessageSquare,
+          title: "Gemeinschaft",          description: "Lerne mit Gleichgesinnten.",          bentoComponent: "chat",          aiIcon: MessageSquare,
           userIcon: User,
-          placeholder: "Stelle deine Frage...",
-          exchanges: [
-            {
-              userMessage: "Frage zu Analysis",
-              aiResponse: "Gerne! Hier sind die Grundlagen...",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg?_wi=2",
-          imageAlt: "Pile of notebooks on slate background",
-        },
+          placeholder: "Stelle deine Frage...",          exchanges: [{ userMessage: "Frage zu Analysis", aiResponse: "Gerne! Hier sind die Grundlagen..." }]
+        }
       ]}
       title="Alles was du brauchst"
       description="Dein Komplettpaket für die Abiturvorbereitung in einer intuitiven Plattform."
@@ -203,41 +103,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardOne
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",
-          badge: "Basics",
-          price: "9,99€",
-          subtitle: "Für den Überblick",
-          features: [
-            "Alle Zusammenfassungen",
-            "Basis-Lernplan",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Empfohlen",
-          price: "19,99€",
-          subtitle: "Für volle Power",
-          features: [
-            "Alle Inhalte",
-            "KI-Lernplan",
-            "Community-Zugang",
-          ],
-        },
-        {
-          id: "max",
-          badge: "Komplett",
-          price: "29,99€",
-          subtitle: "Dein Vorsprung",
-          features: [
-            "Alles in Pro",
-            "1:1 Nachhilfe",
-            "Live-Sessions",
-          ],
-        },
+        { id: "basic", badge: "Basics", price: "9,99€", subtitle: "Für den Überblick", features: ["Alle Zusammenfassungen", "Basis-Lernplan"] },
+        { id: "pro", badge: "Empfohlen", price: "19,99€", subtitle: "Für volle Power", features: ["Alle Inhalte", "KI-Lernplan", "Community-Zugang"] },
+        { id: "max", badge: "Komplett", price: "29,99€", subtitle: "Dein Vorsprung", features: ["Alles in Pro", "1:1 Nachhilfe", "Live-Sessions"] }
       ]}
       title="Wähle dein Paket"
       description="Finde die Unterstützung, die perfekt zu dir passt."
@@ -250,21 +122,9 @@ export default function LandingPage() {
       title="Unsere Erfolge"
       tag="Statistik"
       metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          description: "Erfolgsquote unserer Teilnehmer",
-        },
-        {
-          id: "m2",
-          value: "500h+",
-          description: "Material zur Vorbereitung",
-        },
-        {
-          id: "m3",
-          value: "4.9/5",
-          description: "Bewertung von Schülern",
-        },
+        { id: "m1", value: "98%", description: "Erfolgsquote unserer Teilnehmer" },
+        { id: "m2", value: "500h+", description: "Material zur Vorbereitung" },
+        { id: "m3", value: "4.9/5", description: "Bewertung von Schülern" }
       ]}
       metricsAnimation="slide-up"
     />
@@ -272,50 +132,16 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Anna P.",
-          role: "Abiturientin",
-          company: "Berlin",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-lifestyle-people-concept-attractive-friendlylooking-smiling-redhead-young-girl-straight-lo_1258-131559.jpg",
-        },
-        {
-          id: "2",
-          name: "Ben F.",
-          role: "Abiturient",
-          company: "München",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg",
-        },
-        {
-          id: "3",
-          name: "Clara W.",
-          role: "Abiturientin",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
-        },
-        {
-          id: "4",
-          name: "David Z.",
-          role: "Abiturient",
-          company: "Köln",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg",
-        },
-        {
-          id: "5",
-          name: "Emma R.",
-          role: "Abiturientin",
-          company: "Stuttgart",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-carefully-reading-book-emotion-concept_169016-65778.jpg",
-        },
+        { id: "1", name: "Anna P.", role: "Abiturientin", company: "Berlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-lifestyle-people-concept-attractive-friendlylooking-smiling-redhead-young-girl-straight-lo_1258-131559.jpg" },
+        { id: "2", name: "Ben F.", role: "Abiturient", company: "München", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg" },
+        { id: "3", name: "Clara W.", role: "Abiturientin", company: "Hamburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg" },
+        { id: "4", name: "David Z.", role: "Abiturient", company: "Köln", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg" },
+        { id: "5", name: "Emma R.", role: "Abiturientin", company: "Stuttgart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-carefully-reading-book-emotion-concept_169016-65778.jpg" }
       ]}
       title="Was andere sagen"
       description="Erfolgsgeschichten unserer Abiturienten."
@@ -327,21 +153,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Wie lange habe ich Zugriff?",
-          content: "Zugriff für ein volles Schuljahr.",
-        },
-        {
-          id: "f2",
-          title: "Was wenn ich Fragen habe?",
-          content: "Unsere Community hilft dir jederzeit weiter.",
-        },
-        {
-          id: "f3",
-          title: "Gibt es Probeinhalte?",
-          content: "Ja, du kannst die ersten Module kostenlos testen.",
-        },
+        { id: "f1", title: "Wie lange habe ich Zugriff?", content: "Zugriff für ein volles Schuljahr." },
+        { id: "f2", title: "Was wenn ich Fragen habe?", content: "Unsere Community hilft dir jederzeit weiter." },
+        { id: "f3", title: "Gibt es Probeinhalte?", content: "Ja, du kannst die ersten Module kostenlos testen." }
       ]}
       title="Fragen? Antworten."
       description="Hier findest du Antworten auf häufige Fragen."
@@ -352,29 +166,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
+      background={{ variant: "animated-grid" }}
       title="Bleib informiert"
       description="Erhalte unsere besten Lerntipps direkt per E-Mail."
       mediaAnimation="slide-up"
       tag="Newsletter"
       imageSrc="http://img.b2bpic.net/free-photo/school-supplies-still-life-flat-lay_23-2149001186.jpg"
-      imageAlt="Student study materials"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="AbiturReady"
-      leftLink={{
-        text: "Impressum",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Datenschutz",
-        href: "#",
-      }}
+      leftLink={{ text: "Impressum", href: "#" }}
+      rightLink={{ text: "Datenschutz", href: "#" }}
     />
   </div>
       </ReactLenis>