src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
             { name: "Menu", id: "products" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Reserve Table", href: "#contact" }}
+          button={{ text: "Reserve Table", href: "/reserve-table" }}
           animateOnLoad={true}
         />
       </div>
@@ -49,7 +49,7 @@ export default function LandingPage() {
           tagIcon={Utensils}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Reserve Now", href: "#contact" },
+            { text: "Reserve Now", href: "/reserve-table" },
             { text: "View Menu", href: "#products" }
           ]}
           buttonAnimation="slide-up"
@@ -77,7 +77,7 @@ export default function LandingPage() {
           tagIcon={Flame}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Full Menu", href: "#contact" }
+            { text: "Full Menu", href: "/reserve-table" }
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"

src/app/reserve-table/page.tsx

@@ -0,0 +1,85 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Calendar, MapPin, Phone } from 'lucide-react';
+
+export default function ReserveTablePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Dapoer Rasa"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "products" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Reserve Table", href: "/reserve-table" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Reserve Your Table at Dapoer Rasa"
+          description="Secure your spot at our authentic Indonesian restaurant in Amman. Whether you're planning an intimate dinner, a family gathering, or a special celebration, we're ready to welcome you with open arms and unforgettable cuisine."
+          background={{ variant: "radial-gradient" }}
+          tag="Book Your Experience"
+          tagIcon={Calendar}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Reserve Now", href: "#contact" },
+            { text: "Back to Menu", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/interior-restaurant-design-with-comfortable-seating-and-modern-decoration_1150-20850.jpg"
+          imageAlt="Dapoer Rasa restaurant dining area"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Reservation Details"
+          tagIcon={MapPin}
+          tagAnimation="slide-up"
+          title="Book Your Table Today"
+          description="Let us know when you'd like to join us, and we'll make sure everything is perfect for your visit. Our team is here to accommodate your preferences and dietary needs."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email for booking confirmation"
+          buttonText="Complete Reservation"
+          termsText="By completing your reservation, you agree to our reservation policies and cancellation terms."
+          imageSrc="http://img.b2bpic.net/free-photo/delicious-asian-meal-served_1220-7527.jpg"
+          imageAlt="Reservation confirmation"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Dapoer Rasa"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "© 2024 Dapoer Rasa - Amman, Jordan", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}