diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3537afb..d3e52b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,21 +11,20 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Zap, Target, Star, CheckCircle } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function HomePage() {
   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} logoText="Webild" />
+        <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroOverlay title="Welcome to Our Platform" description="Revolutionizing your workflow with ease." />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardMedia title="Key Features" description="Explore what we offer." animationType="slide-up" features={[{ id: "1", title: "Speed", description: "Fast as lightning.", tag: "Fast" }, { id: "2", title: "Security", description: "Safety first.", tag: "Secure" }]} />
+        <FeatureCardMedia title="Key Features" description="Explore what we offer." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "1", title: "Speed", description: "Fast as lightning.", tag: "Fast" }, { id: "2", title: "Security", description: "Safety first.", tag: "Secure" }]} />
       </div>
       <div id="services" data-section="services">
         <ProductCardFour title="Our Services" description="We provide top-notch services." gridVariant="four-items-2x2-equal-grid" animationType="slide-up" textboxLayout="split" useInvertedBackground={false} products={[{ id: "1", name: "Basic", price: "$10", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }, { id: "2", name: "Pro", price: "$20", variant: "Premium", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }, { id: "3", name: "Enterprise", price: "$50", variant: "Custom", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }]} />