diff --git a/src/app/page.tsx b/src/app/page.tsx
index c588c67..d419f57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -58,11 +58,11 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="help" data-section="help" className="text-white bg-black/60">
+  <div id="help" data-section="help" className="text-white bg-black/80">
       <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         { id: "1", title: "Document prep support", description: "Professional assistance with your paperwork needs.", tag: "Support", imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=1200&auto=format&fit=crop", buttons: [{text: "Call 754-254-4054", href: "tel:754-254-4054"}] },
         { id: "2", title: "Clear next steps", description: "Helping you navigate complex processes easily.", tag: "Clarity", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=1200&auto=format&fit=crop", buttons: [{text: "Call 754-254-4054", href: "tel:754-254-4054"}] },
@@ -73,11 +73,11 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="how" data-section="how" className="text-white bg-black/60">
+  <div id="how" data-section="how" className="text-white bg-black/80">
       <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         { id: "step1", title: "Call or text", description: "Start the conversation comfortably.", tag: "Step 1", imageSrc: "https://images.unsplash.com/photo-1557200134-90327ee0fafa?q=80&w=1200&auto=format&fit=crop", buttons: [{text: "Call 754-254-4054", href: "tel:754-254-4054"}] },
         { id: "step2", title: "Get a simple plan", description: "Define the path forward together.", tag: "Step 2", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=1200&auto=format&fit=crop", buttons: [{text: "Call 754-254-4054", href: "tel:754-254-4054"}] },
@@ -89,7 +89,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about" className="text-black bg-black/5">
+  <div id="about" data-section="about" className="text-black bg-white">
       <MediaAbout
       useInvertedBackground={false}
       title="About"
@@ -101,10 +101,10 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq" className="text-white bg-black/60">
+  <div id="faq" data-section="faq" className="text-white bg-black/80">
       <FaqBase
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         { id: "1", title: "What if I don’t know what I need?", content: "That’s okay. We’ll start where you are." },
         { id: "2", title: "How fast can we start?", content: "Usually within a few days." },
@@ -116,9 +116,9 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact" className="text-white bg-black/60">
+  <div id="contact" data-section="contact" className="text-white bg-black/80">
       <ContactSplitForm
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Call or text"
       description="If it feels heavy, reach out. Reply within 1 business day."
       inputs={[
@@ -131,7 +131,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="footer" data-section="footer" className="text-white">
+  <div id="footer" data-section="footer" className="text-white bg-black/80">
       <FooterMedia
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/uploaded-1779225890633-s31szxdk.jpg"
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/uploaded-1779228329733-ex296j9n.png"