Update src/app/reservation/page.tsx

Merge version_3 into main

src/app/reservation/page.tsx

@@ -3,8 +3,12 @@
 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"
@@ -35,10 +39,32 @@ export default function ReservationPage() {
         <ContactCenter
           title="Book Your Table"
           tag="Reservation"
-          description="Experience authentic Italian flavors. Secure your spot today for an unforgettable dinner."
+          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>
   );