diff --git a/src/app/page.tsx b/src/app/page.tsx
index feea0f2..25fc1e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,32 +8,31 @@ 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";
 
 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">
         <NavbarStyleCentered navItems={navItems} brandName=".AL FARO" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard logoText=".AL FARO" description="Pizza al Taglio" buttons={[{ text: "Order Now" }]} />
+        <HeroLogoBillboard logoText=".AL FARO" description="Pizza al Taglio" buttons={[{ text: "Order Now" }]} background={{ variant: "plain" }} />
       </div>
       <div id="social" data-section="social">
-        <SocialProofOne names={["Gambero Rosso", "TripAdvisor"]} title="As Featured In" textboxLayout="default" />
+        <SocialProofOne names={["Gambero Rosso", "TripAdvisor"]} title="As Featured In" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="prodotto" data-section="prodotto">
-        <MediaAbout title="Our Story" description="Crafting authentic pizza experience with premium ingredients." />
+        <MediaAbout title="Our Story" description="Crafting authentic pizza experience with premium ingredients." useInvertedBackground={false} />
       </div>
       <div id="varieta" data-section="varieta">
-        <ProductCardTwo title="Our Menu" description="Discover our artisanal pizza selection." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" />
+        <ProductCardTwo title="Our Menu" description="Discover our artisanal pizza selection." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne title="Customer Stories" gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" testimonials={[]} />
+        <TestimonialCardOne title="Customer Stories" description="What our customers say." gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" testimonials={[]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplitForm title="Get in Touch" description="We would love to hear from you." inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]} />
+        <ContactSplitForm title="Get in Touch" description="We would love to hear from you." inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple columns={[]} bottomLeftText=".AL FARO" bottomRightText="© 2024" />