src/app/page.tsx

@@ -13,7 +13,7 @@ import { Utensils, Award, Clock, Instagram, Facebook } from 'lucide-react';
 
 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">
         <NavbarStyleApple brandName="Ravintola Urban" navItems={[{name: "Home", id: "/"}]} />
       </div>
@@ -54,6 +54,7 @@ export default function Page() {
           author="Markus K."
           ratingAnimation="blur-reveal"
           avatarsAnimation="slide-up"
+          useInvertedBackground={false}
           avatars={[{src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190916.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1344.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg", alt: "Guest"}]}
         />
       </div>
@@ -73,6 +74,7 @@ export default function Page() {
           title="Reserve Your Experience"
           description="Because our dishes are never repeated, our space is limited. Please reach out to secure your table."
           background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">