diff --git a/src/app/page.tsx b/src/app/page.tsx
index 58dedb9..b030d6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,12 +9,12 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Star, Shield, ArrowRight, Zap, Mail, Phone, MapPin, Facebook, Twitter, Linkedin } from 'lucide-react';
+import { Star, Shield, Zap, Facebook, Twitter } from 'lucide-react';
 
 export default function Page() {
   const navItems = [{ name: "Home", id: "/" }];
   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">
         <NavbarStyleApple navItems={navItems} />
       </div>
@@ -52,6 +52,7 @@ export default function Page() {
           title="Our Products" 
           description="Top-tier digital solutions." 
           textboxLayout="default" 
+          useInvertedBackground={false}
           products={[{ id: "1", brand: "Brand A", name: "Product 1", price: "$99", rating: 5, reviewCount: "100", imageSrc: "https://example.com/p1.jpg" }, { id: "2", brand: "Brand B", name: "Product 2", price: "$149", rating: 4, reviewCount: "80", imageSrc: "https://example.com/p2.jpg" }, { id: "3", brand: "Brand C", name: "Product 3", price: "$199", rating: 5, reviewCount: "120", imageSrc: "https://example.com/p3.jpg" }]} 
         />
       </div>
@@ -60,7 +61,9 @@ export default function Page() {
           showRating={true} 
           animationType="slide-up" 
           title="Client Reviews" 
+          description="Read what our customers say about us."
           textboxLayout="default" 
+          useInvertedBackground={false}
           testimonials={[{ id: "1", name: "Alice", handle: "@alice", testimonial: "Changed my business.", rating: 5 }]} 
         />
       </div>
@@ -68,7 +71,9 @@ export default function Page() {
         <BlogCardOne 
           animationType="slide-up" 
           title="Our Blog" 
+          description="Latest news and updates."
           textboxLayout="default" 
+          useInvertedBackground={false}
           blogs={[{ id: "1", category: "Tech", title: "Future of AI", excerpt: "How it works.", imageSrc: "https://example.com/ai.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }]} 
         />
       </div>
@@ -76,6 +81,7 @@ export default function Page() {
         <ContactText 
           text="Get in touch with our team today." 
           background={{ variant: "gradient-bars" }} 
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">