Update src/app/page.tsx

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 FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -167,26 +167,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
+      <ContactCTA
       tag="Keep in touch"
       title="Join the Inner Circle"
       description="Sign up for early access to limited edition batches and seasonal collections."
+      buttons={[{ text: "Subscribe Now" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
+      logoText="Seura"
       columns={[
         { title: "Shop", items: [{ label: "Full Collection", href: "#products" }, { label: "Gifts", href: "#products" }] },
         { title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Sustainability", href: "#features" }] },
         { title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
-      logoText="Seura"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}