src/app/page.tsx

@@ -13,6 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -36,6 +37,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Rooms", id: "products" },
         { name: "Pricing", id: "pricing" },
+        { name: "Reservation", id: "reservation" },
         { name: "Reviews", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
@@ -96,6 +98,17 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="reservation" data-section="reservation">
+    <ContactCTA
+        tag="Reserve Now"
+        title="Book Your Stay Today"
+        description="Secure your bunk or private suite and get ready for an unforgettable experience in the city."
+        buttons={[{ text: "Book Now", href: "#" }]}
+        background={{ variant: "sparkles-gradient" }}
+        useInvertedBackground={false}
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardTwo
       animationType="slide-up"
@@ -171,4 +184,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}