Update src/app/page.tsx

src/app/page.tsx

@@ -10,7 +10,6 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { BrainCircuit, Target, Zap, ChevronRight } from "lucide-react";
 
 export default function Page() {
   const navItems = [
@@ -46,6 +45,7 @@ export default function Page() {
           title="Core Capabilities"
           description="Powerful tools to manage your infrastructure."
           textboxLayout="split"
+          useInvertedBackground={false}
           features={[
             { tag: "Fast", title: "Speed", subtitle: "Lightning Fast", description: "Optimized performance.", buttons: [{ text: "Learn More" }] },
             { tag: "Secure", title: "Security", subtitle: "Iron-clad", description: "Advanced encryption standards.", buttons: [{ text: "Learn More" }] }
@@ -58,6 +58,7 @@ export default function Page() {
           description="Track performance metrics with ease."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[{ id: "1", value: "99.9%", title: "Uptime", items: ["High Availability", "Global CDN"] }]}
         />
       </div>
@@ -69,6 +70,7 @@ export default function Page() {
           avatars={[{ src: "/avatar1.jpg", alt: "Jane" }]}
           ratingAnimation="blur-reveal"
           avatarsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -77,6 +79,7 @@ export default function Page() {
           description="Everything you need to know about our services."
           textboxLayout="default"
           faqsAnimation="slide-up"
+          useInvertedBackground={false}
           faqs={[{ id: "1", title: "How to get started?", content: "Simply reach out via our contact page." }]}
         />
       </div>
@@ -84,6 +87,7 @@ export default function Page() {
         <ContactText
           text="Ready to start your project? Get in touch with our team today."
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">