Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -48,7 +49,7 @@ export default function LandingPage() {
       description="Premium DJ services crafted to elevate every event into a legendary party experience. From high-energy club nights to elegant private weddings."
       tag="Book The Ultimate Vibe"
       buttons={[
-        { text: "Book Now", href: "#booking" },
+        { text: "Check Availability & Book", href: "#booking" },
         { text: "View Gallery", href: "#gallery" },
       ]}
       mediaItems={[
@@ -153,13 +154,17 @@ export default function LandingPage() {
   </div>
 
   <div id="booking" data-section="booking">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="AI Booking Receptionist"
+      <ContactSplitForm
       title="Ready to Book JXSON?"
-      description="I’m your AI Assistant. I can help you check availability, discuss your party vibe, and secure your date. Let's create an unforgettable experience together."
-      buttons={[{ text: "Talk to AI Assistant", href: "#" }]}
+      description="Secure your date with elite DJ services. Provide your event details below and I will get back to you to finalize the vibe and schedule."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "date", type: "date", placeholder: "Event Date", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your event vision...", rows: 4, required: true }}
+      buttonText="Submit Inquiry"
+      useInvertedBackground={false}
     />
   </div>