src/app/page.tsx

@@ -8,13 +8,12 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import Link from "next/link";
 
 const navItems = [{ name: "Home", id: "/" }];
 
 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={navItems} />
       </div>
@@ -23,6 +22,7 @@ export default function Page() {
             logoText="Pizza al Taglio"
             description="Authentic Roman-style pizza, crafted with passion."
             buttons={[{ text: "Order Now", href: "#varieta" }]}
+            background={{ variant: "plain" }}
         />
       </div>
       <div id="social" data-section="social">
@@ -31,12 +31,14 @@ export default function Page() {
             title="Recognized Quality"
             description="Trusted by food critics and local pizza lovers alike."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="prodotto" data-section="prodotto">
         <MediaAbout 
             title="Our Craft"
             description="We use slow-fermented dough and high-quality seasonal ingredients for the perfect crunch."
+            useInvertedBackground={false}
         />
       </div>
       <div id="varieta" data-section="varieta">
@@ -46,6 +48,7 @@ export default function Page() {
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             products={[
                 { id: "1", brand: "Classic", name: "Margherita", price: "$8.00", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1574071318508-1cdbab80d002?q=80&w=600" },
                 { id: "2", brand: "Premium", name: "Prosciutto", price: "$12.00", rating: 4, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1604382354936-07c5d9983bd3?q=80&w=600" },
@@ -60,6 +63,7 @@ export default function Page() {
             gridVariant="one-large-right-three-stacked-left"
             animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[
                 { id: "1", name: "Luca", role: "Local", company: "Rome", rating: 5 },
                 { id: "2", name: "Sarah", role: "Traveler", company: "London", rating: 5 }
@@ -70,6 +74,7 @@ export default function Page() {
         <ContactSplitForm 
             title="Visit Us"
             description="Find us in the heart of the city."
+            useInvertedBackground={false}
             inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
         />
       </div>
@@ -82,4 +87,4 @@ export default function Page() {
       </div>
     </ThemeProvider>
   );
-}
+}