diff --git a/src/app/page.tsx b/src/app/page.tsx
index da191b3..647963e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -145,7 +145,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: "var(--background)" }}>
+      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: "var(--card)" }}>
         <TestimonialCardTwo
           title="What Our Guests Say"
           description="Real stories from people who have experienced the warmth and flavors of our restaurant"
@@ -200,7 +200,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof" style={{ backgroundColor: "var(--card)" }}>
+      <div id="social-proof" data-section="social-proof" style={{ backgroundColor: "var(--background)" }}>
         <SocialProofOne
           title="Trusted by Italy's Best"
           description="Partnerships with prestigious organizations and local suppliers"
@@ -220,7 +220,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact" style={{ backgroundColor: "var(--background)" }}>
+      <div id="contact" data-section="contact" style={{ backgroundColor: "var(--card)" }}>
         <ContactSplit
           tag="Reserve Your Table"
           title="Join Us for an Unforgettable Evening"
@@ -235,7 +235,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer" style={{ backgroundColor: "var(--card)" }}>
+      <div id="footer" data-section="footer" style={{ backgroundColor: "var(--background)" }}>
         <FooterLogoEmphasis
           logoText="Ristorante Italia"
           columns={[