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 ContactForm from '@/components/form/ContactForm';
+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,14 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactForm
-            tag="Contact Us"
-            title="Describe Your HVAC Issue"
-            description="Please provide your contact email and a detailed description of the HVAC issue you are experiencing, so our technicians can prepare effectively for your service visit."
+          <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"
-            inputPlaceholder="Enter your email address"
             useInvertedBackground={false}
           />
         </div>
@@ -132,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}