diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96b007b..f4b4565 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,13 +7,12 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from 'next/link';
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
   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">
         <NavbarStyleFullscreen navItems={navItems} brandName="Webild" />
       </div>
@@ -27,6 +26,7 @@ export default function Page() {
           features={[{ id: "1", title: "Quality", descriptions: ["Top notch services"] }, { id: "2", title: "Speed", descriptions: ["Fast delivery"] }]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
@@ -36,6 +36,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", brand: "Web", name: "Web Design", price: "$500", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165" },
             { id: "2", brand: "App", name: "App Dev", price: "$1000", rating: 5, reviewCount: "20", imageSrc: "https://images.unsplash.com/photo-1551650975-87deedd944c3" },
@@ -50,6 +51,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
             { id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 },
             { id: "2", name: "Jane Smith", role: "CTO", company: "SoftInc", rating: 5 }
@@ -62,6 +64,7 @@ export default function Page() {
           title="Ready to grow?"
           description="Get in touch with our team today."
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
           mediaAnimation="slide-up"
         />
       </div>