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

---
 src/app/page.tsx | 134 +++++++++++++++--------------------------------
 1 file changed, 42 insertions(+), 92 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55d6a6f..95dd7d1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,56 +30,38 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "Dashboard",          id: "#dashboard"},
-        {
-          name: "Pricing",          id: "#pricing"},
+        { name: "Home", id: "#hero" },
+        { name: "Features", id: "#features" },
+        { name: "Dashboard", id: "#dashboard" },
+        { name: "Pricing", id: "#pricing" },
       ]}
       brandName="GermanWay"
-      button={{
-        text: "Start Learning",        href: "#pricing"}}
+      button={{ text: "Start Learning", href: "#pricing" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ 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/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/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/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/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/girl-studying-university-library_23-2148844689.jpg", alt: "User 5" },
       ]}
       buttons={[
-        {
-          text: "Get Started",          href: "#pricing"},
-        {
-          text: "View Dashboard",          href: "#dashboard"},
+        { text: "Get Started", href: "#pricing" },
+        { text: "View Dashboard", href: "#dashboard" },
       ]}
       marqueeItems={[
-        {
-          type: "text",          text: "AI-Powered Feedback"},
-        {
-          type: "text",          text: "Certified Curriculum"},
-        {
-          type: "text",          text: "Gamified Progress"},
-        {
-          type: "text",          text: "Offline Learning"},
-        {
-          type: "text",          text: "Native Pronunciation"},
+        { type: "text", text: "AI-Powered Feedback" },
+        { type: "text", text: "Certified Curriculum" },
+        { type: "text", text: "Gamified Progress" },
+        { type: "text", text: "Offline Learning" },
+        { type: "text", text: "Native Pronunciation" },
       ]}
     />
   </div>
@@ -90,18 +72,9 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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: "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: "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."
@@ -110,22 +83,15 @@ export default function LandingPage() {
 
   <div id="dashboard" data-section="dashboard">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          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,
-          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,
-          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,
-          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"},
+        { 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, 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, 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, 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."
@@ -139,12 +105,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "Willkommen",          description: "Welcome"},
-        {
-          id: "m2",          value: "Beispiel",          description: "Example"},
-        {
-          id: "m3",          value: "Sprache",          description: "Language"},
+        { id: "m1", value: "Willkommen", description: "Welcome" },
+        { id: "m2", value: "Beispiel", description: "Example" },
+        { id: "m3", value: "Sprache", description: "Language" },
       ]}
       title="Daily Word Practice"
       description="Practice your German vocabulary with our daily featured word of the day."
@@ -155,16 +118,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       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: "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: "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: "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: "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: "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"
@@ -179,16 +137,12 @@ 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"
@@ -199,14 +153,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ 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>
@@ -214,10 +166,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="GermanWay"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>