diff --git a/src/app/page.tsx b/src/app/page.tsx
index 462211c..b7a1a54 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -71,6 +71,7 @@ export default function LandingPage() {
       icon={Award}
       imageSrc="http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2370.jpg"
       mediaAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
@@ -79,6 +80,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={false}
       products={[
         { id: "1", name: "Iron Man", price: "2008", imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705687.jpg" },
         { id: "2", name: "The Avengers", price: "2012", imageSrc: "http://img.b2bpic.net/free-photo/man-outdoors-city-night_23-2149001292.jpg" },
@@ -111,6 +113,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
+      useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "34+", title: "Movies", description: "Total releases", icon: Film },
         { id: "m2", value: "$30B+", title: "Box Office", description: "Total revenue", icon: DollarSign },
@@ -140,6 +143,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
+      useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "Where can I watch the trailers?", content: "All trailers are available on official Marvel YouTube channels." },
         { id: "f2", title: "Is the MCU timeline chronological?", content: "The MCU timeline spans multiple distinct phases with some films occurring out of release order." },