diff --git a/src/app/page.tsx b/src/app/page.tsx
index e9f422b..6cbb325 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,13 +8,23 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { ArrowRight, Star, Shield, Zap } from 'lucide-react';
 
 const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
 
 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} brandName="Webild" />
       </div>
@@ -45,6 +55,7 @@ export default function Page() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
           features={[
             { title: 'Fast', description: 'Built for speed', imageSrc: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?q=80&w=400' },
             { title: 'Secure', description: 'Enterprise grade', imageSrc: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?q=80&w=400' }