diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04b640d..003b9e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Star, Mail, MapPin } from 'lucide-react';
+import { Star, MapPin } from 'lucide-react';
 
 const navItems = [
   { name: 'Home', id: '/' },
@@ -56,6 +56,7 @@ export default function Home() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -70,6 +71,7 @@ export default function Home() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -82,6 +84,8 @@ export default function Home() {
             { title: "Local", description: "Roasted in town.", icon: MapPin }
           ]}
           textboxLayout="split"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
         />
       </div>
 
@@ -90,6 +94,8 @@ export default function Home() {
           tag="Newsletter"
           title="Stay Updated"
           description="Get the latest coffee news delivered to your inbox."
+          useInvertedBackground={false}
+          background={{ variant: "plain" }}
         />
       </div>