src/app/page.tsx

@@ -10,11 +10,10 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Github, Twitter, Linkedin } from 'lucide-react';
 
 export default function Page() {
   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">
         <NavbarStyleCentered 
           navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
@@ -46,7 +45,7 @@ export default function Page() {
           animationType="slide-up" 
           textboxLayout="split" 
           useInvertedBackground={false} 
-          products={[{ id: "1", brand: "BrandX", name: "Pro Model", price: "$99", reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=1000&auto=format&fit=crop" }]} 
+          products={[{ id: "1", brand: "BrandX", name: "Pro Model", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=1000&auto=format&fit=crop" }]} 
         />
       </div>
       <div id="experience" data-section="experience">
@@ -54,6 +53,7 @@ export default function Page() {
           title="Our Experience" 
           description="Years of excellence." 
           textboxLayout="split" 
+          useInvertedBackground={false}
           features={[{ tag: "Innovation", title: "Expertise", subtitle: "Driven by data", description: "We leverage the latest technology to deliver results." }]} 
         />
       </div>
@@ -64,6 +64,7 @@ export default function Page() {
           animationType="slide-up" 
           gridVariant="uniform-all-items-equal" 
           textboxLayout="default" 
+          useInvertedBackground={false}
           members={[{ id: "1", name: "John Doe", role: "CEO", description: "Leading with passion." }]} 
         />
       </div>
@@ -73,6 +74,7 @@ export default function Page() {
           description="See what others have to say." 
           animationType="slide-up" 
           textboxLayout="default" 
+          useInvertedBackground={false}
           testimonials={[{ id: "1", name: "Jane Smith", handle: "@janesmith", testimonial: "Fantastic service!" }]} 
         />
       </div>
@@ -82,6 +84,7 @@ export default function Page() {
           description="We're here to help." 
           faqsAnimation="slide-up" 
           textboxLayout="split" 
+          useInvertedBackground={false}
           faqs={[{ id: "1", title: "How do I start?", content: "Simply sign up for an account." }]} 
         />
       </div>
@@ -91,13 +94,12 @@ export default function Page() {
           title="Let's Connect" 
           description="Drop us a message." 
           background={{ variant: "radial-gradient" }} 
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase 
           logoText="Webild" 
-          leftLink={{ text: "Privacy", href: "#" }} 
-          rightLink={{ text: "Terms", href: "#" }} 
           columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
         />
       </div>