diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30811f7..f0ba28a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -132,8 +132,8 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      background={{ variant: "sparkles-gradient" }}
       tag="Visit Us"
       title="Reserve Your Table Today"
       description="Join us for an authentic journey through North African flavors. Book now to secure your spot."
@@ -154,4 +154,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5b17fed..cc9d3b7 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #fbf9f4;
-  --card: #f4efe9;
-  --foreground: #2d241d;
-  --primary-cta: #1e6056;
+  --card: #f7f2ea;
+  --foreground: #1c1c1c;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #2d241d;
+  --secondary-cta: #e8bea8;
   --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #d4b483;
+  --accent: #0a7039;
+  --background-accent: #e8cfa8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);