src/app/page.tsx

@@ -14,7 +14,18 @@ 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">
         <NavbarStyleApple navItems={navItems} />
       </div>
@@ -27,7 +38,13 @@ export default function Page() {
         />
       </div>
       <div id="social-proof" data-section="social-proof">
-        <SocialProofOne names={["DoorDash", "UberEats", "Grubhub"]} title="Trusted by Leading Delivery Platforms" />
+        <SocialProofOne 
+          names={["DoorDash", "UberEats", "Grubhub"]} 
+          title="Trusted by Leading Delivery Platforms" 
+          description="We are partnered with industry leaders."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardOne 
@@ -36,6 +53,7 @@ export default function Page() {
           gridVariant="three-columns-all-equal-width" 
           animationType="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", name: "Classic Burger", price: "$12", imageSrc: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd" },
             { id: "2", name: "Margherita Pizza", price: "$15", imageSrc: "https://images.unsplash.com/photo-1604382354936-07c5d9983bd3" },
@@ -49,6 +67,7 @@ export default function Page() {
           description="Quality and convenience in every bite."
           textboxLayout="default"
           animationType="slide-up"
+          useInvertedBackground={false}
           negativeCard={{ items: ["No processed ingredients"] }}
           positiveCard={{ items: ["Farm-to-table quality", "24/7 Support"] }}
         />
@@ -59,6 +78,7 @@ export default function Page() {
           description="See what people are saying about us."
           textboxLayout="default"
           animationType="slide-up"
+          useInvertedBackground={false}
           showRating={true}
           testimonials={[
             { id: "1", name: "Alice", handle: "@alice", testimonial: "Best food I ever had!", rating: 5 }
@@ -70,6 +90,8 @@ export default function Page() {
           tag="Contact"
           title="Get in touch"
           description="We are here for you."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
           buttons={[{ text: "Contact Us" }]}
         />
       </div>