Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -134,7 +134,7 @@ export default function LandingPage() {
             { text: "Shop Collections", href: "#products" },
             { text: "Learn More", href: "#about" }
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="text-stagger"
           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="entrance-slide"
-          metricsAnimation="entrance-slide"
+          mediaAnimation="text-stagger"
+          metricsAnimation="text-stagger"
         />
       </div>
 
@@ -229,7 +229,7 @@ export default function LandingPage() {
           ]}
           imageSrc={resolveAsset("faq-customer-service")?.url}
           imageAlt={resolveAsset("faq-customer-service")?.alt}
-          mediaAnimation="entrance-slide"
+          mediaAnimation="text-stagger"
           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="entrance-slide"
+          mediaAnimation="text-stagger"
           mediaPosition="right"
           buttonText="Send Message"
         />