Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumSizeLargeTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Home",                id: "home",                href: "/"},
+              {
+                name: "Menu",                id: "menu",                href: "/menu"},
+              {
+                name: "Gallery",                id: "gallery",                href: "/gallery"},
+              {
+                name: "About Us",                id: "about",                href: "/#about"},
+              {
+                name: "Contact",                id: "contact",                href: "/contact"},
+            ]}
+            brandName="The Marwari Platter"
+            button={{
+              text: "Reserve a Table",              href: "/contact"}}
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            title="Reservations & Contact Us"
+            description="Planning a visit or have a question? Fill out the form below to make a reservation or get in touch with our team. We look forward to hearing from you!"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number" },
+              { name: "date", type: "date", placeholder: "Preferred Date" },
+              { name: "time", type: "time", placeholder: "Preferred Time" },
+              { name: "guests", type: "number", placeholder: "Number of Guests" }
+            ]}
+            textarea={{
+              name: "message",              placeholder: "Special requests or questions...",              rows: 5,
+            }}
+            buttonText="Submit Reservation / Inquiry"
+            imageSrc="http://img.b2bpic.net/free-photo/empty-restaurant-tables-luxurious-hotel-lobby_23-2149303503.jpg?_wi=1"
+            imageAlt="Elegant restaurant interior with empty tables"
+            mediaPosition="right"
+            mediaAnimation="slide-up"
+            useInvertedBackground={false}
+            onSubmit={(data) => console.log("Form submitted:", data)}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}