From 223d0bdc2d7936a691ccb116e4fe8ff9a9637065 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 16 Apr 2026 11:21:44 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 174 +++++++++++++++++++++++++---------------------- 1 file changed, 91 insertions(+), 83 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a83d7da..007962b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,83 +32,89 @@ export default function BuffetPage() { - - - +
+ +
+ +
+ +
- +
+ +
Date: Thu, 16 Apr 2026 11:21:45 +0000 Subject: [PATCH 2/2] Add src/app/reservations/page.tsx --- src/app/reservations/page.tsx | 55 +++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 src/app/reservations/page.tsx diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx new file mode 100644 index 0000000..6cc85cf --- /dev/null +++ b/src/app/reservations/page.tsx @@ -0,0 +1,55 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import ReactLenis from "lenis/react"; + +export default function ReservationsPage() { + const [formData, setFormData] = useState({ name: "", date: "", guests: "" }); + const [status, setStatus] = useState<"idle" | "success" | "error">("idle"); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + if (!formData.name || !formData.date || !formData.guests) { + setStatus("error"); + return; + } + localStorage.setItem("booking", JSON.stringify(formData)); + setStatus("success"); + }; + + return ( + + + +
+

Book Your Table

+
+ setFormData({...formData, name: e.target.value})} + /> + setFormData({...formData, date: e.target.value})} + /> + setFormData({...formData, guests: e.target.value})} + /> + +
+ {status === "success" &&

Booking successful!

} + {status === "error" &&

Please fill in all fields.

} +
+ + + ); +} -- 2.49.1