Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -16,16 +16,16 @@ import { Cookie, Cake } from "lucide-react";
 export default function ItalianRestaurantPage() {
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="shift-hover"
-            defaultTextAnimation="background-highlight"
+            defaultTextAnimation="entrance-slide"
             borderRadius="soft"
-            contentWidth="medium"
+            contentWidth="mediumLarge"
-            sizing="mediumLarge"
+            sizing="large"
-            background="floatingGradient"
+            background="aurora"
-            cardStyle="glass-elevated"
+            cardStyle="gradient-bordered"
-            primaryButtonStyle="shadow"
+            primaryButtonStyle="radial-glow"
-            secondaryButtonStyle="layered"
+            secondaryButtonStyle="radial-glow"
-            headingFontWeight="semibold"
+            headingFontWeight="bold"
         >
             <ReactLenis root>
                 <div id="nav" data-section="nav">
@@ -51,6 +51,9 @@ export default function ItalianRestaurantPage() {
                         background={{ variant: "sparkles-gradient" }}
                         tag="Artisanal Goodness"
                         tagIcon={Cookie}
+                        tagAnimation="slide-up"
+                        buttonAnimation="slide-up"
+                        mediaAnimation="slide-up"
                         imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-bunch-bagels-covered-sesame-seeds_181624-58886.jpg"
                         imageAlt="Beautiful display of freshly baked artisanal cakes and pastries in a warm setting"
                         buttons={[
@@ -64,6 +67,8 @@ export default function ItalianRestaurantPage() {
                     <TextAbout
                         title="Sweet Crumbs: A Legacy of Love in Every Bite."
                         useInvertedBackground={false}
+                        tagAnimation="slide-up"
+                        buttonAnimation="slide-up"
                         buttons={[
                             { text: "Discover Our Journey", href: "#" }
                         ]}
@@ -92,6 +97,8 @@ export default function ItalianRestaurantPage() {
                         animationType="slide-up"
                         textboxLayout="default"
                         useInvertedBackground={false}
+                        tagAnimation="slide-up"
+                        buttonAnimation="slide-up"
                     />
                 </div>
 
@@ -112,6 +119,7 @@ export default function ItalianRestaurantPage() {
                         ]}
                         metricsAnimation="slide-up"
                         useInvertedBackground={true}
+                        tagAnimation="slide-up"
                     />
                 </div>
 
@@ -132,6 +140,8 @@ export default function ItalianRestaurantPage() {
                         ]}
                         textboxLayout="default"
                         useInvertedBackground={true}
+                        tagAnimation="slide-up"
+                        buttonAnimation="slide-up"
                     />
                 </div>
 
@@ -139,7 +149,7 @@ export default function ItalianRestaurantPage() {
                     <FeatureCardSixteen
                         title="The Sweet Crumbs Difference"
                         description="Discover why our unwavering commitment to quality, freshness, and artisanal craftsmanship sets us apart."
-                        animationType="slide-up"
+                        animationType="depth-3d"
                         textboxLayout="default"
                         useInvertedBackground={false}
                         negativeCard={{
@@ -152,13 +162,15 @@ export default function ItalianRestaurantPage() {
                                 "Handcrafted fresh daily",                                "Premium natural ingredients",                                "Gluten-free & Vegan options available",                                "Easy browsing & convenient ordering"
                             ]
                         }}
+                        tagAnimation="slide-up"
+                        buttonAnimation="slide-up"
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
                     <ContactText
                         text="Ready to satisfy your sweet cravings or plan a custom order? Connect with Sweet Crumbs Bakery today!"
-                        background={{ variant: "plain" }}
+                        background={{ variant: "radial-gradient" }}
                         buttons={[
                             { text: "Order Now", href: "#menu" },
                             { text: "Call Us", href: "tel:+1234567890" },