Update src/app/page.tsx

src/app/page.tsx

@@ -13,15 +13,15 @@ import { Zap, Heart, Clock, Star, Camera, MapPin, Home, UtensilsCrossed, Flame,
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="noiseDiagonalGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -52,7 +52,7 @@ export default function LandingPage() {
             { text: "Order Now", href: "https://www.instagram.com/shreepanditjifoods" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
           dashboard={{
             title: "Authentic Morning Breakfast",            logoIcon: UtensilsCrossed,
             imageSrc: "http://img.b2bpic.net/free-photo/event-wedding-buffet-snack-meat_1203-5102.jpg",            searchPlaceholder: "Search menu items...",            sidebarItems: [
@@ -133,8 +133,8 @@ export default function LandingPage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          gridVariant="bento-grid"
+          animationType="scale-rotate"
           products={[
             {
               id: "1",              brand: "Morning Special",              name: "Bun Makhan",              price: "₹40",              rating: 5,
@@ -174,7 +174,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           showRating={false}
-          animationType="slide-up"
+          animationType="depth-3d"
           testimonials={[
             {
               id: "1",              name: "Morning Rush",              handle: "@breakfasttime",              testimonial: