src/app/page.tsx

@@ -7,7 +7,6 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from 'next/link';
 
 const navItems = [
   { name: "Home", id: "/" }
@@ -15,7 +14,7 @@ const navItems = [
 
 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">
         <NavbarStyleFullscreen navItems={navItems} />
       </div>
@@ -32,6 +31,7 @@ export default function Page() {
           description="We provide the best services for your business growth."
           textboxLayout="default"
           animationType="slide-up"
+          useInvertedBackground={false}
           features={[
             { id: "1", title: "Reliable", descriptions: ["Always there when you need us."] },
             { id: "2", title: "Fast", descriptions: ["Speed is our middle name."] }
@@ -45,6 +45,7 @@ export default function Page() {
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
+          useInvertedBackground={false}
           products={[
             { id: "p1", brand: "Pro", name: "Basic Plan", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377ab507dc8" },
             { id: "p2", brand: "Pro", name: "Growth Plan", price: "$199", rating: 5, reviewCount: "20", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377ab507dc8" },
@@ -59,6 +60,7 @@ export default function Page() {
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          useInvertedBackground={false}
           testimonials={[
             { id: "t1", name: "Alice", role: "CEO", company: "TechCorp", rating: 5 },
             { id: "t2", name: "Bob", role: "CTO", company: "SoftCo", rating: 5 }
@@ -71,6 +73,7 @@ export default function Page() {
           title="Stay Informed"
           description="Subscribe for the latest updates from Webild."
           background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
           mediaAnimation="slide-up"
         />
       </div>