From 629bcd59f594d687886ec7b9be35ecec381fd7a3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 03:22:18 +0000
Subject: [PATCH] Update src/app/reservation/page.tsx

---
 src/app/reservation/page.tsx | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/app/reservation/page.tsx b/src/app/reservation/page.tsx
index b2ea290..2dc08ce 100644
--- a/src/app/reservation/page.tsx
+++ b/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>
   );