From dfe8e540828fe0f391d9dd63f3a197c159dbd30e Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 25 Mar 2026 15:34:55 +0000 Subject: [PATCH] Add src/app/reservations-contact/page.tsx --- src/app/reservations-contact/page.tsx | 178 ++++++++++++++++++++++++++ 1 file changed, 178 insertions(+) create mode 100644 src/app/reservations-contact/page.tsx diff --git a/src/app/reservations-contact/page.tsx b/src/app/reservations-contact/page.tsx new file mode 100644 index 0000000..b3cb12a --- /dev/null +++ b/src/app/reservations-contact/page.tsx @@ -0,0 +1,178 @@ +"use client"; + +import React from "react"; +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroBillboard from "@/components/sections/hero/HeroBillboard"; +import ContactText from "@/components/sections/contact/ContactText"; +import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; +import Input from "@/components/form/Input"; +import ButtonTextStagger from "@/components/button/ButtonTextStagger/ButtonTextStagger"; + +export default function ReservationsContactPage() { + const [name, setName] = React.useState(''); + const [email, setEmail] = React.useState(''); + const [phone, setPhone] = React.useState(''); + const [date, setDate] = React.useState(''); + const [time, setTime] = React.useState(''); + const [guests, setGuests] = React.useState(''); + const [message, setMessage] = React.useState(''); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Handle reservation submission logic here + console.log({ name, email, phone, date, time, guests, message }); + alert('Reservation request submitted!'); + // Reset form + setName(''); + setEmail(''); + setPhone(''); + setDate(''); + setTime(''); + setGuests(''); + setMessage(''); + }; + + return ( + + + + +
+ +
+ +
+
+

Make a Reservation

+
+ + + + + + +
+ +
+
+ +
+
+
+
+ +
+ +
+ + + + + ); +}