Update src/app/page.tsx

Merge version_1 into main

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 ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -156,22 +156,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
+      <ContactSplit
       tag="Join Us"
-      title="Subscribe to our Newsletter"
-      description="Stay updated with our weekly roasts and cafe updates."
+      title="Join the Enso Community"
+      description="Become part of our movement. Sign up for exclusive invites to coffee tastings, local artist showcases, and sanctuary workshops."
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=1"
+      buttonText="Get Involved"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
       logoText="Enso Cafe"
-      copyrightText="© 2025 Enso Cafe. All rights reserved."
-      socialLinks={[
-        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
-        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
+      columns={[
+        { items: [{ label: "Our Story", href: "#about" }, { label: "The Menu", href: "#menu" }] },
+        { items: [{ label: "Community", href: "#contact" }, { label: "Find Us" }] }
       ]}
     />
   </div>