Merge version_3 into main

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 ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -188,15 +188,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
+      <ContactCenter
+      tag="Contact Us"
+      title="Get Your Free Estimate"
+      description="Fill out the form below and we will contact you via email as soon as possible."
       background={{
         variant: "plain"}}
-      text="Ready to get started? Contact Ironclad Roofing for your free estimate today."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "mailto:info@ironcladroofing.com"},
-      ]}
+      useInvertedBackground={false}
+      onSubmit={(email) => {
+          console.log("Submitted:", email);
+          window.location.href = `mailto:info@ironcladroofing.com?subject=New%20Estimate%20Request&body=Please%20contact%20me%20at%20${email}%20for%20a%20free%20estimate.`;
+      }}
+      buttonText="Submit Request"
     />
   </div>