diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4849c13..31ac07b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,21 +8,28 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function ContactPage() {
   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>
-        <NavbarLayoutFloatingInline
-          navItems={[{ name: "Acasă", id: "/" }, { name: "Servicii", id: "/services" }, { name: "Prețuri", id: "/pricing" }, { name: "Contact", id: "/contact" }]}
-          brandName="Ladania Massage"
-          button={{ text: "Rezervă", href: "/contact" }}
-        />
-        <ContactCTA
-          tag="Contact"
-          title="Hai să discutăm"
-          description="Suntem aici pentru tine. Trimite-ne un mesaj și revenim imediat cu o programare."
-          buttons={[{ text: "Trimite Email", href: "mailto:contact@ladania.ro" }]}
-          background={{ variant: "plain" }}
-        />
-        <FooterCard logoText="Ladania" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Acasă", id: "/" }, { name: "Servicii", id: "/services" }, { name: "Prețuri", id: "/pricing" }, { name: "Contact", id: "/contact" }]}
+            brandName="Ladania Massage"
+            button={{ text: "Rezervă", href: "/contact" }}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Contact"
+            title="Hai să discutăm"
+            description="Suntem aici pentru tine. Trimite-ne un mesaj și revenim imediat cu o programare."
+            buttons={[{ text: "Trimite Email", href: "mailto:contact@ladania.ro" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard logoText="Ladania" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 4313bef..cadd1d5 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -8,24 +8,30 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 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>
-        <NavbarLayoutFloatingInline
-          navItems={[{ name: "Acasă", id: "/" }, { name: "Servicii", id: "/services" }, { name: "Prețuri", id: "/pricing" }, { name: "Contact", id: "/contact" }]}
-          brandName="Ladania Massage"
-          button={{ text: "Rezervă", href: "/contact" }}
-        />
-        <PricingCardTwo
-          animationType="blur-reveal"
-          title="Prețuri și Pachete"
-          description="Alege tratamentul care ți se potrivește."
-          textboxLayout="split"
-          useInvertedBackground={false}
-          plans={[
-            { id: "p1", badge: "Popular", price: "150 RON", subtitle: "60 minute", features: ["Masaj de relaxare", "Uleiuri esențiale", "Ambient muzical"], buttons: [{ text: "Rezervă", href: "/contact" }] }
-          ]}
-        />
-        <FooterCard logoText="Ladania" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Acasă", id: "/" }, { name: "Servicii", id: "/services" }, { name: "Prețuri", id: "/pricing" }, { name: "Contact", id: "/contact" }]}
+            brandName="Ladania Massage"
+            button={{ text: "Rezervă", href: "/contact" }}
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="blur-reveal"
+            title="Prețuri și Pachete"
+            description="Alege tratamentul care ți se potrivește."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "Popular", price: "150 RON", subtitle: "60 minute", features: ["Masaj de relaxare", "Uleiuri esențiale", "Ambient muzical"], buttons: [{ text: "Rezervă", href: "/contact" }] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard logoText="Ladania" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );