Merge version_2 into main #2
351
src/app/page.tsx
351
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user