src/app/page.tsx

@@ -8,7 +8,8 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Camera, Phone, Utensils } from 'lucide-react';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import { Camera, Phone, Utensils, MessageCircle, Instagram, Facebook } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -169,6 +170,21 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get In Touch"
+          title="Contact Arabesque"
+          description="Reach out to us for reservations, catering inquiries, or any questions about our authentic Arabic dining experience."
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          onSubmit={(email) => console.log('Email submitted:', email)}
+          ariaLabel="Contact Section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[
             {
@@ -191,8 +207,8 @@ export default function LandingPage() {
               title: "Connect",              items: [
                 { label: "Instagram", href: "https://instagram.com" },
                 { label: "Facebook", href: "https://facebook.com" },
-                { label: "Make a Reservation", href: "#reservations" },
-                { label: "View Menu", href: "#menu" }
+                { label: "WhatsApp", href: "https://wa.me/213" },
+                { label: "Make a Reservation", href: "#reservations" }
               ]
             }
           ]}