diff --git a/src/app/page.tsx b/src/app/page.tsx
index e173e4e..f0e576d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,9 +2,9 @@
 
 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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -142,31 +142,30 @@ export default function LandingPage() {
   </div>
 
   <div id="contacto" data-section="contacto">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactCTA
       tag="Contacto"
       title="Hagámoslo realidad"
-      description="Cuéntanos qué necesitas y te ayudaremos con la mejor opción. Rápido, profesional y cerca de ti."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcqcSBkAh1MBYJvUwzxLUPPD1I/uploaded-1776696057084-rhq83n8s.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      buttonText="WhatsApp"
-      onSubmit={(email) => window.location.href = 'https://wa.me/34600000000'}
+      description="Cuéntanos qué necesitas por WhatsApp o llámanos para resolver cualquier duda al instante."
+      buttons={[
+        { text: "WhatsApp", href: "https://wa.me/34600000000" },
+        { text: "Llamar ahora", href: "tel:+34600000000" }
+      ]}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       columns={[
         {
-          title: "Tienda",          items: [
+          title: "Tienda", items: [
             { label: "Sobre nosotros", href: "#hero" },
             { label: "Servicios", href: "#servicios" },
             { label: "Contacto", href: "#contacto" },
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Legal", items: [
             { label: "Política de Privacidad", href: "#" },
             { label: "Aviso Legal", href: "#" },
           ],
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 199bd24..03b6b96 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
+  --background: #fcfaf7;
+  --card: #f2efe9;
   --foreground: #1a1a1a;
   --primary-cta: #1a1a1a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e6e3dd;
   --secondary-cta-text: #1a1a1a;
-  --accent: #e2e2e2;
-  --background-accent: #f9f9f9;
+  --accent: #c6b180;
+  --background-accent: #e0dcd5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);