src/app/page.tsx

@@ -12,7 +12,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Flame, Leaf, ShieldCheck, ShoppingCart, Utensils } from "lucide-react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function LandingPage() {
   return (
@@ -233,21 +233,38 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="Contact Us"
-      title="Visit Us or Order Online"
-      description="Ready to savor authentic halal cuisine? Reach out for reservations, inquiries, or place your order for pickup or delivery. You can also find our location and business details on Google Maps!"
-      buttons={[
+      title="Book Your Table at Pasillo Oriental"
+      description="Reserve your spot for an authentic Middle Eastern dining experience. Fill out the form below, and we'll confirm your booking shortly. For large parties or special requests, please include details in your message."
+      inputs={[
         {
-          text: "Send Inquiry",          href: "#", 
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true
         },
         {
-          text: "View on Google Maps",          href: "https://www.google.com/maps/search/?api=1&query=Pasillo Oriental Córdoba", 
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true
+        },
+        {
+          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"
+        },
+        {
+          name: "date",          type: "date",          placeholder: "Select Date",          required: true
+        },
+        {
+          name: "time",          type: "time",          placeholder: "Select Time",          required: true
+        },
+        {
+          name: "guests",          type: "number",          placeholder: "Number of Guests",          required: true
         },
       ]}
+      textarea={{
+        name: "message",          placeholder: "Special requests or additional details (e.g., allergies, high chair needed)",          rows: 4
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/table-set-restaurant-for-lunch_23-2149595604.jpg"
+      imageAlt="Restaurant table setting ready for guests"
+      mediaPosition="right"
+      buttonText="Confirm Reservation"
+      onSubmit={(data) => console.log("Reservation Submitted:", data)}
     />
   </div>