diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 06ec455..47be2a5 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,28 +9,36 @@ import { Coffee } from "lucide-react";
 
 export default function AboutPage() {
   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>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Menu", id: "/menu" },
-          ]}
-          brandName="Mary's Cafe"
-        />
-        <TestimonialAboutCard
-          tag="Our Story"
-          title="Where Hospitality Meets Heart"
-          description="Alaa and Samah pour their dedication into every cup served. Our cafe is more than a place to eat; it is a community hub built on kindness, value, and authentic flavor."
-          subdescription="Come for the coffee, stay for the warmth."
-          icon={Coffee}
-          imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"
-        />
-        <FooterLogoEmphasis
-          columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
-          logoText="Mary's Cafe"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Mary's Cafe"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our Story"
+            title="Where Hospitality Meets Heart"
+            description="Alaa and Samah pour their dedication into every cup served. Our cafe is more than a place to eat; it is a community hub built on kindness, value, and authentic flavor."
+            subdescription="Come for the coffee, stay for the warmth."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
+            logoText="Mary's Cafe"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index cc84f3b..73d6186 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,40 +3,30 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ContactPage() {
   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>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/#about" },
-            { name: "Menu", id: "/#menu" },
-            { name: "Reviews", id: "/testimonials" },
-            { name: "Visit", id: "/contact" },
-          ]}
-          brandName="Mary's Cafe"
-        />
-        <div id="contact" data-section="contact" className="py-24">
-          <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "sparkles-gradient" }}
-            tag="Visit Us"
-            title="Ready for a Coffee?"
-            description="Come visit Mary's Cafe today for the best experience in town. We look forward to serving you."
-            buttons={[{ text: "Get Directions", href: "#" }]}
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Mary's Cafe"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
+            logoText="Mary's Cafe"
           />
         </div>
-        <FooterLogoEmphasis
-          columns={[
-            { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }] },
-            { items: [{ label: "Reviews", href: "/testimonials" }, { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
-          ]}
-          logoText="Mary's Cafe"
-        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index a2e892a..5eb1a0c 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -8,32 +8,41 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 
 export default function MenuPage() {
   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>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Menu", id: "/menu" },
-          ]}
-          brandName="Mary's Cafe"
-        />
-        <ProductCardTwo
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          title="Our Menu"
-          description="Explore our simple, honest, and high-quality menu."
-          products={[
-            { id: "p1", brand: "Signature", name: "Egg Mayo Sandwich", price: "$8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg" },
-            { id: "p2", brand: "Premium", name: "Artisan Latte", price: "$4", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-turkish-coffee-making-cezve-sand-coffee-bar-professional-barista-manually-prepares-coffee-traditional-way-using-modern-equipment-selective-focus-space-text_166373-2976.jpg" },
-            { id: "p3", brand: "Fresh", name: "Daily Pastry", price: "$6", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-cup-tea-light-desk_140725-91396.jpg" },
-          ]}
-        />
-        <FooterLogoEmphasis
-          columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
-          logoText="Mary's Cafe"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Mary's Cafe"
+          />
+        </div>
+        <div id="menu" data-section="menu">
+          <ProductCardTwo
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Our Menu"
+            description="Explore our simple, honest, and high-quality menu."
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Signature", name: "Egg Mayo Sandwich", price: "$8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg" },
+              { id: "p2", brand: "Premium", name: "Artisan Latte", price: "$4", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-turkish-coffee-making-cezve-sand-coffee-bar-professional-barista-manually-prepares-coffee-traditional-way-using-modern-equipment-selective-focus-space-text_166373-2976.jpg" },
+              { id: "p3", brand: "Fresh", name: "Daily Pastry", price: "$6", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-cup-tea-light-desk_140725-91396.jpg" },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
+            logoText="Mary's Cafe"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/testimonials/page.tsx b/src/app/testimonials/page.tsx
index 160f2dd..8993974 100644
--- a/src/app/testimonials/page.tsx
+++ b/src/app/testimonials/page.tsx
@@ -3,46 +3,30 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function TestimonialsPage() {
   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>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/#about" },
-            { name: "Menu", id: "/#menu" },
-            { name: "Reviews", id: "/testimonials" },
-            { name: "Visit", id: "/contact" },
-          ]}
-          brandName="Mary's Cafe"
-        />
-        <div id="testimonials" data-section="testimonials" className="py-24">
-          <TestimonialCardSix
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-            testimonials={[
-              { id: "t1", name: "Chris Ward", handle: "@chrisward", testimonial: "Cheapest coffee in town and great value. Really kind people.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg" },
-              { id: "t2", name: "Ada Wang", handle: "@adawang", testimonial: "Very affordable price and great food. Egg mayo sandwich is my favourite.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg" },
-              { id: "t3", name: "Kaoutar Mahani", handle: "@kaoutar", testimonial: "Excellent service and food quality. Always a 5-star experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg" },
-              { id: "t4", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The atmosphere is always welcoming. A hidden gem in the city.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148877753.jpg" },
-              { id: "t5", name: "Michael Roberts", handle: "@mroberts", testimonial: "Consistently great coffee. It's my daily stop for a reason.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-cup-coffee-coffee-shop_1170-2324.jpg" },
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
             ]}
-            title="Loved by Our Community"
-            description="Don't just take our word for it. Hear what our regulars have to say."
+            brandName="Mary's Cafe"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
+            logoText="Mary's Cafe"
           />
         </div>
-        <FooterLogoEmphasis
-          columns={[
-            { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }] },
-            { items: [{ label: "Reviews", href: "/testimonials" }, { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
-          ]}
-          logoText="Mary's Cafe"
-        />
       </ReactLenis>
     </ThemeProvider>
   );