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() { - - - +
+ +
+ +
+ +
- +
+ +
("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.

} +
+
+
+ ); +}