src/app/page.tsx

@@ -14,7 +14,7 @@ const navItems = [{ name: "Home", id: "/" }];
 
 export default function Home() {
   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">
         <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Enoteca L'Angolo Di Vino" />
       </div>
@@ -33,12 +33,14 @@ export default function Home() {
           title="Recognized Excellence"
           description="Our selection is curated based on rigorous quality standards and critic acclaim."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="about" data-section="about">
         <TextSplitAbout
           title="Our Story"
           description={["Enoteca L'Angolo Di Vino was born from a passion for the rich viticultural heritage of Italy. We connect connoisseurs with authentic winemakers.", "Every bottle we offer is hand-selected to ensure your experience is nothing short of exceptional."]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="signature" data-section="signature">
@@ -47,6 +49,7 @@ export default function Home() {
           description="Expert-curated collections tailored to your palate."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { title: "Private Tastings", description: "Exclusive events hosted by our head sommelier.", imageSrc: "https://images.unsplash.com/photo-1586947118602-0e3639433433" },
             { title: "Cellar Consultations", description: "Professional guidance for building your personal wine collection.", imageSrc: "https://images.unsplash.com/photo-1542353438-a15d74261763" }
@@ -60,6 +63,7 @@ export default function Home() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", name: "Amarone della Valpolicella", price: "$85", imageSrc: "https://images.unsplash.com/photo-1506377247377-2a5b3b414ebb" },
             { id: "2", name: "Barolo Riserva", price: "$120", imageSrc: "https://images.unsplash.com/photo-1571003123894-1f0294d2b56d" },
@@ -71,6 +75,7 @@ export default function Home() {
         <ContactText
           text="Ready to explore your next favorite bottle? Reach out for a consultation."
           background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">