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 ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -141,26 +141,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
       tag="Contact Us"
       title="Ready to start your project?"
-      description="Get in touch with our expert team today."
+      description="Contact Peak Builders & Roofers today for a free consultation. Serving the greater San Diego area with professional, licensed craftsmanship."
-      background={{ variant: "gradient-bars" }}
+      buttons={[{ text: "Call Us Now", href: "tel:+15551234567" }, { text: "Email Us", href: "mailto:contact@peakbuilders.com" }]}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Peak Builders"
-      columns={[
+      leftLink={{ text: "© 2025 Peak Builders & Roofers", href: "#" }}
-        { title: "Services", items: [{ label: "Roofing", href: "#" }, { label: "Construction", href: "#" }] },
+      rightLink={{ text: "Privacy Policy", href: "#" }}
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}