Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -51,16 +51,11 @@ export default function LandingPage() {
       title="Nous transformons votre pipeline en machine à rendez-vous."
       description="RMS Agency génère des opportunités qualifiées pendant que vous vous concentrez sur la croissance."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",          alt: "data flow abstract blue"},
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-modern-particle-background-with-flowing-cyber-dots_1048-12265.jpg",          alt: "3D modern particle background with flowing cyber dots"},
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg",          alt: "3D render of an abstract cyber particles background with shallow depth of field"},
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-particles-background-with-flowing-dots_1048-12410.jpg",          alt: "3D abstract cyber particles background with flowing dots"},
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-abstract-plexus-technology-design-network-communications_1048-15871.jpg",          alt: "3D abstract plexus technology design network communications"},
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwFyzqXdXj9tEAkmst1OLseeM/uploaded-1776974754292-cjwy2mzh.jpg", alt: "data flow abstract blue" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwFyzqXdXj9tEAkmst1OLseeM/uploaded-1776974754292-h18el60g.jpg", alt: "3D modern particle background with flowing cyber dots" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwFyzqXdXj9tEAkmst1OLseeM/uploaded-1776974754292-amohgiju.jpg", alt: "3D render of an abstract cyber particles background with shallow depth of field" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwFyzqXdXj9tEAkmst1OLseeM/uploaded-1776974754292-1u0b4wtl.jpg", alt: "3D abstract cyber particles background with flowing dots" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwFyzqXdXj9tEAkmst1OLseeM/uploaded-1776974754292-glwstkrn.jpg", alt: "3D abstract plexus technology design network communications" },
       ]}
       buttons={[
         {
@@ -69,16 +64,11 @@ export default function LandingPage() {
           text: "Voir comment ça marche",          href: "#services"},
       ]}
       marqueeItems={[
-        {
-          type: "text",          text: "Outbound Expert"},
-        {
-          type: "text",          text: "Lead Generation"},
-        {
-          type: "text",          text: "Pipeline Growth"},
-        {
-          type: "text",          text: "Conversion Boost"},
-        {
-          type: "text",          text: "Scalable Sales"},
+        { type: "text", text: "Outbound Expert" },
+        { type: "text", text: "Lead Generation" },
+        { type: "text", text: "Pipeline Growth" },
+        { type: "text", text: "Conversion Boost" },
+        { type: "text", text: "Scalable Sales" },
       ]}
     />
   </div>
@@ -88,15 +78,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Performance Mesurable"
       metrics={[
-        {
-          label: "Rendez-vous générés",          value: "+500",          icon: Target,
-        },
-        {
-          label: "Clients accompagnés",          value: "+50",          icon: Award,
-        },
-        {
-          label: "Taux de conversion",          value: "28%",          icon: TrendingUp,
-        },
+        { label: "Rendez-vous générés", value: "+500", icon: Target },
+        { label: "Clients accompagnés", value: "+50", icon: Award },
+        { label: "Taux de conversion", value: "28%", icon: TrendingUp },
       ]}
       metricsAnimation="slide-up"
     />
@@ -107,18 +91,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Acquisition ciblée",          description: "Identification des profils à haute probabilité de conversion.",          buttonIcon: Target,
-          imageSrc: "http://img.b2bpic.net/free-photo/arrows-thrown-dartboard-center_23-2148543373.jpg"},
-        {
-          title: "Qualification avancée",          description: "Filtrage rigoureux pour ne garder que les leads prêts à closer.",          buttonIcon: Filter,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eby2vg"},
-        {
-          title: "Relance stratégique",          description: "Gestion proactive des cycles de vente pour maintenir l'engagement.",          buttonIcon: MessageSquare,
-          imageSrc: "http://img.b2bpic.net/free-vector/sales-funnel-doodle-icons-linear-business-signs-loudspeaker-infographics-graphs-charts-smartphone-payment-clients-attraction-management-strategy-data-analysis-line-art-vector-illustration_107791-9602.jpg"},
-        {
-          title: "Prise de rendez-vous",          description: "Insertion directe dans votre agenda avec des prospects qualifiés.",          buttonIcon: Calendar,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-house-showing-thumbs-up_1156-345.jpg"},
+        { title: "Acquisition ciblée", description: "Identification des profils à haute probabilité de conversion.", buttonIcon: Target },
+        { title: "Qualification avancée", description: "Filtrage rigoureux pour ne garder que les leads prêts à closer.", buttonIcon: Filter },
+        { title: "Relance stratégique", description: "Gestion proactive des cycles de vente pour maintenir l'engagement.", buttonIcon: MessageSquare },
+        { title: "Prise de rendez-vous", description: "Insertion directe dans votre agenda avec des prospects qualifiés.", buttonIcon: Calendar },
       ]}
       title="Un système complet pour votre croissance"
       description="Notre méthodologie propriétaire transforme votre outbound en une source prévisible de revenus."
@@ -132,12 +108,9 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "Prédictibilité",          description: "Flux constant de rendez-vous qualifiés sans effort supplémentaire."},
-        {
-          id: "m2",          value: "Systemisation",          description: "Processus automatisé qui élimine le chaos dans la prospection."},
-        {
-          id: "m3",          value: "ROI Clair",          description: "Concentrez-vous uniquement sur la vente, nous gérons l'acquisition."},
+        { id: "m1", value: "Prédictibilité", description: "Flux constant de rendez-vous qualifiés sans effort supplémentaire." },
+        { id: "m2", value: "Systemisation", description: "Processus automatisé qui élimine le chaos dans la prospection." },
+        { id: "m3", value: "ROI Clair", description: "Concentrez-vous uniquement sur la vente, nous gérons l'acquisition." },
       ]}
       title="Vous closez. On remplit votre agenda."
       description="Nous concevons et exécutons un système sortant complet qui alimente constamment votre pipeline."
@@ -148,12 +121,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "Quelle est votre approche ?",          content: "Data-driven, scripts éprouvés et ciblage chirurgical."},
-        {
-          id: "f2",          title: "Comment assurez-vous la qualité ?",          content: "Qualification stricte et vérification systématique des besoins."},
-        {
-          id: "f3",          title: "Quelle est votre expertise ?",          content: "Nous sommes des partenaires stratégiques, pas juste une agence d'exécution."},
+        { id: "f1", title: "Quelle est votre approche ?", content: "Data-driven, scripts éprouvés et ciblage chirurgical." },
+        { id: "f2", title: "Comment assurez-vous la qualité ?", content: "Qualification stricte et vérification systématique des besoins." },
+        { id: "f3", title: "Quelle est votre expertise ?", content: "Nous sommes des partenaires stratégiques, pas juste une agence d'exécution." },
       ]}
       sideTitle="Pourquoi nous choisir ?"
       sideDescription="Une approche sans fioritures basée sur les résultats, pas sur les promesses marketing."
@@ -166,18 +136,10 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Analyse",          description: "Audit de vos offres et définition des personas idéaux.",          buttonIcon: Search,
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-lineal-logo-collection_23-2148452109.jpg"},
-        {
-          title: "Mise en place",          description: "Configuration de vos systèmes de prospection.",          buttonIcon: Settings,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7se4ao"},
-        {
-          title: "Optimisation",          description: "Ajustement des scripts et du ciblage en temps réel.",          buttonIcon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
-        {
-          title: "Scaling",          description: "Augmentation des volumes pour une croissance accélérée.",          buttonIcon: TrendingUp,
-          imageSrc: "http://img.b2bpic.net/free-vector/calendar-check-mark-circles-set_78370-9019.jpg"},
+        { title: "Analyse", description: "Audit de vos offres et définition des personas idéaux.", buttonIcon: Search },
+        { title: "Mise en place", description: "Configuration de vos systèmes de prospection.", buttonIcon: Settings },
+        { title: "Optimisation", description: "Ajustement des scripts et du ciblage en temps réel.", buttonIcon: Zap },
+        { title: "Scaling", description: "Augmentation des volumes pour une croissance accélérée.", buttonIcon: TrendingUp },
       ]}
       title="Parcours Client"
       description="Une expérience fluide, pensée pour minimiser le friction et maximiser le résultat."
@@ -190,14 +152,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "starter",          badge: "Priorité",          price: "Appel",          subtitle: "Parlons de votre pipeline",          buttons: [
-            {
-              text: "06 27 43 94 94",              href: "tel:0627439494"},
-          ],
-          features: [
-            "Audit pipeline",            "Stratégie outbound",            "Plan d'action"],
-        },
+        { id: "starter", badge: "Priorité", price: "Appel", subtitle: "Parlons de votre pipeline", buttons: [{ text: "06 27 43 94 94", href: "tel:0627439494" }], features: ["Audit pipeline", "Stratégie outbound", "Plan d'action"] },
       ]}
       title="Prêt à scaler votre acquisition ?"
       description="L'onboarding est limité pour garantir la qualité de chaque mission."
@@ -205,47 +160,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
+      <ContactCTA
+      tag="Contact"
       title="Travaillons ensemble"
-      description="sachamazaudiernamian@icloud.com"
-      inputs={[
-        {
-          name: "nom",          type: "text",          placeholder: "Votre nom",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Votre email",          required: true,
-        },
+      description="Prenez rendez-vous directement par email à l'adresse suivante : sachamazaudiernamian@icloud.com ou appelez-nous au 06 27 43 94 94 pour une première analyse de votre situation."
+      buttons={[
+        { text: "Envoyer un email", href: "mailto:sachamazaudiernamian@icloud.com" },
+        { text: "Appeler le 06 27 43 94 94", href: "tel:0627439494" }
       ]}
-      textarea={{
-        name: "message",        placeholder: "Décrivez brièvement vos objectifs...",        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124176.jpg"
-      buttonText="Envoyer"
+      useInvertedBackground={true}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139262.jpg"
+      <FooterBaseReveal
       logoText="RMS Agency"
       columns={[
-        {
-          title: "Agence",          items: [
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Légal",          items: [
-            {
-              label: "Mentions légales",              href: "#"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
+        { title: "Agence", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+        { title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       copyrightText="© 2025 RMS Agency"
     />