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 ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -154,16 +154,17 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
-            useInvertedBackground={true}
+          <ContactCenter
+            tag="Contact"
+            title="Ready to launch your vision?"
+            description="Start building today with Webild."
             background={{ variant: "sparkles-gradient" }}
-            text="Ready to launch your vision? Start building today."
-            buttons={[{ text: "Start Building", href: "#" }]}
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterBaseCard
             logoText="Webild"
             columns={[
               { title: "Product", items: [{ label: "How It Works", href: "#" }, { label: "Features", href: "#features" }, { label: "Templates", href: "#templates" }] },
@@ -175,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}