From 1ea523260a7950ebb384577ead5ddd1e5a3ce62b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:05:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 351 +++++++++++++++--------------------------------
 1 file changed, 112 insertions(+), 239 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9be8808..cf41c1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ 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 } from "lucide-react";
+import { AlertTriangle, ArrowRight, Upload, Search, FileText, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,252 +27,125 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Rejoindre la liste",
-          id: "waitlist",
-        },
-      ]}
-      brandName="WALL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Rejoindre la liste", id: "waitlist" },
+            ]}
+            brandName="WALL"
+          />
+        </div>
 
-  <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",
-        },
-      ]}
-      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"
-    />
-  </div>
+        <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" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg", imageAlt: "Dashboard Aperçu" },
+              { imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6615.jpg", 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"
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <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."
-    />
-  </div>
+        <div id="trust" data-section="trust">
+          <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."
+          />
+        </div>
 
-  <div id="problem" data-section="problem">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      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="Vos fournisseurs savent ce qu'ils mettent dans leurs contrats. Vous ?"
-      description="Chaque contrat fournisseur non maîtrisé est un engagement pris à l'aveugle."
-    />
-  </div>
+        <div id="problem" data-section="problem">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            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", 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", 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", imageAlt: "modern software dashboard dark mode analytics" },
+            ]}
+            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."
+          />
+        </div>
 
-  <div id="cost" data-section="cost">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      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",
-        },
-      ]}
-      title="Le coût réel d'un contrat fournisseur mal maîtrisé"
-      description="Source : McKinsey & Company, Contract Management Study"
-    />
-  </div>
+        <div id="cost" data-section="cost">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            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" },
+            ]}
+            title="Le coût réel d'un contrat fournisseur mal maîtrisé"
+            description="Source : McKinsey & Company, Contract Management Study"
+          />
+        </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."
-      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"
-    />
-  </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."
+            icon={AlertTriangle}
+            imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="Analyse de contrat SaaS"
+          />
+        </div>
 
-  <div id="workflow" data-section="workflow">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      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="Comment WALL analyse vos contrats"
-      description="Une approche en 4 étapes pour sécuriser vos engagements business."
-    />
-  </div>
+        <div id="workflow" data-section="workflow">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            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", 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", 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", imageAlt: "Gradient dark mode app template" },
+            ]}
+            title="Comment WALL analyse vos contrats"
+            description="Une approche en 4 étapes pour sécuriser vos engagements business."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      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.",
-        },
-      ]}
-      sideTitle="Questions Fréquentes"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            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." },
+            ]}
+            sideTitle="Questions Fréquentes"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="WALL"
-      columns={[
-        {
-          title: "Produit",
-          items: [
-            {
-              label: "Fonctionnalités",
-              href: "#",
-            },
-            {
-              label: "Sécurité",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-            {
-              label: "CGU",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 WALL. Tous droits réservés."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="WALL"
+            columns={[
+              { title: "Produit", items: [{ label: "Fonctionnalités", href: "#" }, { label: "Sécurité", href: "#" }] },
+              { title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "CGU", href: "#" }] },
+            ]}
+            copyrightText="© 2025 WALL. Tous droits réservés."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1