diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86b134b..27558f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,6 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import Link from "next/link";
 
 export default function Page() {
   const navItems = [{ name: "Home", id: "/" }];
@@ -33,22 +32,22 @@ export default function Page() {
         <HeroSplitDoubleCarousel title="Experience Innovation" description="Redefining excellence in every detail." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
       </div>
       <div id="about" data-section="about">
-        <TextSplitAbout title="About Us" description={["We are a team dedicated to excellence."]} />
+        <TextSplitAbout title="About Us" description={["We are a team dedicated to excellence."]} useInvertedBackground={false} />
       </div>
       <div id="menu" data-section="menu">
-        <FeatureCardNineteen title="Our Features" description="Explore what makes us unique." features={[{ tag: "New", title: "Feature 1", subtitle: "Innovation", description: "High quality service." }, { tag: "Update", title: "Feature 2", subtitle: "Advanced", description: "Built for performance." }]} textboxLayout="default" />
+        <FeatureCardNineteen title="Our Features" description="Explore what makes us unique." features={[{ tag: "New", title: "Feature 1", subtitle: "Innovation", description: "High quality service." }, { tag: "Update", title: "Feature 2", subtitle: "Advanced", description: "Built for performance." }]} textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="signatures" data-section="signatures">
-        <ProductCardThree title="Signatures" description="Exclusive collections." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Signature 1", price: "$99", imageSrc: "/images/product1.jpg" }, { id: "2", name: "Signature 2", price: "$149", imageSrc: "/images/product2.jpg" }, { id: "3", name: "Signature 3", price: "$199", imageSrc: "/images/product3.jpg" }]} />
+        <ProductCardThree title="Signatures" description="Exclusive collections." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Signature 1", price: "$99", imageSrc: "/images/product1.jpg" }, { id: "2", name: "Signature 2", price: "$149", imageSrc: "/images/product2.jpg" }, { id: "3", name: "Signature 3", price: "$199", imageSrc: "/images/product3.jpg" }]} useInvertedBackground={false} />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardOne title="Client Reviews" description="What they say about us." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "Design Inc", rating: 5 }]} />
+        <TestimonialCardOne title="Client Reviews" description="What they say about us." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "Design Inc", rating: 5 }]} useInvertedBackground={false} />
       </div>
       <div id="atmosphere" data-section="atmosphere">
-        <TeamCardOne title="Our Atmosphere" description="Meet the people behind the magic." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Lead Designer" }, { id: "2", name: "Bob", role: "Engineer" }]} />
+        <TeamCardOne title="Our Atmosphere" description="Meet the people behind the magic." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Lead Designer" }, { id: "2", name: "Bob", role: "Engineer" }]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplitForm title="Contact Us" description="Get in touch with our team today." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} />
+        <ContactSplitForm title="Contact Us" description="Get in touch with our team today." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All Rights Reserved" />