Update src/app/page.tsx

src/app/page.tsx

@@ -14,15 +14,15 @@ import { Coffee, Leaf, Heart, Utensils, Star, Camera, Users, MapPin } from "luci
 export default function HomePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="small"
-      sizing="large"
-      background="circleGradient"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="radial-glow"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
@@ -46,7 +46,7 @@ export default function HomePage() {
           tag="Welcome to Aesthetic Cafe"
           tagIcon={Coffee}
           tagAnimation="blur-reveal"
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           mediaItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",              imageAlt: "Aesthetic cafe interior with warm lighting and cozy seating"},
@@ -92,8 +92,8 @@ export default function HomePage() {
           tagIcon={Utensils}
           tagAnimation="blur-reveal"
           textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          gridVariant="bento-grid"
+          animationType="scale-rotate"
           useInvertedBackground={false}
           products={[
             {
@@ -128,7 +128,7 @@ export default function HomePage() {
           tagIcon={Star}
           tagAnimation="blur-reveal"
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
@@ -141,8 +141,8 @@ export default function HomePage() {
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          gridVariant="bento-grid"
+          animationType="depth-3d"
           useInvertedBackground={false}
           testimonials={[
             {
@@ -170,7 +170,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          animationType="scale-rotate"
           useInvertedBackground={false}
           testimonials={[
             {
@@ -201,7 +201,7 @@ export default function HomePage() {
             { text: "View Locations", href: "/locations" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
+          background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
         />
       </div>