Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -158,25 +158,42 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      text="Ready to redefine your outdoor space? Reach out for a consultation regarding your next project."
-      buttons={[
-        { text: "Contact Us Now", href: "mailto:hello@loewens.com" },
-      ]}
-    />
+      <ContactCTA
+        tag="Get In Touch"
+        title="Ready to Start Your Project?"
+        description="Reach out to discuss your fencing or deck restoration needs with our expert team today."
+        buttons={[{ text: "Book Consultation", href: "mailto:hello@loewens.com" }]}
+        background={{ variant: "sparkles-gradient" }}
+        useInvertedBackground={true}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Projects", href: "#product" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-        { items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
-      ]}
-      logoText="Loewens Fencing"
-    />
+      <FooterBase
+        logoText="Loewens Fencing"
+        columns={[
+          {
+            title: "Company",            items: [
+              { label: "About", href: "#about" },
+              { label: "Services", href: "#features" },
+              { label: "Projects", href: "#product" }
+            ]
+          },
+          {
+            title: "Legal",            items: [
+              { label: "Privacy Policy", href: "#" },
+              { label: "Terms of Service", href: "#" }
+            ]
+          },
+          {
+            title: "Connect",            items: [
+              { label: "Instagram", href: "#" },
+              { label: "LinkedIn", href: "#" }
+            ]
+          }
+        ]}
+        copyrightText="© 2025 Loewens Fencing & Deck Repairs"
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>