From 4907b1e5fff047197386b43ad7302eb17ec88822 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 12:50:47 +0000 Subject: [PATCH] Add src/app/reserve/page.tsx --- src/app/reserve/page.tsx | 161 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 161 insertions(+) create mode 100644 src/app/reserve/page.tsx diff --git a/src/app/reserve/page.tsx b/src/app/reserve/page.tsx new file mode 100644 index 0000000..2b58e8c --- /dev/null +++ b/src/app/reserve/page.tsx @@ -0,0 +1,161 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import Input from '@/components/form/Input'; +import ButtonTextShift from '@/components/button/ButtonTextShift/ButtonTextShift'; +import { Facebook, Instagram, Twitter } from "lucide-react"; + +export default function ReservationPage() { + const [name, setName] = useState(""); + const [phone, setPhone] = useState(""); + const [guests, setGuests] = useState("1"); + const [date, setDate] = useState(""); + const [time, setTime] = useState(""); + const [isSubmitted, setIsSubmitted] = useState(false); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Here you would typically send the data to a backend or an API + console.log({ name, phone, guests, date, time }); + setIsSubmitted(true); + // Optionally clear form fields after submission + // setName(''); + // setPhone(''); + // setGuests('1'); + // setDate(''); + // setTime(''); + }; + + return ( + + + + +
+
+

Make a Reservation

+ { + isSubmitted ? ( +
+

Your reservation request has been sent successfully!

+

We will contact you shortly to confirm your booking.

+
+ ) : ( +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + ) + } +
+
+ + + + + ); +}