From 70224c9bf28810929f734c06397c615401a8b6b8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 20:11:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 ++++++++++++-----------------------------------
 1 file changed, 56 insertions(+), 163 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 67f49fe..06e4731 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import { Award, Target, TrendingUp } from "lucide-react";
+import { Award, Target, TrendingUp, Filter, MessageSquare, Calendar, Search, Settings, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,86 +32,53 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Process",
-          id: "#journey",
-        },
+          name: "Process",          id: "#journey"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="RMS Agency"
       button={{
-        text: "Réserver un appel",
-        href: "#contact",
-      }}
+        text: "Réserver un appel",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       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/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-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-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-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: "http://img.b2bpic.net/free-photo/3d-abstract-plexus-technology-design-network-communications_1048-15871.jpg",          alt: "3D abstract plexus technology design network communications"},
       ]}
       buttons={[
         {
-          text: "Réserver un appel",
-          href: "#contact",
-        },
+          text: "Réserver un appel",          href: "#contact"},
         {
-          text: "Voir comment ça marche",
-          href: "#services",
-        },
+          text: "Voir comment ça marche",          href: "#services"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Outbound Expert",
-        },
+          type: "text",          text: "Outbound Expert"},
         {
-          type: "text",
-          text: "Lead Generation",
-        },
+          type: "text",          text: "Lead Generation"},
         {
-          type: "text",
-          text: "Pipeline Growth",
-        },
+          type: "text",          text: "Pipeline Growth"},
         {
-          type: "text",
-          text: "Conversion Boost",
-        },
+          type: "text",          text: "Conversion Boost"},
         {
-          type: "text",
-          text: "Scalable Sales",
-        },
+          type: "text",          text: "Scalable Sales"},
       ]}
     />
   </div>
@@ -122,19 +89,13 @@ export default function LandingPage() {
       title="Performance Mesurable"
       metrics={[
         {
-          label: "Rendez-vous générés",
-          value: "+500",
-          icon: Target,
+          label: "Rendez-vous générés",          value: "+500",          icon: Target,
         },
         {
-          label: "Clients accompagnés",
-          value: "+50",
-          icon: Award,
+          label: "Clients accompagnés",          value: "+50",          icon: Award,
         },
         {
-          label: "Taux de conversion",
-          value: "28%",
-          icon: TrendingUp,
+          label: "Taux de conversion",          value: "28%",          icon: TrendingUp,
         },
       ]}
       metricsAnimation="slide-up"
@@ -147,29 +108,17 @@ export default function LandingPage() {
       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: "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: "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: "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: "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="Un système complet pour votre croissance"
       description="Notre méthodologie propriétaire transforme votre outbound en une source prévisible de revenus."
@@ -180,23 +129,15 @@ export default function LandingPage() {
       <MetricCardTwo
       textboxLayout="split"
       gridVariant="bento-grid"
+      animationType="slide-up"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "Prédictibilité",
-          description: "Flux constant de rendez-vous qualifiés sans effort supplémentaire.",
-        },
+          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: "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: "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."
@@ -208,20 +149,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Quelle est votre approche ?",
-          content: "Data-driven, scripts éprouvés et ciblage chirurgical.",
-        },
+          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: "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: "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."
@@ -235,29 +167,17 @@ export default function LandingPage() {
       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: "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: "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: "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: "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="Parcours Client"
       description="Une expérience fluide, pensée pour minimiser le friction et maximiser le résultat."
@@ -271,21 +191,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          badge: "Priorité",
-          price: "Appel",
-          subtitle: "Parlons de votre pipeline",
-          buttons: [
+          id: "starter",          badge: "Priorité",          price: "Appel",          subtitle: "Parlons de votre pipeline",          buttons: [
             {
-              text: "Planifier un appel",
-              href: "#contact",
-            },
+              text: "Planifier un appel",              href: "#contact"},
           ],
           features: [
-            "Audit pipeline",
-            "Stratégie outbound",
-            "Plan d'action",
-          ],
+            "Audit pipeline",            "Stratégie outbound",            "Plan d'action"],
         },
       ]}
       title="Prêt à scaler votre acquisition ?"
@@ -300,22 +211,14 @@ export default function LandingPage() {
       description="sachamazaudiernamian@icloud.com"
       inputs={[
         {
-          name: "nom",
-          type: "text",
-          placeholder: "Votre nom",
-          required: true,
+          name: "nom",          type: "text",          placeholder: "Votre nom",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Votre email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Votre email",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Décrivez brièvement vos objectifs...",
-        required: true,
+        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"
@@ -328,29 +231,19 @@ export default function LandingPage() {
       logoText="RMS Agency"
       columns={[
         {
-          title: "Agence",
-          items: [
+          title: "Agence",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Mentions légales",
-              href: "#",
-            },
+              label: "Mentions légales",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1