Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, MapPin, Clock, Phone, Mail } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmall"
+        background="blurBottom"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Our Story", id: "/#about" },
+            { name: "Menu", id: "/#menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="The Table"
+        />
+
+        <ContactSplit
+          tag="Reach Out"
+          title="Visit or Contact Us"
+          description="We're located in the heart of the city and open for your enjoyment. Have a question or want to host an event? Use the form below."
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg"
+          inputPlaceholder="Enter your email"
+          buttonText="Join Newsletter"
+        />
+
+        <div className="py-20 px-[5vw] grid grid-cols-1 md:grid-cols-2 gap-12">
+          <div className="space-y-8">
+            <h2 className="text-3xl font-bold">Location & Hours</h2>
+            <div className="flex items-center gap-4">
+              <MapPin className="text-accent" />
+              <p>123 Culinary Lane, Food City, FC 90210</p>
+            </div>
+            <div className="flex items-center gap-4">
+              <Clock className="text-accent" />
+              <p>Mon-Sun: 11:00 AM - 10:00 PM</p>
+            </div>
+            <div className="flex items-center gap-4">
+              <Phone className="text-accent" />
+              <p>(555) 123-4567</p>
+            </div>
+            <div className="flex items-center gap-4">
+              <Mail className="text-accent" />
+              <p>hello@thetable.com</p>
+            </div>
+          </div>
+          <div className="bg-card p-8 rounded-lg">
+            <h3 className="text-2xl font-semibold mb-4">Social Feed</h3>
+            <p className="mb-6">Follow our journey on Instagram for daily specials and updates.</p>
+            <a href="#" className="flex items-center gap-2 text-primary-cta font-bold hover:underline">
+              <Instagram /> @TheTableRestaurant
+            </a>
+          </div>
+        </div>
+
+        <FooterCard
+          logoText="The Table"
+          copyrightText="© 2025 The Table Restaurant"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}