src/app/page.tsx

@@ -120,6 +120,7 @@ export default function LandingPage() {
           cardTitleClassName="text-2xl font-bold mb-3"
           cardDescriptionClassName="text-base text-opacity-90 leading-relaxed"
           gridClassName="gap-6 lg:gap-8"
+          useInvertedBackground={true}
         />
       </div>
 
@@ -160,6 +161,7 @@ export default function LandingPage() {
           metricTitleClassName="text-lg font-semibold mb-2"
           valueClassName="text-3xl font-bold text-primary-cta"
           gridClassName="gap-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -211,6 +213,7 @@ export default function LandingPage() {
           handleClassName="text-sm text-opacity-60 mb-4"
           testimonialClassName="text-base leading-relaxed mb-4"
           ratingClassName="flex gap-1"
+          useInvertedBackground={true}
         />
       </div>
 
@@ -252,6 +255,7 @@ export default function LandingPage() {
           accordionClassName="space-y-3"
           accordionTitleClassName="font-semibold text-lg"
           accordionContentClassName="text-base text-opacity-80 leading-relaxed"
+          useInvertedBackground={false}
         />
       </div>