From 03ba2d0194d4681f5176bed75091bec6f3a15135 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 23:25:08 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b9861c..7d6f645 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
@@ -128,17 +128,22 @@ export default function LandingPage() {
   </div>
 
   <div id="booking" data-section="booking">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Visit Us"
-      title="Book Your Service"
-      description="Call us or send a request to get your vehicle scheduled."
-      imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376974.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      buttonText="Send Request"
-    />
+      <ContactSplitForm
+        title="Book Your Service"
+        description="Please fill out the details below to schedule your vehicle service."
+        inputs={[
+          { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+          { name: "phoneNumber", type: "tel", placeholder: "Phone Number", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true },
+          { name: "vehicleYear", type: "text", placeholder: "Vehicle Year" },
+          { name: "makeAndModel", type: "text", placeholder: "Make and Model" },
+          { name: "serviceRequired", type: "text", placeholder: "Service Required" },
+          { name: "preferredDate", type: "date", placeholder: "Preferred Date" }
+        ]}
+        textarea={{ name: "details", placeholder: "Additional details describing the vehicle issue", rows: 4 }}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376974.jpg?_wi=2"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-- 
2.49.1