src/app/page.tsx

@@ -71,7 +71,7 @@ export default function LandingPage() {
       layoutOrder="default"
       imageSrc="http://img.b2bpic.net/free-photo/foundation-containers-small-podium_23-2149705555.jpg"
       imageAlt="Luxury skincare product with glowing skin"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -96,6 +96,7 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       textboxLayout="default"
+      animationType="blur-reveal"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
@@ -132,6 +133,7 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       textboxLayout="default"
+      animationType="blur-reveal"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
@@ -165,6 +167,7 @@ export default function LandingPage() {
   <div id="routine" data-section="routine">
       <FeatureCardTwentyFive
       textboxLayout="default"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       features={[
         {