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 FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+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"
+        borderRadius="soft"
-        contentWidth="mediumSmall"
+        contentWidth="mediumLarge"
-        sizing="medium"
+        sizing="mediumLargeSizeLargeTitles"
-        background="circleGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-depth"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        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" }}
+            background={{ variant: "plain" }}
-            title="Ce que vous ne voyez pas dans vos contrats vous coûtera après les avoir signés."
+            title="Maîtrisez vos engagements avant signature."
-            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."
+            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: "Rejoindre la liste d'attente", href: "#waitlist" }]}
+            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"]}
+            names={["Chiffrement AES-256", "Hébergement Cloud Europe", "Conformité RGPD", "Sécurité Entreprise", "Audit en temps réel"]}
-            title="Votre sécurité, notre priorité"
+            title="Standard institutionnel de sécurité"
-            description="Une infrastructure robuste conçue pour les données les plus sensibles des grandes entreprises."
+            description="Une architecture conçue pour les plus hautes exigences de confidentialité et de conformité juridique."
           />
         </div>
 
         <div id="problem" data-section="problem">
-          <FeatureCardTwentySix
+          <FeatureCardTen
-            textboxLayout="default"
+            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: "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: "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: "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: "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="Vos fournisseurs savent ce qu'ils mettent dans leurs contrats. Vous ?"
+            title="Anticipez les risques avant de signer"
-            description="Chaque contrat fournisseur non maîtrisé est un engagement pris à l'aveugle."
+            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: "m1", value: "12%", description: "Marge moyenne préservée sur contrats" },
-              { id: "m2", value: "153 Mrd€", description: "Valeur perdue annuelle en Europe" },
+              { id: "m2", value: "150B€", description: "Exposition financière annuelle en Europe" },
-              { id: "m3", value: "71%", description: "Entreprises qui ne relisent pas" },
+              { id: "m3", value: "95%", description: "Détection automatique des clauses critiques" },
             ]}
-            title="Le coût réel d'un contrat fournisseur mal maîtrisé"
+            title="La valeur de la visibilité"
-            description="Source : McKinsey & Company, Contract Management Study"
+            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"
+            tag="Analyse Avancée"
-            title="Ce que WALL trouve dans un contrat SaaS standard"
+            title="Précision juridique et financière"
-            description="Analyse sur un contrat de 200 000€/an. WALL identifie les clauses qui menacent votre rentabilité avant signature."
+            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="Chaque clause est analysée pour son impact financier réel, pas juste juridique."
+            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"
+            mediaAnimation="opacity"
-            imageAlt="Analyse de contrat SaaS"
+            imageAlt="Analyse de contrat"
           />
         </div>
 
         <div id="workflow" data-section="workflow">
-          <FeatureCardTwentySix
+          <FeatureCardTen
-            textboxLayout="default"
+            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: "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: "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: "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: "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="Comment WALL analyse vos contrats"
+            title="Votre workflow de sécurisation"
-            description="Une approche en 4 étapes pour sécuriser vos engagements business."
+            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: "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: "Mes contrats sont confidentiels ?", content: "Vos contrats sont chiffrés AES-256 et stockés en Europe." },
+              { 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: "Quels contrats sont couverts ?", content: "SaaS, prestations intellectuelles, services récurrents B2B." },
+              { 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"
+            title="Questions fréquentes"
-            faqsAnimation="slide-up"
+            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: "Solution", items: [{ label: "Analyse Contractuelle", href: "#" }, { label: "Gestion des Risques", href: "#" }, { label: "Renégociation", href: "#" }] },
-              { title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "CGU", 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>