diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index b2727be..bd09e02 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,32 +2,38 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function GalleryPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Menu", id: "/menu" },
-          { name: "Gallery", id: "/gallery" },
-          { name: "Reservations", id: "/reservations" },
-        ]}
-        brandName="Lumière Dining"
-        button={{ text: "Book Table", href: "/reservations" }}
-      />
-      <FeatureCardTwentyNine
-        title="Culinary Gallery"
-        description="Visual highlights from our kitchen."
-        gridVariant="three-columns-all-equal-width"
-        animationType="slide-up"
-        features={[
-          { title: "Plated Art", description: "Signature dishes served daily.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", titleIconSrc: "", buttonText: "" },
-          { title: "Atmosphere", description: "Our elegant dining space.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", titleIconSrc: "", buttonText: "" },
-          { title: "Crafted Drinks", description: "Premium refreshments.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", titleIconSrc: "", buttonText: "" },
-        ]}
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Reservations", id: "/reservations" },
+          ]}
+          brandName="Lumière Dining"
+          button={{ text: "Book Table", href: "/reservations" }}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Culinary Gallery"
+          description="Visual highlights from our kitchen."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { title: "Plated Art", description: "Signature dishes served daily.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg" },
+            { title: "Atmosphere", description: "Our elegant dining space.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg" },
+            { title: "Crafted Drinks", description: "Premium refreshments.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
+          ]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index cbc1eba..a269567 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -6,27 +6,33 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 
 export default function MenuPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Menu", id: "/menu" },
-          { name: "Gallery", id: "/gallery" },
-          { name: "Reservations", id: "/reservations" },
-        ]}
-        brandName="Lumière Dining"
-        button={{ text: "Book Table", href: "/reservations" }}
-      />
-      <PricingCardEight
-        title="Our Signature Wings"
-        description="A culinary journey through bold spice profiles and perfectly crisped textures."
-        plans={[
-          { id: "classic", badge: "Fan Favorite", price: "$16", subtitle: "Classic Buffalo", features: ["Celery & Carrots", "Blue Cheese Dip", "House Blend Sauce"], buttons: [{ text: "Select" }] },
-          { id: "honey", badge: "Sweet & Savory", price: "$18", subtitle: "Honey Garlic Glaze", features: ["Toasted Sesame", "Green Onions", "Crispy Garlic Chips"], buttons: [{ text: "Select" }] },
-          { id: "spicy", badge: "Bold Heat", price: "$19", subtitle: "Ghost Pepper Lime", features: ["Fresh Cilantro", "Chipotle Mayo", "Lime Zest"], buttons: [{ text: "Select" }] }
-        ]}
-        animationType="slide-up"
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Reservations", id: "/reservations" },
+          ]}
+          brandName="Lumière Dining"
+          button={{ text: "Book Table", href: "/reservations" }}
+        />
+      </div>
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Our Signature Wings"
+          description="A culinary journey through bold spice profiles and perfectly crisped textures."
+          plans={[
+            { id: "classic", badge: "Fan Favorite", price: "$16", subtitle: "Classic Buffalo", features: ["Celery & Carrots", "Blue Cheese Dip", "House Blend Sauce"], buttons: [{ text: "Select" }] },
+            { id: "honey", badge: "Sweet & Savory", price: "$18", subtitle: "Honey Garlic Glaze", features: ["Toasted Sesame", "Green Onions", "Crispy Garlic Chips"], buttons: [{ text: "Select" }] },
+            { id: "spicy", badge: "Bold Heat", price: "$19", subtitle: "Ghost Pepper Lime", features: ["Fresh Cilantro", "Chipotle Mayo", "Lime Zest"], buttons: [{ text: "Select" }] }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
index dcb31a5..e5942c6 100644
--- a/src/app/reservations/page.tsx
+++ b/src/app/reservations/page.tsx
@@ -6,23 +6,29 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ReservationsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Menu", id: "/menu" },
-          { name: "Gallery", id: "/gallery" },
-          { name: "Reservations", id: "/reservations" },
-        ]}
-        brandName="Lumière Dining"
-        button={{ text: "Book Table", href: "/reservations" }}
-      />
-      <ContactCenter
-        tag="Reservations"
-        title="Book Your Table"
-        description="Please select your preferred date and time to reserve a table at our restaurant."
-        buttonText="Confirm Reservation"
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Reservations", id: "/reservations" },
+          ]}
+          brandName="Lumière Dining"
+          button={{ text: "Book Table", href: "/reservations" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Reservations"
+          title="Book Your Table"
+          description="Please select your preferred date and time to reserve a table at our restaurant."
+          buttonText="Confirm Reservation"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file