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 ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -155,22 +155,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
+      <ContactCTA
       tag="Join the Community"
       title="Follow Our Journey"
       description="Stay updated with our newest artisan collections and community stories."
-      imageSrc="https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1000&auto=format&fit=crop"
-      mediaAnimation="blur-reveal"
+      buttons={[{ text: "Join Newsletter", href: "#" }]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseReveal
       logoText="Sunder Emporium"
+      columns={[
+        { title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Best Sellers", href: "#" }] },
+        { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Artisans", href: "#" }] }
+      ]}
       copyrightText="© 2025 Sunder Emporium. Inspired by your home."
-      socialLinks={[{ icon: Instagram, href: "https://instagram.com/sunderemporium", ariaLabel: "Instagram" }]}
     />
   </div>
       </ReactLenis>