diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 74c6e60..7264ff1 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -7,28 +7,32 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function BookingPage() {
   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>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Rooms", id: "/#rooms" },
-            { name: "Booking", id: "/booking" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Green Valley Hotel"
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="contact" data-section="contact" className="pt-32 pb-20">
           <ContactCTA
             tag="Reservations"
             title="Book Your Stay"
             description="Fill in your details below to request a booking at our hotel."
             buttons={[{ text: "Submit Request" }]}
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file