src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
@@ -71,7 +71,7 @@ export default function LandingPage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           carouselMode="buttons"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           products={[
             {
               id: "iphone-15-pro-max",              name: "iPhone 15 Pro Max",              price: "$1,199",              variant: "Titanium  3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg",              imageAlt: "iPhone 15 Pro Max",              isFavorited: false
@@ -122,7 +122,7 @@ export default function LandingPage() {
           description="Choose the iPhone that fits your budget and lifestyle"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           plans={[
             {
               id: "iphone-15-standard",              tag: "iPhone 15",              tagIcon: Smartphone,
@@ -181,7 +181,7 @@ export default function LandingPage() {
       <div id="metrics" data-section="metrics">
         <AboutMetric
           title="Trusted by Millions. Celebrated Worldwide."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           metrics={[
             { icon: Users, label: "Active Users", value: "1.5B+" },
             { icon: Award, label: "Industry Awards", value: "200+" },