Merge version_2 into main

2026-04-02 13:05:59 +00:00
parent 0cc922be41 f8fc5cc1ab
commit fef3aefc85
2 changed files with 41 additions and 73 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,24 +19,20 @@ export default function LandingPage() {
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="gradient"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "Accueil",          id: "hero"},
-        {
-          name: "Fonctionnalités",          id: "features"},
-        {
-          name: "FAQ",          id: "faq"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Accueil", id: "hero" },
+        { name: "Fonctionnalités", id: "features" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="MathIA Grok"
    />
@@ -44,13 +40,11 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroLogoBillboardSplit
-      background={{
-        variant: "canvas-reveal"}}
+      background={{ variant: "plain" }}
      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."
+      description="Une interface de chat avancée combinant le raisonnement de Grok avec un espace de travail visuel. Posez vos questions, recevez des explications illustrées instantanément."
      buttons={[
-        {
-          text: "Commencer maintenant",          href: "#contact"},
+        { text: "Essayer la démo", href: "#contact" },
      ]}
      buttonAnimation="slide-up"
      layoutOrder="default"
@@ -62,10 +56,10 @@ export default function LandingPage() {
  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
-      title="Comprendre les Maths par le Visuel"
-      description="Contrairement aux plateformes classiques, notre IA ne se contente pas d'écrire. Elle réfléchit, trace des graphes, et explique chaque étape avec des dessins naturels et intuitifs sur le tableau blanc. Intégration transparente de votre clé API Grok pour une intelligence sans limites."
+      title="Réflexion augmentée"
+      description="MathIA utilise les capacités de raisonnement de Grok pour analyser des problèmes complexes et générer des solutions étape par étape sur un tableau blanc numérique, créant une expérience de chat interactive et visuelle."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/an-ai-powered-math-teacher-character-int-1775133776116-85c101a8.png"
-      imageAlt="AI math tutor interface"
+      imageAlt="Interface de chat et tableau blanc"
    />
  </div>

@@ -75,24 +69,14 @@ export default function LandingPage() {
      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."},
-        {
-          icon: PenTool,
-          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."},
-        {
-          icon: Zap,
-          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."},
+        { icon: Lightbulb, title: "Chat Grok IA", description: "Interaction naturelle avec un modèle de langage performant." },
+        { icon: PenTool, title: "Visualisation", description: "Conversion automatique des concepts mathématiques en schémas." },
+        { icon: Monitor, title: "Interface épurée", description: "Design noir et blanc minimaliste pour se concentrer sur l'essentiel." },
+        { icon: Zap, title: "Réponses rapides", description: "Latence ultra-faible pour un apprentissage fluide." },
+        { icon: ShieldCheck, title: "Confidentialité", description: "Gestion sécurisée de vos clés API en local." },
      ]}
-      title="Pourquoi MathIA?"
-      description="La technologie de pointe au service de votre pédagogie."
+      title="La puissance du visuel"
+      description="Une interface pensée pour la clarté et l'efficacité."
    />
  </div>

@@ -101,20 +85,12 @@ export default function LandingPage() {
      textboxLayout="split"
      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: "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: "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: "1", title: "Qu'est-ce que MathIA ?", content: "C'est une plateforme qui associe Grok AI à un canevas numérique interactif." },
+        { id: "2", title: "Besoin d'une clé API ?", content: "Oui, vous utilisez votre propre clé pour une confidentialité totale." },
      ]}
      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"
-      description="Tout ce que vous devez savoir sur MathIA."
+      description="Plus d'informations sur MathIA."
      faqsAnimation="slide-up"
      mediaAnimation="slide-up"
    />
@@ -123,18 +99,12 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
-      title="Configurez votre accès"
-      description="Entrez vos informations pour activer votre espace MathIA et configurer votre connexion API."
+      title="Accès au système"
+      description="Configurez votre environnement."
      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Nom complet",          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: "name", type: "text", placeholder: "Nom", required: true },
+        { name: "email", type: "email", placeholder: "Email", required: true },
+        { name: "apiKey", type: "password", placeholder: "Clé API Grok", required: true },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-digital-aesthetic-background--1775133773550-69c25a60.png"
      mediaAnimation="blur-reveal"
@@ -144,13 +114,11 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="MathIA"
-      leftLink={{
-        text: "Politique de confidentialité",        href: "#"}}
-      rightLink={{
-        text: "Contactez-nous",        href: "#contact"}}
+      leftLink={{ text: "Confidentialité", href: "#" }}
+      rightLink={{ text: "Contact", href: "#contact" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
-  --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffff;
+  --accent: #737373;
+  --background-accent: #737373;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);