diff --git a/src/app/page.tsx b/src/app/page.tsx
index eaba053..c42264c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,6 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import { Eye, Lightbulb, Monitor, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -75,6 +74,7 @@ export default function LandingPage() {
             textboxLayout="split"
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
+            useInvertedBackground={false}
             metrics={[
               { id: "1", value: "40%", description: "Reduction in digital eye strain reported by users" },
               { id: "2", value: "95%", description: "Productivity increase with better lighting" },
@@ -87,6 +87,7 @@ export default function LandingPage() {
           <ContactText
             text="Questions about our monitor solutions? Let's talk."
             background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
             buttons={[{ text: "Contact Our Team", href: "mailto:hello@eyesync.com" }]}
           />
         </div>