diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c9bee4..e9b2a59 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -10,7 +10,7 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { ArrowLeftRight, Award, CheckCircle, CircleDollarSign, Dress, Facebook, Heart, Home, Instagram, Jacket, Package, Palette, Send, Shirt, ShoppingBag, ShoppingCart, Sparkles, Star, Truck, Twitter, Zap } from 'lucide-react';
+import { ArrowLeftRight, Award, CheckCircle, CircleDollarSign, Facebook, Heart, Home, Instagram, Package, Palette, Send, Shirt, ShoppingBag, ShoppingCart, Sparkles, Star, Truck, Twitter, Zap } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -42,7 +42,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardDashboard
-          background={{ variant: "aurora" }}
+          background={{ variant: "radial-gradient" }}
           tag="Summer Collection"
           tagIcon={Sparkles}
           title="Discover Your Style with Mango"
@@ -109,7 +109,7 @@ export default function LandingPage() {
           tagIcon={Star}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           gridVariant="uniform-all-items-equal"
           products={[
             {
@@ -147,7 +147,7 @@ export default function LandingPage() {
           tagIcon={Award}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           negativeCard={{
             items: [
               "Generic mass-produced clothing",              "Poor quality materials",              "Inconsistent sizing",              "Limited style options",              "No customer support"
@@ -200,18 +200,18 @@ export default function LandingPage() {
           tagIcon={Palette}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           metrics={[
             {
               id: "1",              icon: Shirt,
               title: "Casual Wear",              value: "180+"
             },
             {
-              id: "2",              icon: Dress,
+              id: "2",              icon: ShoppingBag,
               title: "Formal Wear",              value: "95+"
             },
             {
-              id: "3",              icon: Jacket,
+              id: "3",              icon: Package,
               title: "Outerwear",              value: "120+"
             },
             {