Update src/app/page.tsx

Merge version_11 into main

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 ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -159,43 +159,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
+      <ContactCenter
       background={{ variant: "plain" }}
+      useInvertedBackground={false}
       tag="Contact Us"
       title="Start Your Collection Today"
       description="Sign up for the marketplace to access exclusive packs and owner opportunities. We respond to all inquiries within 24 hours."
-      imageSrc="http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"
-      mediaAnimation="slide-up"
       buttonText="Sign Up Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Marketplace",          items: [
-            { label: "Packs", href: "#catalog" },
-            { label: "Membership", href: "#pricing" }
-          ]
-        },
-        {
-          title: "Company",          items: [
-            { label: "About Us", href: "#" },
-            { label: "Careers", href: "#" }
-          ]
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Terms of Service", href: "#" },
-            { label: "Privacy Policy", href: "#" },
-            { label: "Fair Play", href: "#" }
-          ]
-        }
-      ]}
+      <FooterLogoReveal
       logoText="CardTrader"
-      copyrightText="© 2025 CardTrader. All rights reserved."
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>