Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,35 +2,38 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { AlertTriangle, ArrowRight, Upload, Search, FileText, CheckCircle } from "lucide-react";
+import { AlertTriangle, ArrowRight, ShieldCheck, FileText, Search, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
         defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="medium"
-        background="circleGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Rejoindre la liste", id: "waitlist" },
+              { name: "Solution", id: "problem" },
+              { name: "Impact", id: "cost" },
+              { name: "Approche", id: "workflow" },
+              { name: "Contact", id: "footer" },
             ]}
             brandName="WALL"
           />
@@ -38,18 +41,16 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroBillboardGallery
-            background={{ variant: "sparkles-gradient" }}
-            title="Ce que vous ne voyez pas dans vos contrats vous coûtera après les avoir signés."
-            description="WALL analyse vos contrats fournisseurs. Il identifie les clauses à risque, quantifie votre exposition en euros, et vous fournit les arguments de renégociation — avant de signer."
-            buttons={[{ text: "Rejoindre la liste d'attente", href: "#waitlist" }]}
+            background={{ variant: "plain" }}
+            title="Maîtrisez vos engagements avant signature."
+            description="WALL transforme l'analyse contractuelle en avantage compétitif. Identifiez les clauses à risque, quantifiez votre exposition, et renégociez avec précision."
+            buttons={[{ text: "Découvrir l'analyse", href: "#problem" }]}
             mediaItems={[
               { imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg?_wi=1", imageAlt: "Dashboard Aperçu" },
               { imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6615.jpg?_wi=1", imageAlt: "Rapport Risk" },
               { imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg", imageAlt: "Visualisation Risque" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg", imageAlt: "Analyse clause" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "Score financier" },
             ]}
-            mediaAnimation="slide-up"
+            mediaAnimation="opacity"
           />
         </div>
 
@@ -57,24 +58,23 @@ export default function LandingPage() {
           <SocialProofOne
             textboxLayout="default"
             useInvertedBackground={false}
-            names={["Chiffrement AES-256", "Hébergement Europe", "RGPD Compliant", "Confidentialité totale", "Résultats en 5 min"]}
-            title="Votre sécurité, notre priorité"
-            description="Une infrastructure robuste conçue pour les données les plus sensibles des grandes entreprises."
+            names={["Chiffrement AES-256", "Hébergement Cloud Europe", "Conformité RGPD", "Sécurité Entreprise", "Audit en temps réel"]}
+            title="Standard institutionnel de sécurité"
+            description="Une architecture conçue pour les plus hautes exigences de confidentialité et de conformité juridique."
           />
         </div>
 
         <div id="problem" data-section="problem">
-          <FeatureCardTwentySix
-            textboxLayout="default"
+          <FeatureCardTen
+            textboxLayout="split"
+            animationType="slide-up"
             useInvertedBackground={true}
             features={[
-              { title: "Engagement involontaire", description: "Renouvellement tacite non surveillé. Vous êtes engagé pour 12 mois à 180 000€.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones-working_23-2149370618.jpg", imageAlt: "modern software dashboard dark mode analytics" },
-              { title: "Recours limité", description: "Plafonds de responsabilité dérisoires face à des pertes opérationnelles massives.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg?_wi=2", imageAlt: "modern software dashboard dark mode analytics" },
-              { title: "Hausse non contestable", description: "Révisions tarifaires unilatérales sur des contrats pluriannuels de long terme.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=1", imageAlt: "modern software dashboard dark mode analytics" },
-              { title: "Propriété intellectuelle", description: "Le prestataire conserve les droits sur les livrables que vous financez.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6615.jpg?_wi=2", imageAlt: "modern software dashboard dark mode analytics" },
+              { title: "Engagements cachés", description: "Détection automatisée des clauses de renouvellement automatique et d'exclusivité dissimulées.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones-working_23-2149370618.jpg" }, items: [{ icon: ShieldCheck, text: "Audit complet" }, { icon: FileText, text: "Traçabilité" }], reverse: false },
+              { title: "Plafonds de responsabilité", description: "Analyse rigoureuse des limitations de responsabilité pour protéger vos actifs stratégiques.", media: { imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg?_wi=2" }, items: [{ icon: Zap, text: "Vérification rapide" }, { icon: FileText, text: "Analyse financière" }], reverse: true },
             ]}
-            title="Vos fournisseurs savent ce qu'ils mettent dans leurs contrats. Vous ?"
-            description="Chaque contrat fournisseur non maîtrisé est un engagement pris à l'aveugle."
+            title="Anticipez les risques avant de signer"
+            description="L'analyse contractuelle n'est plus un processus manuel. WALL apporte une vision claire sur vos engagements passifs."
           />
         </div>
 
@@ -85,65 +85,67 @@ export default function LandingPage() {
             gridVariant="bento-grid"
             useInvertedBackground={false}
             metrics={[
-              { id: "m1", value: "8-12%", description: "Perte de valeur sur contrats B2B" },
-              { id: "m2", value: "153 Mrd€", description: "Valeur perdue annuelle en Europe" },
-              { id: "m3", value: "71%", description: "Entreprises qui ne relisent pas" },
+              { id: "m1", value: "12%", description: "Marge moyenne préservée sur contrats" },
+              { id: "m2", value: "150B€", description: "Exposition financière annuelle en Europe" },
+              { id: "m3", value: "95%", description: "Détection automatique des clauses critiques" },
             ]}
-            title="Le coût réel d'un contrat fournisseur mal maîtrisé"
-            description="Source : McKinsey & Company, Contract Management Study"
+            title="La valeur de la visibilité"
+            description="La précision contractuelle permet une gestion financière proactive et sécurisée."
           />
         </div>
 
         <div id="demonstration" data-section="demonstration">
           <TestimonialAboutCard
             useInvertedBackground={true}
-            tag="Exemple concret"
-            title="Ce que WALL trouve dans un contrat SaaS standard"
-            description="Analyse sur un contrat de 200 000€/an. WALL identifie les clauses qui menacent votre rentabilité avant signature."
-            subdescription="Chaque clause est analysée pour son impact financier réel, pas juste juridique."
+            tag="Analyse Avancée"
+            title="Précision juridique et financière"
+            description="WALL ne se contente pas de relire; nous quantifions l'impact financier de chaque ligne de votre contrat pour vous donner les moyens de négocier."
+            subdescription="Optimisez vos termes avant toute signature."
             icon={AlertTriangle}
             imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=2"
-            mediaAnimation="slide-up"
-            imageAlt="Analyse de contrat SaaS"
+            mediaAnimation="opacity"
+            imageAlt="Analyse de contrat"
           />
         </div>
 
         <div id="workflow" data-section="workflow">
-          <FeatureCardTwentySix
-            textboxLayout="default"
+          <FeatureCardTen
+            textboxLayout="split"
+            animationType="slide-up"
             useInvertedBackground={false}
             features={[
-              { title: "1. Déposez votre contrat", description: "Glissez vos fichiers PDF ou DOCX en toute confidentialité.", buttonIcon: Upload, imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513319.jpg", imageAlt: "Gradient dark mode app template" },
-              { title: "2. Analyse automatique", description: "WALL scanne 12 types de clauses critiques pour identifier les risques.", buttonIcon: Search, imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg?_wi=3", imageAlt: "Gradient dark mode app template" },
-              { title: "3. Rapport actionnable", description: "Recevez un score de risque et des recommandations de négociation.", buttonIcon: FileText, imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=3", imageAlt: "Gradient dark mode app template" },
-              { title: "4. Priorisation", description: "Concentrez l'intervention de votre juriste sur les points critiques.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6615.jpg?_wi=3", imageAlt: "Gradient dark mode app template" },
+              { title: "Analyse de risque documentée", description: "Nos algorithmes traitent chaque page de vos contrats, isolant les passifs cachés et les conditions de résiliation. Nous fournissons des résumés exécutifs pour chaque document soumis à notre plateforme, garantissant une compréhension exhaustive des obligations contractuelles avant toute signature.", media: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513319.jpg" }, items: [{ icon: FileText, text: "IA Juridique" }, { icon: Search, text: "Scanning" }], reverse: false },
+              { title: "Renégociation assistée", description: "Au-delà de l'analyse, WALL propose des formulations alternatives pour vos clauses critiques, réduisant votre exposition financière immédiate. Nous transformons les documents complexes en éléments exploitables pour vos négociations directes avec vos fournisseurs.", media: { imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg?_wi=3" }, items: [{ icon: Zap, text: "Optimisation" }, { icon: ShieldCheck, text: "Sécurité" }], reverse: true },
             ]}
-            title="Comment WALL analyse vos contrats"
-            description="Une approche en 4 étapes pour sécuriser vos engagements business."
+            title="Votre workflow de sécurisation"
+            description="Un processus simplifié, robuste, et conçu pour les directions juridiques modernes exigeant précision et rapidité."
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
+          <FaqDouble
             useInvertedBackground={true}
+            textboxLayout="default"
             faqs={[
-              { id: "q1", title: "WALL remplace-t-il mon juriste ?", content: "Non. WALL priorise son intervention sur les clauses à risque." },
-              { id: "q2", title: "Mes contrats sont confidentiels ?", content: "Vos contrats sont chiffrés AES-256 et stockés en Europe." },
-              { id: "q3", title: "Quels contrats sont couverts ?", content: "SaaS, prestations intellectuelles, services récurrents B2B." },
+              { id: "q1", title: "WALL remplace-t-il mon juriste ?", content: "Non, WALL est un outil d'aide à la décision qui libère du temps à vos équipes juridiques en automatisant la pré-analyse contractuelle, leur permettant de se concentrer sur les points à haute valeur ajoutée." },
+              { id: "q2", title: "Quels types de contrats sont gérés ?", content: "WALL traite efficacement les contrats SaaS, prestations intellectuelles, services B2B récurrents, et contrats de sous-traitance complexes, en s'adaptant à votre terminologie métier." },
+              { id: "q3", title: "Quelle est la fiabilité de l'analyse ?", content: "Nous utilisons une combinaison d'IA entraînée sur des milliers de documents juridiques et une validation experte. WALL garantit une exhaustivité de 95% sur la détection des clauses critiques habituelles." },
             ]}
-            sideTitle="Questions Fréquentes"
-            faqsAnimation="slide-up"
+            title="Questions fréquentes"
+            description="Des réponses détaillées sur notre approche méthodologique et la sécurité de vos documents."
+            faqsAnimation="opacity"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterBaseCard
             logoText="WALL"
             columns={[
-              { title: "Produit", items: [{ label: "Fonctionnalités", href: "#" }, { label: "Sécurité", href: "#" }] },
-              { title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "CGU", href: "#" }] },
+              { title: "Solution", items: [{ label: "Analyse Contractuelle", href: "#" }, { label: "Gestion des Risques", href: "#" }, { label: "Renégociation", href: "#" }] },
+              { title: "Entreprise", items: [{ label: "À Propos", href: "#" }, { label: "Sécurité", href: "#" }, { label: "Contact", href: "#" }] },
+              { title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "Mentions Légales", href: "#" }] },
             ]}
-            copyrightText="© 2025 WALL. Tous droits réservés."
+            copyrightText="© 2025 WALL Risk Intelligence. Tous droits réservés."
           />
         </div>
       </ReactLenis>