diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3e8fae..8e5b5bc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -170,26 +170,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
+      <ContactText
+      text="Reserve your table at C. de Dolores Barranco, 41, Usera, Madrid. We look forward to serving you authentic Mandarin cuisine. Call us at 910 54 03 53 to book your visit."
       background={{ variant: "plain" }}
-      tag="Get in Touch"
-      title="Visit Us Today"
-      description="Located at C. de Dolores Barranco, 41, Usera, Madrid. Come visit us for an authentic meal."
+      useInvertedBackground={true}
       buttons={[
-        { text: "Call Now: 910 54 03 53", href: "tel:910540353" },
+        { text: "Call Us Now", href: "tel:910540353" },
+        { text: "Book a Table", href: "#contact" }
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
-        { items: [{ label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-      ]}
+      <FooterMedia
       logoText="周家侨味"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-composition-delicious-indonesian-bakso_23-2148933307.jpg?_wi=1"
+      columns={[
+        { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
+        { title: "Information", items: [{ label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5f144b6..23a6d51 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #fbfbfb;
+  --card: #f2f2f2;
+  --foreground: #1a1a1a;
+  --primary-cta: #c89f5f;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #d4af37;
+  --background-accent: #f5f5f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);