From fb3b695ad3a8d95216fc49cb33f6a37ea8cf97c2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 14:08:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bfe0ba6..5ebb9ba 100644
--- a/src/app/page.tsx
+++ b/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';
@@ -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>
 
@@ -197,4 +202,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}