src/app/page.tsx

@@ -11,7 +11,18 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 export default function Page() {
   const navItems = [{ name: "Home", id: "/" }];
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="hover-magnetic" 
+      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} />
       </div>
@@ -19,7 +30,7 @@ export default function Page() {
         <HeroBillboardRotatedCarousel 
           title="Build Your Future" 
           description="Innovation delivered through high-performance components." 
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }}
           carouselItems={[{ id: "1", imageAlt: "Item 1" }, { id: "2", imageAlt: "Item 2" }, { id: "3", imageAlt: "Item 3" }, { id: "4", imageAlt: "Item 4" }, { id: "5", imageAlt: "Item 5" }, { id: "6", imageAlt: "Item 6" }]} 
         />
       </div>