src/app/page.tsx

@@ -50,7 +50,7 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "canvas-reveal"}}
+        variant: "sparkles-gradient"}}
       imagePosition="right"
       title="Where Mathematics Becomes Mastery"
       description="Expert coaching for Classes IX–XII, JEE Main & undergraduate mathematics. Small batches. Individual attention. Proven results."
@@ -104,7 +104,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
@@ -128,7 +128,7 @@ export default function LandingPage() {
 
   <div id="courses" data-section="courses">
       <ProductCardOne
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
@@ -149,7 +149,7 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardThree
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}