Update src/app/page.tsx

src/app/page.tsx

@@ -93,7 +93,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="largeSmallSizeMediumTitles"
-      background="plain"
+      background="noiseDiagonalGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"
@@ -122,7 +122,7 @@ export default function LandingPage() {
         <HeroCentered
           title="Discover Exquisite Living, Delivered to Your Door"
           description="Curated luxury products for an elevated lifestyle. Experience seamless shopping and unparalleled quality, meticulously sourced for you."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "noise-gradient" }}
           avatars={[
             { src: resolveAsset("hero-avatar-1")?.url, alt: resolveAsset("hero-avatar-1")?.alt || "Happy customer Sarah" },
             { src: resolveAsset("hero-avatar-2")?.url, alt: resolveAsset("hero-avatar-2")?.alt || "Satisfied customer Mike" },
@@ -134,7 +134,7 @@ export default function LandingPage() {
             { text: "Shop Collections", href: "#products" },
             { text: "Learn More", href: "#about" }
           ]}
-          buttonAnimation="text-stagger"
+          buttonAnimation="icon-arrow"
           useInvertedBackground={false}
         />
       </div>
@@ -151,8 +151,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           imageSrc={resolveAsset("about-luxury-item")?.url}
           imageAlt={resolveAsset("about-luxury-item")?.alt}
-          mediaAnimation="text-stagger"
-          metricsAnimation="text-stagger"
+          mediaAnimation="entrance-slide"
+          metricsAnimation="entrance-slide"
         />
       </div>
 
@@ -229,7 +229,7 @@ export default function LandingPage() {
           ]}
           imageSrc={resolveAsset("faq-customer-service")?.url}
           imageAlt={resolveAsset("faq-customer-service")?.alt}
-          mediaAnimation="text-stagger"
+          mediaAnimation="entrance-slide"
           title="Frequently Asked Questions"
           description="Find quick answers to common inquiries about our products and services, ensuring a smooth and confident shopping experience."
           faqsAnimation="slide-up"
@@ -251,7 +251,7 @@ export default function LandingPage() {
           useInvertedBackground={true}
           imageSrc={resolveAsset("contact-luxury-desk")?.url}
           imageAlt={resolveAsset("contact-luxury-desk")?.alt}
-          mediaAnimation="text-stagger"
+          mediaAnimation="entrance-slide"
           mediaPosition="right"
           buttonText="Send Message"
         />