Update src/app/page.tsx

Merge version_3 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 FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -137,13 +137,16 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactCenter
+            <ContactSplitForm
-              useInvertedBackground={false}
-              background={{ variant: "gradient-bars" }}
               title="Ready for Help?"
               description="Contact us today for a professional solution to your plumbing problems."
-              buttonText="Get Quote"
+              inputs={[
-              tag="Contact Us"
+                { name: "name", type: "text", placeholder: "Full Name", required: true },
+                { name: "email", type: "email", placeholder: "Email Address", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+              buttonText="Send Request"
+              useInvertedBackground={false}
             />
         </div>
 
@@ -151,7 +154,7 @@ export default function LandingPage() {
             <FooterLogoReveal
               logoText="GoldFlow Plumbing"
               leftLink={{ text: "Privacy Policy", href: "#" }}
-              rightLink={{ text: "Contact Us", href: "#contact" }}
+              rightLink={{ text: "Terms of Service", href: "#" }}
             />
         </div>
       </ReactLenis>