src/app/page.tsx

@@ -118,28 +118,17 @@ export default function HomePage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          metrics={[
-            {
-              id: "1",              value: "5000",              title: "Students",              description: "Successfully trained and certified professionals",              icon: Users
-            },
-            {
-              id: "2",              value: "95",              title: "%",              description: "Job placement rate within 3 months",              icon: TrendingUp
-            },
-            {
-              id: "3",              value: "20",              title: "+",              description: "Expert instructors on our team",              icon: Award
-            },
-            {
-              id: "4",              value: "4.9",              title: "/5",              description: "Average student satisfaction rating",              icon: Star
-            }
-          ]}
-          title="Our Impact"
-          description="Trusted by thousands of students worldwide"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="invertDefault"
-        />
+      <MetricCardOne
+      carouselMode="auto"
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      title="Skill Mastery Metrics"
+      description="Track your progress and mastery in key tech skills with our detailed metrics."
+      tag="Metrics"
+      buttons={[{ text: "View Metrics", label: "View Metrics", href: "#" }, { text: "Start Learning", label: "Start Learning", href: "#" }]}
+      textboxLayout="default"
+      useInvertedBackground="invertDefault"
+      />
       </div>
 
       <div id="testimonials" data-section="testimonials">