src/app/page.tsx

@@ -9,8 +9,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from "next/link";
-import { Star, Shield, ArrowRight } from "lucide-react";
+import { Star, Shield } from "lucide-react";
 
 export default function Page() {
   const navItems = [{ name: "Home", id: "/" }];
@@ -48,6 +47,7 @@ export default function Page() {
           textboxLayout="default"
           bulletPoints={[{ title: "Innovation", description: "Pioneering new solutions.", icon: Shield }]}
           mediaAnimation="none"
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -62,6 +62,7 @@ export default function Page() {
             { id: "p2", name: "Item 2", price: "$20", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" },
             { id: "p3", name: "Item 3", price: "$30", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" }
           ]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="experience" data-section="experience">
@@ -72,6 +73,7 @@ export default function Page() {
           animationType="slide-up"
           positiveCard={{ items: ["High quality", "Reliable"] }}
           negativeCard={{ items: ["Low downtime", "Fast support"] }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -88,6 +90,7 @@ export default function Page() {
             id: "t2",            name: "Jane Smith",            handle: "@janesmith",            testimonial: "Truly amazing service.",            rating: 5,
             icon: Star
           }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -95,6 +98,7 @@ export default function Page() {
           title="Contact Us"
           description="Reach out to get started."
           inputs={[{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "name", type: "text", placeholder: "Name", required: true }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">