Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import { Wind, Shield, Sparkles, Zap, Award, CheckCircle, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -179,6 +180,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions about our services? Fill out the form below and our team will get back to you within 24 hours."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
+            { name: "service", type: "select", placeholder: "Service Type", required: true },
+          ]}
+          textarea={{ name: "message", placeholder: "Message", rows: 5, required: true }}
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=7"
+          imageAlt="Contact us"
+          useInvertedBackground={false}
+          buttonText="Send Message"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=6"
@@ -199,7 +220,7 @@ export default function LandingPage() {
                 { label: "About Us", href: "#features" },
                 { label: "Testimonials", href: "#testimonials" },
                 { label: "Book Now", href: "#contact" },
-                { label: "Contact", href: "#contact" },
+                { label: "Contact", href: "#contact-form" },
               ],
             },
             {