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>

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);