From 3a9d58afa057a435442d63a88271f45d50e496a2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 08:22:37 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9dfe144..1b2222a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="Geo3D Learn"
     />
@@ -57,75 +47,43 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Master 3D Figures with Interactive Models"
       description="Visualize, rotate, and measure complex geometric shapes in 3D. The ultimate tool for students to conquer geometry through interactive, immersive learning."
       buttons={[
         {
-          text: "Get Started",
-          href: "#features",
-        },
+          text: "Get Started",          href: "#features"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-high-tech-3d-rendered-cube-sphere-and--1774858898721-ddb11d2a.png",
-          imageAlt: "Cube and sphere 3D render",
-        },
+          id: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-high-tech-3d-rendered-cube-sphere-and--1774858898721-ddb11d2a.png",          imageAlt: "Cube and sphere 3D render"},
         {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-interactive-digital-interface-showing-1774858899585-8e7d7842.png",
-          imageAlt: "Interactive UI dashboard",
-        },
+          id: "2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-interactive-digital-interface-showing-1774858899585-8e7d7842.png",          imageAlt: "Interactive UI dashboard"},
         {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/close-up-of-a-3d-torus-shape-with-a-wire-1774858897922-0b54c7ef.png",
-          imageAlt: "3D wireframe torus",
-        },
+          id: "3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/close-up-of-a-3d-torus-shape-with-a-wire-1774858897922-0b54c7ef.png",          imageAlt: "3D wireframe torus"},
         {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-3d-prism-being-explored-by-a-student-o-1774858901267-cc941eaa.png",
-          imageAlt: "Prism model workspace",
-        },
+          id: "4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-3d-prism-being-explored-by-a-student-o-1774858901267-cc941eaa.png",          imageAlt: "Prism model workspace"},
         {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/composition-of-various-3d-platonic-solid-1774858901729-1a6a5ebf.png",
-          imageAlt: "Platonic solids composition",
-        },
+          id: "5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/composition-of-various-3d-platonic-solid-1774858901729-1a6a5ebf.png",          imageAlt: "Platonic solids composition"},
         {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-futuristic-holographic-3d-figure-of-a--1774858899251-1333f04d.png",
-          imageAlt: "Cone holographic figure",
-        },
+          id: "6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-futuristic-holographic-3d-figure-of-a--1774858899251-1333f04d.png",          imageAlt: "Cone holographic figure"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardThree
+      animationType="slide-up"
       textboxLayout="split-description"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Interactive Models",
-          description: "Drag, rotate, and zoom into every model to inspect geometry from every angle.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/rotating-3d-cube-model-showing-cross-sec-1774858898883-b6c2a755.png",
-        },
+          id: "f1",          title: "Interactive Models",          description: "Drag, rotate, and zoom into every model to inspect geometry from every angle.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/rotating-3d-cube-model-showing-cross-sec-1774858898883-b6c2a755.png"},
         {
-          id: "f2",
-          title: "Section Analysis",
-          description: "Slice shapes to understand cross-sections and internal properties.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-exploded-3d-model-of-a-complex-polyhe-1774858900960-4a3d4e92.png",
-        },
+          id: "f2",          title: "Section Analysis",          description: "Slice shapes to understand cross-sections and internal properties.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-exploded-3d-model-of-a-complex-polyhe-1774858900960-4a3d4e92.png"},
         {
-          id: "f3",
-          title: "Live Measurement",
-          description: "Real-time updates on volume, area, and edge length calculations.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/3d-sphere-illustrating-radius-diameter-a-1774858899070-77d27c56.png",
-        },
+          id: "f3",          title: "Live Measurement",          description: "Real-time updates on volume, area, and edge length calculations.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/3d-sphere-illustrating-radius-diameter-a-1774858899070-77d27c56.png"},
       ]}
       title="Learning Geometry Re-imagined"
       description="Explore 3D space with high-fidelity models."
@@ -138,19 +96,13 @@ export default function LandingPage() {
       title="Why Choose Geo3D Learn"
       metrics={[
         {
-          label: "Models Available",
-          value: "500+",
-          icon: Box,
+          label: "Models Available",          value: "500+",          icon: Box,
         },
         {
-          label: "Active Learners",
-          value: "12,000+",
-          icon: Users,
+          label: "Active Learners",          value: "12,000+",          icon: Users,
         },
         {
-          label: "Teachers Trusted",
-          value: "850+",
-          icon: Award,
+          label: "Teachers Trusted",          value: "850+",          icon: Award,
         },
       ]}
       metricsAnimation="slide-up"
@@ -164,59 +116,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Student",
-          company: "High School",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png?_wi=1",
-        },
+          id: "1",          name: "Sarah Miller",          role: "Student",          company: "High School",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png"},
         {
-          id: "2",
-          name: "John Doe",
-          role: "Geometry Teacher",
-          company: "State Academy",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-high-school-teacher-in-a-c-1774858902024-f3499d0b.png",
-        },
+          id: "2",          name: "John Doe",          role: "Geometry Teacher",          company: "State Academy",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-high-school-teacher-in-a-c-1774858902024-f3499d0b.png"},
         {
-          id: "3",
-          name: "Emily Chen",
-          role: "University Student",
-          company: "Engineering",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-curious-learner-looking-at-1774858899106-0bd7e3d9.png",
-        },
+          id: "3",          name: "Emily Chen",          role: "University Student",          company: "Engineering",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-curious-learner-looking-at-1774858899106-0bd7e3d9.png"},
         {
-          id: "4",
-          name: "Alex Smith",
-          role: "Self-Learner",
-          company: "Tech Hobbyist",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-young-adult-academic-and-s-1774858900119-fdd2ccfd.png",
-        },
+          id: "4",          name: "Alex Smith",          role: "Self-Learner",          company: "Tech Hobbyist",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-young-adult-academic-and-s-1774858900119-fdd2ccfd.png"},
         {
-          id: "5",
-          name: "Marcus Vane",
-          role: "Math Educator",
-          company: "City College",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png?_wi=2",
-        },
+          id: "5",          name: "Marcus Vane",          role: "Math Educator",          company: "City College",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png"},
       ]}
       kpiItems={[
         {
-          value: "98%",
-          label: "Improved Grades",
-        },
+          value: "98%",          label: "Improved Grades"},
         {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
+          value: "4.9/5",          label: "Avg Rating"},
         {
-          value: "30M+",
-          label: "Views",
-        },
+          value: "30M+",          label: "Views"},
       ]}
       title="Trusted by Students & Educators"
       description="See how learners around the world are mastering geometry."
@@ -228,20 +149,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Is the software free?",
-          content: "Yes, we offer a generous free tier for all students.",
-        },
+          id: "q1",          title: "Is the software free?",          content: "Yes, we offer a generous free tier for all students."},
         {
-          id: "q2",
-          title: "Can I use it on tablets?",
-          content: "Our platform is fully compatible with all modern tablets and mobile devices.",
-        },
+          id: "q2",          title: "Can I use it on tablets?",          content: "Our platform is fully compatible with all modern tablets and mobile devices."},
         {
-          id: "q3",
-          title: "Can I save my custom models?",
-          content: "Premium plans allow you to export and save custom geometric models.",
-        },
+          id: "q3",          title: "Can I save my custom models?",          content: "Premium plans allow you to export and save custom geometric models."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Get answers about our interactive geometry platform."
@@ -254,29 +166,19 @@ export default function LandingPage() {
       logoText="Geo3D Learn"
       columns={[
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Learn Geometry",
-              href: "#",
-            },
+              label: "Learn Geometry",              href: "#"},
             {
-              label: "Browse Models",
-              href: "#",
-            },
+              label: "Browse Models",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1