Update src/app/page.tsx

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -150,18 +150,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
+      <ContactCenter
       tag="Pedido Via WhatsApp"
       title="Vamos criar o bolo dos seus sonhos?"
       description="Personalize agora sua experiência Casa Brasil e encante a todos."
-      buttons={[{ text: "Monte seu Bolo Agora", href: "https://wa.me/5500000000000" }]}
+      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("Form submitted: ", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       columns={[
         {
           title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Catálogo", href: "#products" }, { label: "Contato", href: "#contact" }],