Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -231,19 +231,30 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Contact Us"
-      title="Ready for Your Sri Lankan Adventure?"
-      description="Connect with our expert travel designers today to start planning your bespoke luxury escape to Sri Lanka."
-      buttons={[
-        {
-          text: "Request a Quote",          href: "#"},
-        {
-          text: "Call Us: +94 11 234 5678",          href: "tel:+94112345678"},
+      title="Book Your Bespoke Sri Lankan Journey"
+      description="Fill out the form below to tell us about your dream vacation. Our travel designers will get back to you within 24 hours to craft your personalized itinerary."
+      inputs={[
+        { name: "firstName", type: "text", placeholder: "First Name", required: true },
+        { name: "lastName", type: "text", placeholder: "Last Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "phone", type: "tel", placeholder: "Phone Number (Optional)" },
+        { name: "travelDates", type: "text", placeholder: "Preferred Travel Dates" }
       ]}
+      multiSelect={{
+        name: "inquiryType",        label: "Type of Inquiry",        options: ["General Inquiry", "Custom Itinerary", "Honeymoon Package", "Family Vacation", "Group Travel", "Event Planning"]
+      }}
+      textarea={{
+        name: "message",        placeholder: "Tell us more about your travel preferences and special requests...",        rows: 5,
+        required: true
+      }}
+      buttonText="Submit Inquiry"
+      imageSrc="http://img.b2bpic.net/free-photo/view-young-attractive-woman-beautiful-dress-standing-background-palm-trees-tropical-beach_273609-5835.jpg"
+      imageAlt="Woman enjoying a tropical beach"
+      mediaPosition="right"
+      onSubmit={(data) => console.log("Form submitted:", data)}
+      ariaLabel="Contact and Booking Form"
     />
   </div>
 
@@ -294,4 +305,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}