diff --git a/src/app/page.tsx b/src/app/page.tsx
index 653f179..755f9c3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,6 +43,7 @@ export default function Page() {
         <TextAbout 
             title="About Karthika"
             buttons={[{ text: "Learn More", href: "#" }]}
+            useInvertedBackground={false}
         />
       </div>
       <div id="features" data-section="features">
@@ -50,6 +51,8 @@ export default function Page() {
             title="Features"
             description="Why choose us?"
             animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
             features={[
                 { id: "1", title: "4K Quality", description: "High definition content", tag: "New" },
                 { id: "2", title: "3D Experience", description: "Immersive visuals", tag: "Popular" }
@@ -63,6 +66,7 @@ export default function Page() {
             gridVariant="one-large-right-three-stacked-left"
             animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             products={[
                 { id: "1", name: "Movie A", price: "$10", imageSrc: "https://images.unsplash.com/photo-1594909122845-11baa439b7bf?q=80&w=500&auto=format&fit=crop" },
                 { id: "2", name: "Movie B", price: "$15", imageSrc: "https://images.unsplash.com/photo-1594909122845-11baa439b7bf?q=80&w=500&auto=format&fit=crop" },
@@ -77,6 +81,7 @@ export default function Page() {
             gridVariant="timeline"
             animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[
                 { id: "1", name: "John Doe", role: "Critic", company: "Reviews Inc", rating: 5 },
                 { id: "2", name: "Jane Smith", role: "User", company: "Cinema Fans", rating: 4 }