From 39b040704f911ec49693dde831a2e9e15531b405 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 11:40:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 231 +++++++++++------------------------------------
 1 file changed, 55 insertions(+), 176 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d33e743..55d6a6f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,90 +31,55 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Dashboard",
-          id: "#dashboard",
-        },
+          name: "Dashboard",          id: "#dashboard"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
       ]}
       brandName="GermanWay"
       button={{
-        text: "Start Learning",
-        href: "#pricing",
-      }}
+        text: "Start Learning",        href: "#pricing"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Learn German The Smart Way"
       description="Master German through gamified experiences, AI-powered pronunciation training, and daily challenges. Start your journey with the world's most intuitive language platform."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49204.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49204.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/girl-studying-university-library_23-2148844689.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/girl-studying-university-library_23-2148844689.jpg",          alt: "User 5"},
       ]}
       buttons={[
         {
-          text: "Get Started",
-          href: "#pricing",
-        },
+          text: "Get Started",          href: "#pricing"},
         {
-          text: "View Dashboard",
-          href: "#dashboard",
-        },
+          text: "View Dashboard",          href: "#dashboard"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "AI-Powered Feedback",
-        },
+          type: "text",          text: "AI-Powered Feedback"},
         {
-          type: "text",
-          text: "Certified Curriculum",
-        },
+          type: "text",          text: "Certified Curriculum"},
         {
-          type: "text",
-          text: "Gamified Progress",
-        },
+          type: "text",          text: "Gamified Progress"},
         {
-          type: "text",
-          text: "Offline Learning",
-        },
+          type: "text",          text: "Offline Learning"},
         {
-          type: "text",
-          text: "Native Pronunciation",
-        },
+          type: "text",          text: "Native Pronunciation"},
       ]}
     />
   </div>
@@ -126,31 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "AI Chat Assistant",
-          tags: [
-            "AI",
-            "Speaking",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/iron-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11937.jpg",
-        },
+          id: "f1",          title: "AI Chat Assistant",          tags: [
+            "AI",            "Speaking"],
+          imageSrc: "http://img.b2bpic.net/free-photo/iron-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11937.jpg"},
         {
-          id: "f2",
-          title: "Voice Pronunciation",
-          tags: [
-            "Voice",
-            "Training",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-emoji-speech-bubble-upset-man_23-2147849480.jpg",
-        },
+          id: "f2",          title: "Voice Pronunciation",          tags: [
+            "Voice",            "Training"],
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-emoji-speech-bubble-upset-man_23-2147849480.jpg"},
         {
-          id: "f3",
-          title: "Gamified Streaks",
-          tags: [
-            "Motivation",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148953422.jpg",
-        },
+          id: "f3",          title: "Gamified Streaks",          tags: [
+            "Motivation"],
+          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148953422.jpg"},
       ]}
       title="Everything You Need To Master German"
       description="Powerful features designed to keep you motivated and speaking fluently in no time."
@@ -164,37 +115,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "Module",
-          name: "XP Progress Circle",
-          price: "100XP",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg",
-        },
+          id: "p1",          brand: "Module",          name: "XP Progress Circle",          price: "100XP",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg"},
         {
-          id: "p2",
-          brand: "Module",
-          name: "Daily Goals",
-          price: "Goal Reached",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-running-ship-systems-interface_482257-126314.jpg",
-        },
+          id: "p2",          brand: "Module",          name: "Daily Goals",          price: "Goal Reached",          rating: 5,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-running-ship-systems-interface_482257-126314.jpg"},
         {
-          id: "p3",
-          brand: "Module",
-          name: "Weekly Activity",
-          price: "Detailed Stats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-196592.jpg",
-        },
+          id: "p3",          brand: "Module",          name: "Weekly Activity",          price: "Detailed Stats",          rating: 5,
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-196592.jpg"},
         {
-          id: "p4",
-          brand: "Module",
-          name: "Achievement Badges",
-          price: "5 Earned",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
-        },
+          id: "p4",          brand: "Module",          name: "Achievement Badges",          price: "5 Earned",          rating: 5,
+          reviewCount: "50",          imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg"},
       ]}
       title="Interactive Learning Dashboard"
       description="Track your progress, monitor your streak, and reach your goals with a premium, dashboard-style interface."
@@ -209,20 +140,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "Willkommen",
-          description: "Welcome",
-        },
+          id: "m1",          value: "Willkommen",          description: "Welcome"},
         {
-          id: "m2",
-          value: "Beispiel",
-          description: "Example",
-        },
+          id: "m2",          value: "Beispiel",          description: "Example"},
         {
-          id: "m3",
-          value: "Sprache",
-          description: "Language",
-        },
+          id: "m3",          value: "Sprache",          description: "Language"},
       ]}
       title="Daily Word Practice"
       description="Practice your German vocabulary with our daily featured word of the day."
@@ -234,30 +156,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-842.jpg",
-        },
+          id: "t1",          name: "Sarah Miller",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-842.jpg"},
         {
-          id: "t2",
-          name: "Markus Weber",
-          imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg",
-        },
+          id: "t2",          name: "Markus Weber",          imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg"},
         {
-          id: "t3",
-          name: "Elena Rossi",
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-studying-outside_23-2147666805.jpg",
-        },
+          id: "t3",          name: "Elena Rossi",          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-studying-outside_23-2147666805.jpg"},
         {
-          id: "t4",
-          name: "David Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg",
-        },
+          id: "t4",          name: "David Smith",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg"},
         {
-          id: "t5",
-          name: "Anna Schmidt",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg",
-        },
+          id: "t5",          name: "Anna Schmidt",          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg"},
       ]}
       cardTitle="Loved by thousands"
       cardTag="Success Stories"
@@ -272,37 +179,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "free",
-          tag: "Basic",
-          price: "$0",
-          period: "forever",
-          description: "Get started with the fundamentals.",
-          button: {
-            text: "Start Free",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Core Vocabulary",
-            "Daily Streak",
-            "Basic Lessons",
-          ],
+          id: "free",          tag: "Basic",          price: "$0",          period: "forever",          description: "Get started with the fundamentals.",          button: {
+            text: "Start Free"},
+          featuresTitle: "Includes:",          features: [
+            "Core Vocabulary",            "Daily Streak",            "Basic Lessons"],
         },
         {
-          id: "pro",
-          tag: "Premium",
-          price: "$12",
-          period: "/mo",
-          description: "Unlock the full power of GermanWay.",
-          button: {
-            text: "Upgrade to Pro",
-          },
-          featuresTitle: "Everything in Basic, plus:",
-          features: [
-            "AI Conversation",
-            "Advanced Grammar",
-            "Unlimited Hearts",
-            "Offline Mode",
-          ],
+          id: "pro",          tag: "Premium",          price: "$12",          period: "/mo",          description: "Unlock the full power of GermanWay.",          button: {
+            text: "Upgrade to Pro"},
+          featuresTitle: "Everything in Basic, plus:",          features: [
+            "AI Conversation",            "Advanced Grammar",            "Unlimited Hearts",            "Offline Mode"],
         },
       ]}
       title="Choose Your Plan"
@@ -314,16 +200,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in Touch"
       title="Ready to master German?"
       description="Have questions about our platform or need support? We're here to help you reach your goals."
       buttons={[
         {
-          text: "Contact Support",
-          href: "#",
-        },
+          text: "Contact Support",          href: "#"},
       ]}
     />
   </div>
@@ -332,13 +215,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="GermanWay"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>