src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { Hammer, Droplets, Square, Zap, Building } from 'lucide-react';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -152,16 +152,19 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCenter
+      title="Get Your Free Quote"
+      tag="Contact Us"
+      description="Ready to clear space? Contact our licensed team for a fast, professional assessment."
       background={{
-        variant: "gradient-bars"}}
-      text="Get your free quote today — we respond fast. Call us at (555) 123-4567 or email us at quotes@tntdemo.com."
+        variant: "animated-grid"}}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
+      logoText="TNT Demolition"
       columns={[
         {
           title: "Services",          items: [
@@ -188,11 +191,10 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="TNT Demolition"
       copyrightText="© 2025 TNT Demolition. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}