Update src/app/reservation/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -24,6 +24,7 @@ export default function AboutPage() {
               { name: "About", id: "/about" },
               { name: "Menu", id: "/menu" },
               { name: "Gallery", id: "gallery" },
+              { name: "Reservation", id: "/reservation" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Pizzeria Primavera"

src/app/menu/page.tsx

@@ -24,6 +24,7 @@ export default function MenuPage() {
               { name: "About", id: "/about" },
               { name: "Menu", id: "/menu" },
               { name: "Gallery", id: "gallery" },
+              { name: "Reservation", id: "/reservation" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Pizzeria Primavera"

src/app/page.tsx

@@ -34,6 +34,7 @@ export default function LandingPage() {
               { name: "About", id: "/about" },
               { name: "Menu", id: "/menu" },
               { name: "Gallery", id: "gallery" },
+              { name: "Reservation", id: "/reservation" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Pizzeria Primavera"
@@ -47,7 +48,7 @@ export default function LandingPage() {
             description="Wood-fired pizza, fresh ingredients, unforgettable atmosphere."
             tag="Since 1995"
             buttons={[
-              { text: "Reserve a Table", href: "#contact" },
+              { text: "Reserve a Table", href: "/reservation" },
               { text: "Explore Menu", href: "/menu" },
             ]}
             mediaItems={[
@@ -148,7 +149,7 @@ export default function LandingPage() {
             background={{ variant: "radial-gradient" }}
             text="Pizzeria Primavera Wien | Steinbauergasse 22/3, 1120 Vienna, Austria | Phone: +43 681 20111959"
             buttons={[
-              { text: "Reserve Now", href: "#contact" },
+              { text: "Reserve Now", href: "/reservation" },
               { text: "Get Directions", href: "https://maps.google.com" },
             ]}
           />
@@ -159,7 +160,7 @@ export default function LandingPage() {
             imageSrc="http://img.b2bpic.net/free-photo/italian-chef-is-putting-prepared-margarita-pizza-oven-with-flame-it_613910-3398.jpg"
             logoText="Pizzeria Primavera"
             columns={[
-              { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "Gallery", href: "#gallery" }] },
+              { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "Gallery", href: "/gallery" }] },
               { title: "Hours", items: [{ label: "Daily 11:00 - 23:00", href: "#" }] },
             ]}
           />
@@ -167,4 +168,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reservation/page.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { useState } from 'react';
+
+export default function ReservationPage() {
+  const [time, setTime] = useState("19:00");
+  const [partySize, setPartySize] = useState("2");
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Reservation", id: "/reservation" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Pizzeria Primavera"
+        />
+      </div>
+      <div id="contact" data-section="contact" className="pt-32">
+        <ContactCenter
+          title="Book Your Table"
+          tag="Reservation"
+          description="Experience authentic Italian flavors. Select your preferred time and party size below to secure your spot."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+        <div className="max-w-md mx-auto p-8 space-y-6">
+          <div className="flex flex-col gap-2">
+             <label className="font-medium">Reservation Time</label>
+             <input 
+                type="time" 
+                value={time} 
+                onChange={(e) => setTime(e.target.value)} 
+                className="w-full p-3 rounded border border-gray-300 bg-white"
+             />
+          </div>
+          <div className="flex flex-col gap-2">
+             <label className="font-medium">Number of Guests</label>
+             <input 
+                type="number" 
+                min="1" 
+                max="20"
+                value={partySize} 
+                onChange={(e) => setPartySize(e.target.value)} 
+                className="w-full p-3 rounded border border-gray-300 bg-white"
+             />
+          </div>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}