From 4c365a02617f06b51771cf4598403587a7c2924e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:43:40 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c77cf0c..1ee4e73 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "Fonctionnalités",
-          id: "features",
-        },
+          name: "Fonctionnalités",          id: "features"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="MathIA Grok"
     />
@@ -53,15 +45,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       logoText="MathIA x Grok"
       description="Expliquez vos problèmes mathématiques à une IA qui dessine en temps réel sur votre tableau blanc numérique. Une expérience naturelle et immersive propulsée par Grok AI."
       buttons={[
         {
-          text: "Commencer maintenant",
-          href: "#contact",
-        },
+          text: "Commencer maintenant",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       layoutOrder="default"
@@ -84,32 +73,23 @@ export default function LandingPage() {
       <FeatureBorderGlow
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
         {
           icon: Lightbulb,
-          title: "Raisonnement Grok AI",
-          description: "Accès direct à la puissance de raisonnement de Grok via votre clé API personnelle.",
-        },
+          title: "Raisonnement Grok AI",          description: "Accès direct à la puissance de raisonnement de Grok via votre clé API personnelle."},
         {
           icon: PenTool,
-          title: "Dessin Naturel",
-          description: "Un rendu fluide des explications pour une compréhension visuelle parfaite des concepts.",
-        },
+          title: "Dessin Naturel",          description: "Un rendu fluide des explications pour une compréhension visuelle parfaite des concepts."},
         {
           icon: Monitor,
-          title: "Tableau Blanc IA",
-          description: "Une interface immersive où l'IA trace les solutions comme un vrai professeur.",
-        },
+          title: "Tableau Blanc IA",          description: "Une interface immersive où l'IA trace les solutions comme un vrai professeur."},
         {
           icon: Zap,
-          title: "Réponses instantanées",
-          description: "Obtenez des explications complexes simplifiées en une fraction de seconde.",
-        },
+          title: "Réponses instantanées",          description: "Obtenez des explications complexes simplifiées en une fraction de seconde."},
         {
           icon: ShieldCheck,
-          title: "Intégration Sécurisée",
-          description: "Vos données et votre clé API restent privées et locales à votre session.",
-        },
+          title: "Intégration Sécurisée",          description: "Vos données et votre clé API restent privées et locales à votre session."},
       ]}
       title="Pourquoi MathIA?"
       description="La technologie de pointe au service de votre pédagogie."
@@ -122,30 +102,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "Comment intégrer ma clé API Grok ?",
-          content: "Il vous suffit d'insérer votre clé API dans les paramètres de votre tableau de bord MathIA, et notre moteur de rendu se connectera instantanément.",
-        },
+          id: "1",          title: "Comment intégrer ma clé API Grok ?",          content: "Il vous suffit d'insérer votre clé API dans les paramètres de votre tableau de bord MathIA, et notre moteur de rendu se connectera instantanément."},
         {
-          id: "2",
-          title: "Le dessin est-il vraiment naturel ?",
-          content: "Oui, notre algorithme de tracé simule la pression et la vitesse d'une main humaine, offrant un rendu ultra-naturel sur le tableau blanc.",
-        },
+          id: "2",          title: "Le dessin est-il vraiment naturel ?",          content: "Oui, notre algorithme de tracé simule la pression et la vitesse d'une main humaine, offrant un rendu ultra-naturel sur le tableau blanc."},
         {
-          id: "3",
-          title: "Quels types de maths sont supportés ?",
-          content: "De l'algèbre de base aux calculs avancés, notre système s'adapte à tous les niveaux grâce à l'intelligence de Grok.",
-        },
+          id: "3",          title: "Quels types de maths sont supportés ?",          content: "De l'algèbre de base aux calculs avancés, notre système s'adapte à tous les niveaux grâce à l'intelligence de Grok."},
         {
-          id: "4",
-          title: "Est-ce compatible sur tablette ?",
-          content: "MathIA est entièrement optimisé pour les tablettes avec stylet pour une expérience de dessin fluide.",
-        },
+          id: "4",          title: "Est-ce compatible sur tablette ?",          content: "MathIA est entièrement optimisé pour les tablettes avec stylet pour une expérience de dessin fluide."},
         {
-          id: "5",
-          title: "Puis-je exporter mes notes ?",
-          content: "Oui, chaque session sur le tableau blanc peut être exportée au format PDF ou image haute résolution.",
-        },
+          id: "5",          title: "Puis-je exporter mes notes ?",          content: "Oui, chaque session sur le tableau blanc peut être exportée au format PDF ou image haute résolution."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/clean-interface-showing-interactive-math-1775133774387-5fe1858a.png"
       title="Questions Fréquentes"
@@ -162,22 +127,13 @@ export default function LandingPage() {
       description="Entrez vos informations pour activer votre espace MathIA et configurer votre connexion API."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Nom complet",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Nom complet",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Adresse e-mail",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Adresse e-mail",          required: true,
         },
         {
-          name: "apiKey",
-          type: "password",
-          placeholder: "Votre clé API Grok AI",
-          required: true,
+          name: "apiKey",          type: "password",          placeholder: "Votre clé API Grok AI",          required: true,
         },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-digital-aesthetic-background--1775133773550-69c25a60.png"
@@ -189,13 +145,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="MathIA"
       leftLink={{
-        text: "Politique de confidentialité",
-        href: "#",
-      }}
+        text: "Politique de confidentialité",        href: "#"}}
       rightLink={{
-        text: "Contactez-nous",
-        href: "#contact",
-      }}
+        text: "Contactez-nous",        href: "#contact"}}
     />
   </div>
       </ReactLenis>