From 64c9d42081780f6bb481c6acc1ad2b370d5e7c8c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 14:30:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 343 ++++++++++++++---------------------------------
 1 file changed, 103 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cdca839..20b3172 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Droplet, Flame, Phone, Star, Zap } from "lucide-react";
+import { Award, Droplet, Flame, Phone, ShowerHead, Star, Thermometer, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,251 +26,114 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pourquoi nous",
-          id: "why-us",
-        },
-        {
-          name: "Avis clients",
-          id: "testimonials",
-        },
-        {
-          name: "Devis",
-          id: "contact",
-        },
-      ]}
-      brandName="BR Plombier 66"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Pourquoi nous", id: "why-us" },
+              { name: "Avis clients", id: "testimonials" },
+              { name: "Devis", id: "contact" },
+            ]}
+            brandName="BR Plombier 66"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="L'artisanat au service de votre confort"
-      description="40 ans d'excellence en plomberie dans les Pyrénées-Orientales. Disponibilité 24h/24 pour vos urgences."
-      tag="Expert depuis 40 ans · 66"
-      buttons={[
-        {
-          text: "Devis gratuit",
-          href: "#contact",
-        },
-        {
-          text: "Urgence 24h/24",
-          href: "tel:0600000000",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=1"
-      tagIcon={Star}
-      imageAlt="Artisan plombier expert réalisant une intervention de précision"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="L'artisanat au service de votre confort"
+            description="40 ans d'excellence en plomberie dans les Pyrénées-Orientales. Disponibilité 24h/24 pour vos urgences."
+            tag="Expert depuis 40 ans · 66"
+            tagIcon={Star}
+            buttons={[
+              { text: "Devis gratuit", href: "#contact" },
+              { text: "Urgence 24h/24", href: "tel:0600000000" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg"
+            imageAlt="Artisan plombier expert réalisant une intervention de précision"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Dépannage & Urgences",
-          description: "Intervention rapide pour toute fuite ou panne.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=1",
-            imageAlt: "Réparation urgente de fuite",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "24h/24",
-            },
-            {
-              icon: Phone,
-              text: "Réponse immédiate",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=2",
-          imageAlt: "luxury plumbing service professional",
-        },
-        {
-          title: "Sanitaires & Salle de bain",
-          description: "Conception et installation de vos espaces d'eau.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=1",
-            imageAlt: "Installation sanitaire haut de gamme",
-          },
-          items: [
-            {
-              icon: Droplet,
-              text: "Installation complète",
-            },
-            {
-              icon: ShowerHead,
-              text: "Rénovation sur mesure",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=2",
-          imageAlt: "professional plumber working bathroom",
-        },
-        {
-          title: "Chaudière & Chauffe-eau",
-          description: "Entretien et dépannage de vos systèmes de chauffe.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=2",
-            imageAlt: "Maintenance de chaudière",
-          },
-          items: [
-            {
-              icon: Flame,
-              text: "Maintenance annuelle",
-            },
-            {
-              icon: Thermometer,
-              text: "Dépannage système",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=3",
-          imageAlt: "emergency plumbing repair service",
-        },
-      ]}
-      title="Nos Services Experts"
-      description="Une gamme complète de solutions en plomberie, chauffage et rénovation."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Nos Services Experts"
+            description="Une gamme complète de solutions en plomberie, chauffage et rénovation."
+            features={[
+              {
+                title: "Dépannage & Urgences",                description: "Intervention rapide pour toute fuite ou panne.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", imageAlt: "Réparation urgente de fuite" },
+                items: [{ icon: Zap, text: "24h/24" }, { icon: Phone, text: "Réponse immédiate" }],
+                reverse: false
+              },
+              {
+                title: "Sanitaires & Salle de bain",                description: "Conception et installation de vos espaces d'eau.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg", imageAlt: "Installation sanitaire haut de gamme" },
+                items: [{ icon: Droplet, text: "Installation complète" }, { icon: ShowerHead, text: "Rénovation sur mesure" }],
+                reverse: true
+              },
+              {
+                title: "Chaudière & Chauffe-eau",                description: "Entretien et dépannage de vos systèmes de chauffe.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", imageAlt: "Maintenance de chaudière" },
+                items: [{ icon: Flame, text: "Maintenance annuelle" }, { icon: Thermometer, text: "Dépannage système" }],
+                reverse: false
+              }
+            ]}
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Pourquoi nous choisir"
-      title="40 Ans de Métier au Service des Pyrénées-Orientales"
-      description="Nous mettons notre expérience et notre expertise au profit de chaque chantier pour garantir la satisfaction totale de nos clients."
-      subdescription="Chaque intervention bénéficie d'une garantie décennale et d'un suivi personnalisé."
-      icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=3"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Pourquoi nous choisir"
+            title="40 Ans de Métier au Service des Pyrénées-Orientales"
+            description="Nous mettons notre expérience et notre expertise au profit de chaque chantier pour garantir la satisfaction totale de nos clients."
+            subdescription="Chaque intervention bénéficie d'une garantie décennale et d'un suivi personnalisé."
+            icon={Award}
+            imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marie L.",
-          role: "Cliente",
-          company: "Perpignan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Jean P.",
-          role: "Client",
-          company: "Canet",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Sophie D.",
-          role: "Cliente",
-          company: "Saint-Estève",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Marc B.",
-          role: "Client",
-          company: "Perpignan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Lucie V.",
-          role: "Cliente",
-          company: "Perpignan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg?_wi=5",
-        },
-      ]}
-      title="Ils nous font confiance"
-      description="Plus de 500 clients satisfaits à Perpignan et alentours."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            title="Ils nous font confiance"
+            description="Plus de 500 clients satisfaits à Perpignan et alentours."
+            testimonials={[
+              { id: "1", name: "Marie L.", role: "Cliente", company: "Perpignan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" },
+              { id: "2", name: "Jean P.", role: "Client", company: "Canet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" },
+              { id: "3", name: "Sophie D.", role: "Cliente", company: "Saint-Estève", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" },
+              { id: "4", name: "Marc B.", role: "Client", company: "Perpignan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" },
+              { id: "5", name: "Lucie V.", role: "Cliente", company: "Perpignan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Demande de devis"
-      title="Contactez-nous"
-      description="Obtenez un devis gratuit et personnalisé pour vos travaux de plomberie."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=4"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Demande de devis"
+            title="Contactez-nous"
+            description="Obtenez un devis gratuit et personnalisé pour vos travaux de plomberie."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Dépannage",
-              href: "#services",
-            },
-            {
-              label: "Sanitaire",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Zones",
-          items: [
-            {
-              label: "Perpignan",
-              href: "#",
-            },
-            {
-              label: "Canet",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "06 00 00 00 00",
-              href: "tel:0600000000",
-            },
-          ],
-        },
-      ]}
-      logoText="BR Plombier 66"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Dépannage", href: "#services" }, { label: "Sanitaire", href: "#services" }] },
+              { title: "Zones", items: [{ label: "Perpignan", href: "#" }, { label: "Canet", href: "#" }] },
+              { title: "Contact", items: [{ label: "06 00 00 00 00", href: "tel:0600000000" }] }
+            ]}
+            logoText="BR Plombier 66"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1