Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -2,30 +2,78 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterCard from '@/components/sections/footer/FooterCard';
 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="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <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: "Events", id: "/events" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="The Table"
-            button={{ text: "Order Now", href: "/menu" }}
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Our Story", id: "/#about" },
+            { name: "Menu", id: "/#menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="The Table"
         />
-        <div className="pt-24">
-            {/* Contact section removed to match registry availability if preferred */}
+
+        <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"
+          logoText="The Table"
+          copyrightText="© 2025 The Table Restaurant"
         />
       </ReactLenis>
     </ThemeProvider>