diff --git a/src/app/debouchage/page.tsx b/src/app/debouchage/page.tsx
index b43541d..d42fb26 100644
--- a/src/app/debouchage/page.tsx
+++ b/src/app/debouchage/page.tsx
@@ -8,17 +8,19 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 
 export default function DebouchagePage() {
   return (
-    <ThemeProvider>
+    <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>
-        <NavbarStyleCentered 
-          navItems={[{name: "Accueil", id: "/"}, {name: "Débouchage", id: "/debouchage"}, {name: "Plomberie", id: "/plomberie"}]}
-          brandName="Maes Débouchage"
-        />
+        <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"}]} />
+        <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>
diff --git a/src/app/plomberie/page.tsx b/src/app/plomberie/page.tsx
index 4fb55e4..b044c65 100644
--- a/src/app/plomberie/page.tsx
+++ b/src/app/plomberie/page.tsx
@@ -8,17 +8,19 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 
 export default function PlomberiePage() {
   return (
-    <ThemeProvider>
+    <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>
-        <NavbarStyleCentered 
-          navItems={[{name: "Accueil", id: "/"}, {name: "Débouchage", id: "/debouchage"}, {name: "Plomberie", id: "/plomberie"}]}
-          brandName="Maes Débouchage"
-        />
+        <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"}]} />
+        <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>