src/app/page.tsx

@@ -14,7 +14,18 @@ import { CheckCircle, Star, Award } from 'lucide-react';
 export default function HomePage() {
   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">
         <NavbarStyleFullscreen navItems={navItems} brandName="Bocca Felice" />
       </div>
@@ -32,13 +43,6 @@ export default function HomePage() {
           buttons={[{ text: "TISCH RESERVIEREN", href: "#reservierung" }]}
           imageSrc="http://img.b2bpic.net/free-photo/fried-julien-with-mushrooms-cheese_140725-2094.jpg"
           showBlur={true}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg", alt: "Gast 1" },
-            { src: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg", alt: "Gast 2" },
-            { src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132610.jpg", alt: "Gast 3" },
-            { src: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-cream_23-2149426734.jpg", alt: "Gast 4" },
-            { src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575173.jpg", alt: "Gast 5" }
-          ]}
         />
       </div>
       <div id="filosofia" data-section="filosofia">
@@ -101,6 +105,7 @@ export default function HomePage() {
           text="Ihr Tisch wartet. Reservieren Sie jetzt für Ihren Besuch."
           buttons={[{ text: "JETZT RESERVIEREN", href: "tel:03012345678" }]}
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="kontakt" data-section="kontakt">
@@ -116,6 +121,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-restaurant-with-tables-chairs_140725-9388.jpg"
           mediaAnimation="slide-up"
           faqsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">