From 7b9309fffd4af6a39b020254a4c98f554f374b10 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 15:22:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 253 +++++++++++++++--------------------------------
 1 file changed, 81 insertions(+), 172 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72556cf..84400ad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,184 +26,93 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Algèbre",
-          id: "#algebra",
-        },
-        {
-          name: "Géométrie",
-          id: "#geometry",
-        },
-        {
-          name: "Probabilités",
-          id: "#probability",
-        },
-      ]}
-      brandName="Mathix"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Algèbre", id: "#algebra" },
+              { name: "Géométrie", id: "#geometry" },
+              { name: "Probabilités", id: "#probability" },
+            ]}
+            brandName="Mathix"
+            button={{ text: "Commencer", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Mathix AI"
-      description="Apprends les mathématiques avec une IA interactive conçue pour ton succès. Explore des concepts complexes avec clarté et style."
-      buttons={[
-        {
-          text: "Commencer la leçon",
-          href: "#algebra",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=1"
-      imageAlt="Interface mathématique futuriste"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Mathix AI"
+            description="Apprends les mathématiques avec une IA interactive conçue pour ton succès. Explore des concepts complexes avec clarté et style."
+            buttons={[{ text: "Commencer la leçon", href: "#algebra" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png"
+            imageAlt="Interface mathématique futuriste"
+          />
+        </div>
 
-  <div id="algebra" data-section="algebra">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Maîtrise l'Algèbre"
-      buttons={[
-        {
-          text: "Démarrer",
-          href: "#",
-        },
-      ]}
-      tag="Algorithmes & Logique"
-      tagIcon={Gauge}
-    />
-  </div>
+        <div id="algebra" data-section="algebra">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Maîtrise l'Algèbre"
+            buttons={[{ text: "Démarrer", href: "#" }]}
+            tag="Algorithmes & Logique"
+            tagIcon={Gauge}
+          />
+        </div>
 
-  <div id="geometry" data-section="geometry">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "Triangles complexes",
-          description: "Maîtrise la trigonométrie avancée avec nos outils interactifs.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=2",
-        },
-        {
-          id: 2,
-          title: "Calculs de volume",
-          description: "Comprends le volume des solides avec des visualisations réelles.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=3",
-        },
-        {
-          id: 3,
-          title: "Espace Euclidien",
-          description: "Plonge dans les propriétés fondamentales de l'espace.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=4",
-        },
-      ]}
-      title="Exploration Géométrique"
-      description="Visualise les formes et les théorèmes en 3D."
-      tag="Géométrie 3D"
-      tagIcon={Box}
-    />
-  </div>
+        <div id="geometry" data-section="geometry">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: 1, title: "Triangles complexes", description: "Maîtrise la trigonométrie avancée avec nos outils interactifs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
+              { id: 2, title: "Calculs de volume", description: "Comprends le volume des solides avec des visualisations réelles.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
+              { id: 3, title: "Espace Euclidien", description: "Plonge dans les propriétés fondamentales de l'espace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
+            ]}
+            title="Exploration Géométrique"
+            description="Visualise les formes et les théorèmes en 3D."
+            tag="Géométrie 3D"
+            tagIcon={Box}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice",
-          handle: "@almath",
-          testimonial: "Mathix a rendu les intégrales si simples !",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Bob",
-          handle: "@boblogic",
-          testimonial: "L'avatar est incroyablement réactif.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Charlie",
-          handle: "@char",
-          testimonial: "Je ne rate plus aucun devoir.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Diana",
-          handle: "@diana",
-          testimonial: "Une expérience immersive unique.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Evan",
-          handle: "@evan",
-          testimonial: "L'IA patiente change tout.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=5",
-        },
-      ]}
-      showRating={true}
-      title="Ce que pensent nos élèves"
-      description="Rejoins une communauté apprenant avec les outils du futur."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            showRating={true}
+            title="Ce que pensent nos élèves"
+            description="Rejoins une communauté apprenant avec les outils du futur."
+            testimonials={[
+              { id: "1", name: "Alice", handle: "@almath", testimonial: "Mathix a rendu les intégrales si simples !", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
+              { id: "2", name: "Bob", handle: "@boblogic", testimonial: "L'avatar est incroyablement réactif.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
+              { id: "3", name: "Charlie", handle: "@char", testimonial: "Je ne rate plus aucun devoir.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
+              { id: "4", name: "Diana", handle: "@diana", testimonial: "Une expérience immersive unique.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
+              { id: "5", name: "Evan", handle: "@evan", testimonial: "L'IA patiente change tout.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Contact"
-      title="Besoin d'aide ?"
-      description="Pose ta question à Mathix en bas de l'écran ou écris-nous ici."
-      tagIcon={MessageSquare}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "animated-grid" }}
+            tag="Contact"
+            title="Besoin d'aide ?"
+            description="Pose ta question à Mathix en bas de l'écran ou écris-nous ici."
+            tagIcon={MessageSquare}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Algèbre",
-              href: "#algebra",
-            },
-            {
-              label: "Géométrie",
-              href: "#geometry",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Probabilités",
-              href: "#probability",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Mathix"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Algèbre", href: "#algebra" }, { label: "Géométrie", href: "#geometry" }] },
+              { items: [{ label: "Probabilités", href: "#probability" }, { label: "Support", href: "#" }] },
+            ]}
+            logoText="Mathix"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1