Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
@@ -108,12 +108,15 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactSplitForm
+            title="Get in Touch"
+            description="Describe your service needs below, and our team will get back to you immediately."
+            inputs={[
+                { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "issue", placeholder: "Describe your service issue in detail here...", rows: 6, required: true }}
+            buttonText="Submit Inquiry"
             useInvertedBackground={false}
-            background={{ variant: "gradient-bars" }}
-            tag="Contact Us"
-            title="Ready to Restore Your Comfort?"
-            description="Same-day service available. Emergency calls welcome. Home warranty accepted."
           />
         </div>