Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Story", id: "/about" },
+              { name: "Menu", id: "/#menu" },
+              { name: "Events", id: "/#events" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="The Table"
+            button={{ text: "Order Now", href: "/#menu" }}
+        />
+        <div className="pt-24">
+            <ContactSplitForm
+                title="Get in Touch"
+                description="Whether you're planning an event or just have a question about our menu, we'd love to hear from you."
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Full Name", required: true },
+                    { name: "email", type: "email", placeholder: "Email Address", required: true }
+                ]}
+                textarea={{ name: "message", placeholder: "Your message here", rows: 4 }}
+                useInvertedBackground={true}
+                imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg"
+            />
+        </div>
+        <FooterCard
+            logoText="The Table"
+            copyrightText="© 2025 The Table Restaurant"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}