diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
index 6cc85cf..f1d6df0 100644
--- a/src/app/reservations/page.tsx
+++ b/src/app/reservations/page.tsx
@@ -20,12 +20,25 @@ export default function ReservationsPage() {
   };
 
   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>
-        <NavbarLayoutFloatingOverlay
-          brandName="Epicure Buffet"
-          navItems={[{ name: "Home", id: "/" }, { name: "Reservations", id: "/reservations" }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Epicure Buffet"
+            navItems={[{ name: "Home", id: "/" }, { name: "Reservations", id: "/reservations" }]}
+          />
+        </div>
         <main className="min-h-screen pt-32 flex flex-col items-center justify-center p-6">
           <h1 className="text-4xl font-bold mb-8">Book Your Table</h1>
           <form onSubmit={handleSubmit} className="bg-card p-8 rounded-xl shadow-lg w-full max-w-md space-y-4">