From 8bd7908421ad523c76a9e602b631b7fbb18dad4e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 18:34:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 404 +++++++++++++++--------------------------------
 1 file changed, 126 insertions(+), 278 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 681abf8..32106b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,293 +28,141 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "À propos",
-          id: "about",
-        },
-        {
-          name: "Processus",
-          id: "process",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="PRESTIGE AUTO DT"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "À propos", id: "about" },
+              { name: "Processus", id: "process" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="PRESTIGE AUTO DT"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="L'Excellence du Detailing à Votre Porte"
-      description="Prestige Auto DT redéfinit l'entretien automobile sur la Rive-Sud de Montréal. Un service haut de gamme, mobile et sur mesure pour votre véhicule de prestige."
-      imageSrc="http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg"
-      imageAlt="Prestige vehicle detailing studio"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "radial-gradient" }}
+            title="L'Excellence du Detailing à Votre Porte"
+            description="Prestige Auto DT redéfinit l'entretien automobile sur la Rive-Sud de Montréal. Un service haut de gamme, mobile et sur mesure pour votre véhicule de prestige."
+            imageSrc="http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg"
+            imageAlt="Prestige vehicle detailing studio"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBorderGlow
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Sparkles,
-          title: "Nettoyage Intérieur Premium",
-          description: "Traitement complet des cuirs, tissus et surfaces pour un environnement immaculé.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Protection Céramique",
-          description: "Barrière nanotechnologique de pointe pour une brillance et protection longue durée.",
-        },
-        {
-          icon: Zap,
-          title: "Polissage et Correction",
-          description: "Élimination des micro-rayures pour retrouver la profondeur originale de votre peinture.",
-        },
-      ]}
-      title="Nos Services Signature"
-      description="Des soins complets conçus pour sublimer et protéger votre investissement."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBorderGlow
+            textboxLayout="split"
+            animationType="blur-reveal"
+            useInvertedBackground={false}
+            features={[
+              { icon: Sparkles, title: "Nettoyage Intérieur Premium", description: "Traitement complet des cuirs, tissus et surfaces pour un environnement immaculé." },
+              { icon: ShieldCheck, title: "Protection Céramique", description: "Barrière nanotechnologique de pointe pour une brillance et protection longue durée." },
+              { icon: Zap, title: "Polissage et Correction", description: "Élimination des micro-rayures pour retrouver la profondeur originale de votre peinture." }
+            ]}
+            title="Nos Services Signature"
+            description="Des soins complets conçus pour sublimer et protéger votre investissement."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Philosophie de Perfection"
-      metrics={[
-        {
-          icon: Award,
-          label: "Années d'expérience",
-          value: "10+",
-        },
-        {
-          icon: Users,
-          label: "Clients satisfaits",
-          value: "500+",
-        },
-        {
-          icon: CheckCircle,
-          label: "Véhicules traités",
-          value: "1000+",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Philosophie de Perfection"
+            metrics={[
+              { icon: Award, label: "Années d'expérience", value: "10+" },
+              { icon: Users, label: "Clients satisfaits", value: "500+" },
+              { icon: CheckCircle, label: "Véhicules traités", value: "1000+" }
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          icon: Search,
-          title: "Découverte",
-          value: "01",
-        },
-        {
-          id: "2",
-          icon: FileText,
-          title: "Soumission",
-          value: "02",
-        },
-        {
-          id: "3",
-          icon: ListChecks,
-          title: "Validation",
-          value: "03",
-        },
-        {
-          id: "4",
-          icon: CalendarDays,
-          title: "Réservation",
-          value: "04",
-        },
-        {
-          id: "5",
-          icon: CheckCircle2,
-          title: "Service",
-          value: "05",
-        },
-      ]}
-      title="Notre Processus Client"
-      description="Un parcours simplifié et transparent pour une expérience de luxe totale."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", icon: Search, title: "Découverte", value: "01" },
+              { id: "2", icon: FileText, title: "Soumission", value: "02" },
+              { id: "3", icon: ListChecks, title: "Validation", value: "03" },
+              { id: "4", icon: CalendarDays, title: "Réservation", value: "04" },
+              { id: "5", icon: CheckCircle2, title: "Service", value: "05" }
+            ]}
+            title="Notre Processus Client"
+            description="Un parcours simplifié et transparent pour une expérience de luxe totale."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: Droplet,
-          title: "Produits Premium",
-          value: "100%",
-        },
-        {
-          id: "m2",
-          icon: MapPin,
-          title: "Service Mobile",
-          value: "100%",
-        },
-        {
-          id: "m3",
-          icon: Shield,
-          title: "Satisfaction",
-          value: "100%",
-        },
-      ]}
-      title="Précision & Performance"
-      description="Nous utilisons exclusivement des produits certifiés de qualité industrielle pour garantir des résultats irréprochables."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="blur-reveal"
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", icon: Droplet, title: "Produits Premium", value: "100%" },
+              { id: "m2", icon: MapPin, title: "Service Mobile", value: "100%" },
+              { id: "m3", icon: Shield, title: "Satisfaction", value: "100%" }
+            ]}
+            title="Précision & Performance"
+            description="Nous utilisons exclusivement des produits certifiés de qualité industrielle pour garantir des résultats irréprochables."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Jean-Marc L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-white-blouse-beige-pants-sits-car-holds-boyfriend-hand-brunette-man-black-suit-eyeglasses-smiles-poses-near-airport_197531-27129.jpg",
-        },
-        {
-          id: "2",
-          name: "Sophie P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg",
-        },
-        {
-          id: "3",
-          name: "Luc V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-standing-near-car_158595-1151.jpg",
-        },
-        {
-          id: "4",
-          name: "Catherine R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/salesman-presenting-new-luxury-car-woman-showroom_7502-9537.jpg",
-        },
-        {
-          id: "5",
-          name: "Marc-André B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg",
-        },
-      ]}
-      cardTitle="Ils ont fait confiance à Prestige Auto DT"
-      cardTag="Témoignages"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Jean-Marc L.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-white-blouse-beige-pants-sits-car-holds-boyfriend-hand-brunette-man-black-suit-eyeglasses-smiles-poses-near-airport_197531-27129.jpg" },
+              { id: "2", name: "Sophie P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg" },
+              { id: "3", name: "Luc V.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-standing-near-car_158595-1151.jpg" },
+              { id: "4", name: "Catherine R.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-presenting-new-luxury-car-woman-showroom_7502-9537.jpg" },
+              { id: "5", name: "Marc-André B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg" }
+            ]}
+            cardTitle="Ils ont fait confiance à Prestige Auto DT"
+            cardTag="Témoignages"
+            cardAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Couvrez-vous toute la Rive-Sud ?",
-          content: "Oui, nous desservons l'ensemble des municipalités de la Rive-Sud de Montréal pour tous nos services de detailing.",
-        },
-        {
-          id: "q2",
-          title: "Dois-je fournir de l'eau ou de l'électricité ?",
-          content: "Non, nous sommes totalement autonomes grâce à notre équipement professionnel embarqué.",
-        },
-        {
-          id: "q3",
-          title: "Quelle est la durée moyenne d'une prestation ?",
-          content: "Un soin complet prend généralement entre 3 et 6 heures selon l'état de votre véhicule.",
-        },
-        {
-          id: "q4",
-          title: "Le paiement est-il sécurisé ?",
-          content: "Absolument. Une fois la soumission acceptée, vous recevez un lien de paiement sécurisé pour votre dépôt.",
-        },
-      ]}
-      title="Questions Fréquentes"
-      description="Tout ce qu'il faut savoir sur notre service de detailing à domicile."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Couvrez-vous toute la Rive-Sud ?", content: "Oui, nous desservons l'ensemble des municipalités de la Rive-Sud de Montréal pour tous nos services de detailing." },
+              { id: "q2", title: "Dois-je fournir de l'eau ou de l'électricité ?", content: "Non, nous sommes totalement autonomes grâce à notre équipement professionnel embarqué." },
+              { id: "q3", title: "Quelle est la durée moyenne d'une prestation ?", content: "Un soin complet prend généralement entre 3 et 6 heures selon l'état de votre véhicule." },
+              { id: "q4", title: "Le paiement est-il sécurisé ?", content: "Absolument. Une fois la soumission acceptée, vous recevez un lien de paiement sécurisé pour votre dépôt." }
+            ]}
+            title="Questions Fréquentes"
+            description="Tout ce qu'il faut savoir sur notre service de detailing à domicile."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Demandez votre Soumission"
-      description="Donnez à votre véhicule l'éclat qu'il mérite. Remplissez notre formulaire pour une consultation personnalisée."
-      buttons={[
-        {
-          text: "Soumettre une demande",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Demandez votre Soumission"
+            description="Donnez à votre véhicule l'éclat qu'il mérite. Remplissez notre formulaire pour une consultation personnalisée."
+            buttons={[{ text: "Soumettre une demande", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Processus",
-              href: "#process",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Soumission",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="PRESTIGE AUTO DT"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Processus", href: "#process" }] },
+              { items: [{ label: "Soumission", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Mentions légales", href: "#" }] }
+            ]}
+            logoText="PRESTIGE AUTO DT"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1