diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index c1ba07e..5b33fff 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -7,24 +7,28 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function GalleryPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen 
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Contact", id: "/contact" },
-            ]} 
-            brandName="Nature Cleaning Services"
-        />
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen 
+                navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Gallery", id: "/gallery" },
+                  { name: "Pricing", id: "/pricing" },
+                  { name: "Contact", id: "/contact" },
+                ]} 
+                brandName="Nature Cleaning Services"
+            />
+        </div>
         <div className="pt-32 pb-20 px-6">
             <h1 className="text-4xl font-bold text-center">Our Work</h1>
             <p className="text-center mt-4">See the magic we bring to homes everywhere.</p>
         </div>
-        <FooterBaseReveal columns={[]} />
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 4ffdeec..017edc6 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -8,30 +8,37 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen 
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Contact", id: "/contact" },
-            ]} 
-            brandName="Nature Cleaning Services"
-        />
-        <PricingCardNine
-            animationType="slide-up"
-            textboxLayout="default"
-            title="Transparent Pricing"
-            description="Choose the plan that fits your lifestyle."
-            plans={[
-                { id: "1", title: "Basic", price: "$99", period: "/visit", features: ["Dusting", "Vacuuming", "Kitchen Surfaces"], button: { text: "Book Now", href: "/contact" } },
-                { id: "2", title: "Premium", price: "$199", period: "/visit", features: ["Everything in Basic", "Deep Scrub", "Window Cleaning"], button: { text: "Book Now", href: "/contact" } },
-            ]}
-        />
-        <FooterBaseReveal columns={[]} />
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen 
+                navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Gallery", id: "/gallery" },
+                  { name: "Pricing", id: "/pricing" },
+                  { name: "Contact", id: "/contact" },
+                ]} 
+                brandName="Nature Cleaning Services"
+            />
+        </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardNine
+                animationType="slide-up"
+                textboxLayout="default"
+                title="Transparent Pricing"
+                description="Choose the plan that fits your lifestyle."
+                useInvertedBackground={false}
+                plans={[
+                    { id: "1", title: "Basic", price: "$99", period: "/visit", features: ["Dusting", "Vacuuming", "Kitchen Surfaces"], button: { text: "Book Now", href: "/contact" } },
+                    { id: "2", title: "Premium", price: "$199", period: "/visit", features: ["Everything in Basic", "Deep Scrub", "Window Cleaning"], button: { text: "Book Now", href: "/contact" } },
+                ]}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 7552356..27d2fca 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -9,32 +9,38 @@ import { Sparkles, Leaf, Clock } from "lucide-react";
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen 
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Contact", id: "/contact" },
-            ]} 
-            brandName="Nature Cleaning Services"
-        />
-        <FeatureBorderGlow
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-                { icon: Sparkles, title: "Deep Home Cleaning", description: "Comprehensive top-to-bottom cleaning." },
-                { icon: Leaf, title: "Eco-Friendly", description: "Non-toxic, safe solutions for pets and kids." },
-                { icon: Clock, title: "Flexible Scheduling", description: "Weekly, bi-weekly, or one-time." },
-            ]}
-            title="Our Professional Services"
-            description="We offer a wide range of tailored cleaning solutions."
-        />
-        <FooterBaseReveal columns={[]} />
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen 
+                navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Gallery", id: "/gallery" },
+                  { name: "Pricing", id: "/pricing" },
+                  { name: "Contact", id: "/contact" },
+                ]} 
+                brandName="Nature Cleaning Services"
+            />
+        </div>
+        <div id="services" data-section="services">
+            <FeatureBorderGlow
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                features={[
+                    { icon: Sparkles, title: "Deep Home Cleaning", description: "Comprehensive top-to-bottom cleaning." },
+                    { icon: Leaf, title: "Eco-Friendly", description: "Non-toxic, safe solutions for pets and kids." },
+                    { icon: Clock, title: "Flexible Scheduling", description: "Weekly, bi-weekly, or one-time." },
+                ]}
+                title="Our Professional Services"
+                description="We offer a wide range of tailored cleaning solutions."
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );