diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2356ace..1113c00 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,12 +1,12 @@
 'use client';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function Page() {
   const navItems = [
@@ -16,7 +16,18 @@ 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">
         <NavbarStyleCentered navItems={navItems} />
       </div>