diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
index 015e174..d23e23a 100644
--- a/src/app/reservations/page.tsx
+++ b/src/app/reservations/page.tsx
@@ -3,20 +3,21 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { useState } from "react";
 
 export default function ReservationsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "About", id: "/about" },
-          { name: "Reservations", id: "/reservations" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="Roof Bistro"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" 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">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Reservations", id: "/reservations" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Roof Bistro"
+        />
+      </div>
       <main className="pt-32 pb-20 container mx-auto px-6 max-w-2xl">
         <h1 className="text-4xl font-bold mb-8">Make a Reservation</h1>
         <form className="space-y-6">
@@ -31,13 +32,15 @@ export default function ReservationsPage() {
             <button type="submit" className="w-full py-3 bg-black text-white rounded">Submit Request</button>
         </form>
       </main>
-      <FooterBaseCard
-        logoText="Roof Bistro"
-        columns={[
-          { title: "Location & Contact", items: [{ label: "📍 123 Sky High Ave, Downtown", href: "#" }, { label: "📞 +383 44 999 888", href: "tel:+38344999888" }] },
-          { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }, { label: "Contact", href: "/contact" }] }
-        ]}
-      />
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Roof Bistro"
+          columns={[
+            { title: "Location & Contact", items: [{ label: "📍 123 Sky High Ave, Downtown", href: "#" }, { label: "📞 +383 44 999 888", href: "tel:+38344999888" }] },
+            { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }, { label: "Contact", href: "/contact" }] }
+          ]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file