src/app/page.tsx

@@ -3,15 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -67,6 +63,7 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardTwo
+      useInvertedBackground={false}
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
@@ -82,6 +79,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
+      useInvertedBackground={false}
       title="System Efficiency"
       tag="Reliability"
       metrics={[
@@ -95,6 +93,7 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      useInvertedBackground={true}
       title="Get Secure Today"
       description="Contact us for a professional assessment of your security needs. Our team is ready to assist with installation and custom integration."
       inputs={[