diff --git a/src/app/page.tsx b/src/app/page.tsx
index 73fac5f..6593033 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,12 +8,11 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Zap, Target, Shield, Star, Rocket } from 'lucide-react';
-import Link from 'next/link';
 
 export default function HomePage() {
   const navItems = [{ name: "Home", id: "/" }, { name: "Contact", id: "/contact" }];
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleCentered navItems={navItems} />
       </div>
@@ -45,6 +44,7 @@ export default function HomePage() {
           textboxLayout="default"
           title="Our Products"
           description="Quality items for your needs."
+          useInvertedBackground={false}
           products={[
             { id: "1", brand: "Brand A", name: "Product 1", price: "$10", rating: 5, reviewCount: "10", imageSrc: "" },
             { id: "2", brand: "Brand B", name: "Product 2", price: "$20", rating: 4, reviewCount: "20", imageSrc: "" },