Update src/app/plomberie/page.tsx

Merge version_3 into main

src/app/debouchage/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function DebouchagePage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[{name: "Accueil", id: "/"}, {name: "Débouchage", id: "/debouchage"}, {name: "Plomberie", id: "/plomberie"}]}
+            brandName="Maes Débouchage"
+          />
+        </div>
+        <div className="pt-32 pb-20 px-8 max-w-4xl mx-auto">
+          <h1 className="text-4xl font-bold mb-6">Services de Débouchage</h1>
+          <p>Nos experts interviennent sur tous types d'obstructions de canalisations, utilisant des techniques haute pression pour garantir un résultat durable.</p>
+        </div>
+        <ContactCTA tag="Débouchage" title="Besoin d'un débouchage ?" description="Contactez-nous pour une intervention rapide." buttons={[{text: "Appeler"}]} background={{variant: "plain"}} useInvertedBackground={false} />
+        <FooterLogoEmphasis logoText="Maes Débouchage" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,9 +32,9 @@ export default function LandingPage() {
           <NavbarStyleCentered
             navItems={[
               { name: "Accueil", id: "hero" },
-              { name: "Services", id: "services" },
+              { name: "Débouchage", id: "/debouchage" },
+              { name: "Plomberie", id: "/plomberie" },
               { name: "À propos", id: "about" },
-              { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Maes Débouchage"
@@ -81,7 +81,7 @@ export default function LandingPage() {
               { icon: Clock, label: "Réponse d'urgence", value: "24/7" },
               { icon: MapPin, label: "Couverture Belgique", value: "100%" },
               { icon: Wrench, label: "Interventions réussies", value: "5000+" },
-              { icon: Phone, label: "Téléphone", value: "+32 470 00 00 00" },
+              { icon: Phone, label: "Téléphone", value: "0494 40 48 33" },
               { icon: Mail, label: "Email", value: "info@maesdebouchage.be" }
             ]}
             metricsAnimation="slide-up"
@@ -156,9 +156,9 @@ export default function LandingPage() {
             background={{ variant: "radial-gradient" }}
             tag="Urgence"
             title="Besoin d'un débouchage en urgence ?"
-            description="Nos équipes sont prêtes à intervenir immédiatement. Appelez-nous dès maintenant au +32 470 00 00 00 ou contactez info@maesdebouchage.be."
+            description="Nos équipes sont prêtes à intervenir immédiatement. Appelez-nous dès maintenant au 0494 40 48 33 ou contactez info@maesdebouchage.be."
             buttons={[
-              { text: "Appeler maintenant", href: "tel:+32470000000" },
+              { text: "Appeler maintenant", href: "tel:0494404833" },
               { text: "Envoyer un email", href: "mailto:info@maesdebouchage.be" }
             ]}
           />
@@ -167,8 +167,8 @@ export default function LandingPage() {
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             columns={[
-              { items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }] },
-              { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Accueil", href: "/" }, { label: "Débouchage", href: "/debouchage" }, { label: "Plomberie", href: "/plomberie" }] },
+              { items: [{ label: "FAQ", href: "/" }, { label: "Contact", href: "/" }] },
               { items: [{ label: "Mentions Légales", href: "#" }, { label: "Politique de confidentialité", href: "#" }] }
             ]}
             logoText="Maes Débouchage"

src/app/plomberie/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function PlomberiePage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[{name: "Accueil", id: "/"}, {name: "Débouchage", id: "/debouchage"}, {name: "Plomberie", id: "/plomberie"}]}
+            brandName="Maes Débouchage"
+          />
+        </div>
+        <div className="pt-32 pb-20 px-8 max-w-4xl mx-auto">
+          <h1 className="text-4xl font-bold mb-6">Services de Plomberie</h1>
+          <p>Nous assurons tous vos travaux de plomberie générale, de la réparation de fuites à la rénovation complète de vos installations sanitaires.</p>
+        </div>
+        <ContactCTA tag="Plomberie" title="Besoin d'un plombier ?" description="Intervention rapide pour tout problème de plomberie." buttons={[{text: "Appeler"}]} background={{variant: "plain"}} useInvertedBackground={false} />
+        <FooterLogoEmphasis logoText="Maes Débouchage" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}