Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Activity, BarChart2, Cog, Facebook, Globe, Lightbulb, Linkedin, Package, Search, Settings, Twitter } from "lucide-react";
+import { Activity, BarChart2, Cog, Globe, Lightbulb, Package, Search, Settings } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,29 +32,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Accueil",
-          id: "#hero",
-        },
+          name: "Accueil",          id: "#hero"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Tarifs",
-          id: "#pricing",
-        },
+          name: "Tarifs",          id: "#pricing"},
         {
-          name: "Processus",
-          id: "#process",
-        },
+          name: "Processus",          id: "#process"},
         {
-          name: "Confiance",
-          id: "#trust",
-        },
+          name: "Confiance",          id: "#trust"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="NovaFlow Automation"
     />
@@ -61,18 +51,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Automatisation IA pour PME B2B : moins de tâches répétitives, plus de business."
       description="Nous connectons vos CRM, ERP et outils métiers avec des workflows IA qui éliminent le travail manuel en moins de 90 jours."
       buttons={[
         {
-          text: "Réserver un audit d'automatisation",
-          href: "#contact",
-        },
+          text: "Réserver un audit d'automatisation",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
-      imageAlt="AI Automation Dashboard"
+      imageSrc="http://img.b2bpic.net/free-photo/global-network-connection_23-2147775536.jpg"
+      imageAlt="Global Network Connection for Automation"
     />
   </div>
 
@@ -92,19 +79,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Cog,
-          title: "Lead Management",
-          description: "De la capture à la qualification, automatisez l'intégralité de votre pipeline de leads pour ne jamais manquer une opportunité.",
-        },
+          title: "Lead Management",          description: "De la capture à la qualification, automatisez l'intégralité de votre pipeline de leads pour ne jamais manquer une opportunité."},
         {
           icon: Activity,
-          title: "Workflow Automation (Quote-to-Cash)",
-          description: "Optimisez vos processus de devis à encaissement, réduisant les erreurs et accélérant le cycle de vente.",
-        },
+          title: "Workflow Automation (Quote-to-Cash)",          description: "Optimisez vos processus de devis à encaissement, réduisant les erreurs et accélérant le cycle de vente."},
         {
           icon: BarChart2,
-          title: "Business Reporting & Support",
-          description: "Générez des rapports pertinents automatiquement et offrez un support client amélioré grâce à l'IA.",
-        },
+          title: "Business Reporting & Support",          description: "Générez des rapports pertinents automatiquement et offrez un support client amélioré grâce à l'IA."},
       ]}
       title="Nos Solutions d'Automatisation Clés"
       description="Découvrez les trois piliers qui propulsent votre entreprise vers une productivité inégalée."
@@ -119,43 +100,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "audit-roadmap",
-          badge: "Phase Initiale",
-          badgeIcon: Lightbulb,
-          price: "600–1500 €",
-          subtitle: "Audit & Feuille de Route",
-          features: [
-            "Analyse des systèmes existants",
-            "Identification des goulots d'étranglement",
-            "Définition des objectifs ROI",
-            "Plan d'automatisation personnalisé",
-          ],
+          id: "audit-roadmap",          badge: "Phase Initiale",          badgeIcon: Lightbulb,
+          price: "600–1500 €",          subtitle: "Audit & Feuille de Route",          features: [
+            "Analyse des systèmes existants",            "Identification des goulots d'étranglement",            "Définition des objectifs ROI",            "Plan d'automatisation personnalisé"],
         },
         {
-          id: "implementation-projects",
-          badge: "Projets",
-          badgeIcon: Settings,
-          price: "1.5k–15k €",
-          subtitle: "Projets d'Implémentation",
-          features: [
-            "Développement de workflows IA",
-            "Intégration transparente à vos outils",
-            "Tests et validation",
-            "Formation des équipes",
-          ],
+          id: "implementation-projects",          badge: "Projets",          badgeIcon: Settings,
+          price: "1.5k–15k €",          subtitle: "Projets d'Implémentation",          features: [
+            "Développement de workflows IA",            "Intégration transparente à vos outils",            "Tests et validation",            "Formation des équipes"],
         },
         {
-          id: "retainers",
-          badge: "Continu",
-          badgeIcon: Globe,
-          price: "500–4k € / mois",
-          subtitle: "Support & Optimisation",
-          features: [
-            "Monitoring de la performance",
-            "Ajustements réguliers",
-            "Rapports détaillés",
-            "Support technique prioritaire",
-          ],
+          id: "retainers",          badge: "Continu",          badgeIcon: Globe,
+          price: "500–4k € / mois",          subtitle: "Support & Optimisation",          features: [
+            "Monitoring de la performance",            "Ajustements réguliers",            "Rapports détaillés",            "Support technique prioritaire"],
         },
       ]}
       title="Des Solutions Flexibles pour Chaque Étape"
@@ -165,25 +122,39 @@ export default function LandingPage() {
   </div>
 
   <div id="process" data-section="process">
-      <FeatureBorderGlow
-      animationType="scale-rotate"
+      <TimelineProcessFlow
+      animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
+      items={[
         {
-          icon: Search,
-          title: "1. Audit Approfondi",
-          description: "Analyse de vos systèmes existants, identification des goulots d'étranglement et définition des objectifs ROI. Image: http://img.b2bpic.net/free-photo/menu-circle-button-front-side-white-background_187299-40323.jpg",
+          content: (
+            <div>
+              <h3>1. Audit Approfondi</h3>
+              <p>Analysez vos systèmes, identifiez les blocages et fixez des objectifs ROI clairs.</p>
+            </div>
+          ),
+          media: <img src="http://img.b2bpic.net/free-photo/menu-circle-button-front-side-white-background_187299-40323.jpg" alt="Audit Approfondi" className="h-full w-full object-cover rounded-xl" />,
+          reverse: false,
         },
         {
-          icon: Package,
-          title: "2. Construction & Intégration",
-          description: "Développement et déploiement des workflows IA, avec une intégration transparente à vos outils métiers. Image: http://img.b2bpic.net/free-photo/man-doing-software-quality-assurance-using-tablet-reading-source-code_482257-82926.jpg",
+          content: (
+            <div>
+              <h3>2. Construction & Intégration</h3>
+              <p>Déployez des workflows IA sur mesure, intégrés à vos outils pour une transition fluide.</p>
+            </div>
+          ),
+          media: <img src="http://img.b2bpic.net/free-photo/man-doing-software-quality-assurance-using-tablet-reading-source-code_482257-82926.jpg" alt="Construction & Intégration" className="h-full w-full object-cover rounded-xl" />,
+          reverse: true,
         },
         {
-          icon: Activity,
-          title: "3. Suivi & Optimisation",
-          description: "Monitoring de la performance, ajustements réguliers et rapports pour maximiser l'impact de l'automatisation. Image: http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg",
+          content: (
+            <div>
+              <h3>3. Suivi & Optimisation</h3>
+              <p>Surveillez la performance, ajustez et optimisez pour maximiser votre retour sur investissement.</p>
+            </div>
+          ),
+          media: <img src="http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg" alt="Suivi & Optimisation" className="h-full w-full object-cover rounded-xl" />,
+          reverse: false,
         },
       ]}
       title="Notre Processus en 3 Étapes pour Votre Succès"
@@ -193,49 +164,44 @@ export default function LandingPage() {
   </div>
 
   <div id="trust" data-section="trust">
-      <TextAbout
+      <SocialProofOne
+      textboxLayout="default"
       useInvertedBackground={false}
       tag="Confiance"
       title="NovaFlow Automation : Votre Partenaire de Confiance"
+      description="Nous nous engageons à offrir l'excellence, soutenue par nos certifications et l'approbation de l'industrie."
+      names={[
+        "ISO 27001 Certified",        "GDPR Compliant",        "AI Ethics Accredited",        "Certified Automation Specialist",        "Data Security Standard"
+      ]}
+      showCard={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Contactez-nous"
       title="Prêt à Transformer Votre Entreprise ?"
       description="Réservez dès maintenant votre audit d'automatisation gratuit et découvrez comment l'IA peut libérer votre potentiel."
       inputPlaceholder="Votre adresse e-mail"
       buttonText="Demander un audit gratuit"
       termsText="En cliquant sur 'Demander un audit gratuit', vous confirmez que vous acceptez nos Conditions Générales."
+      imageSrc="http://img.b2bpic.net/free-photo/modern-office-business-district_1074-6330.jpg"
+      imageAlt="Modern Office Business District for Contact"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="NovaFlow Automation"
-      copyrightText="© 2024 NovaFlow Automation. Tous droits réservés."
-      socialLinks={[
-        {
-          icon: Linkedin,
-          href: "https://linkedin.com/novaflow",
-          ariaLabel: "LinkedIn",
-        },
-        {
-          icon: Twitter,
-          href: "https://twitter.com/novaflow",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Facebook,
-          href: "https://facebook.com/novaflow",
-          ariaLabel: "Facebook",
-        },
-      ]}
+      leftLink={{
+        text: "Politique de Confidentialité",        href: "/privacy-policy"}}
+      rightLink={{
+        text: "Conditions Générales",        href: "/terms-of-service"}}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #00BFFF;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #6A0DAD;
-  --secondary-cta-text: #ffffff;
-  --accent: #00BFFF;
-  --background-accent: #6A0DAD;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
+  --primary-cta-text: #020617;
+  --secondary-cta: #041633;
+  --secondary-cta-text: #e2e8f0;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);