src/app/page.tsx

@@ -4,14 +4,12 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import SplitAbout from "@/components/sections/about/SplitAbout";
-import { Sparkles, Search, CheckCircle2, Award, TrendingUp, Shield, Target } from "lucide-react";
+import { Sparkles, CheckCircle2, Shield, Target } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -92,6 +90,7 @@ export default function WebAgency2Page() {
               { id: "3", value: "100%", description: "Security Compliance" }
             ]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
         <div id="team" data-section="team">
@@ -112,6 +111,7 @@ export default function WebAgency2Page() {
           <ContactText
             text="Enterprise-grade solutions for businesses ready to scale. Partner with us today."
             background={{ variant: "downward-rays-animated" }}
+            useInvertedBackground={false}
             buttons={[
               { text: "Schedule Consult", href: "#contact" },
               { text: "View Pricing", href: "#pricing" }