Switch to version 3: modified src/app/page.tsx

src/app/page.tsx

@@ -64,7 +64,7 @@ export default function LandingPage() {
 
         <div id="features" data-section="features">
           <FeatureCardTwentySeven
-            animationType="blur-reveal"
+            animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
@@ -79,7 +79,7 @@ export default function LandingPage() {
 
         <div id="projects" data-section="projects">
           <ProductCardOne
-            animationType="blur-reveal"
+            animationType="slide-up"
             textboxLayout="default"
             gridVariant="bento-grid"
             useInvertedBackground={true}
@@ -98,7 +98,7 @@ export default function LandingPage() {
 
         <div id="metrics" data-section="metrics">
           <MetricCardEleven
-            animationType="blur-reveal"
+            animationType="scale-rotate"
             textboxLayout="split"
             useInvertedBackground={false}
             metrics={[
@@ -113,7 +113,7 @@ export default function LandingPage() {
 
         <div id="team" data-section="team">
           <TeamCardSix
-            animationType="blur-reveal"
+            animationType="depth-3d"
             textboxLayout="default"
             gridVariant="bento-grid"
             useInvertedBackground={true}
@@ -140,14 +140,13 @@ export default function LandingPage() {
             ]}
             cardTitle="Client Voices"
             cardTag="Testimonials"
-            cardAnimation="blur-reveal"
+            cardAnimation="slide-up"
           />
         </div>
 
         <div id="contact" data-section="contact">
           <ContactText
             useInvertedBackground={true}
-            animationType="reveal-blur"
             background={{ variant: "rotated-rays-animated-grid" }}
             text="Ready to discuss your dream project?"
             buttons={[{ text: "Contact Us", href: "#contact" }]}