diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5cddb13..83f7997 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,6 +35,7 @@ export default function Page() {
           title="Our Services"
           description="Comprehensive solutions designed for your growth."
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { id: '1', label: 'Tech', title: 'Technology', items: ['AI Integration', 'Cloud Services'] },
             { id: '2', label: 'Consult', title: 'Consulting', items: ['Strategy', 'Execution'] }
@@ -43,13 +44,16 @@ export default function Page() {
       </div>
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
+          useInvertedBackground={false}
           heading={[{ type: 'text', content: 'About Us' }, { type: 'image', src: 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=800', alt: 'Team' }]}
         />
       </div>
       <div id="reviews" data-section="reviews">
         <TestimonialCardTwelve
           cardTitle="Client Success"
+          cardTag="Testimonials"
           cardAnimation="slide-up"
+          useInvertedBackground={false}
           testimonials={[
             { id: '1', name: 'John Doe', imageSrc: 'https://i.pravatar.cc/150?u=1' },
             { id: '2', name: 'Jane Smith', imageSrc: 'https://i.pravatar.cc/150?u=2' },
@@ -61,6 +65,7 @@ export default function Page() {
         <ContactText
           text="Get in touch today"
           background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">