CountUp-Effekt für Zahlen, Navbar-Button wie Hero-Button (dark)

src/components/Process.tsx

@@ -1,22 +1,24 @@
+import CountUp from "@/components/CountUp";
+
 const Process = () => {
   const steps = [
     {
-      number: "01",
+      number: 1,
       title: "Erstgespräch",
       description: "Wir lernen Ihr Unternehmen und Ihre Ziele kennen. In einem unverbindlichen Gespräch besprechen wir Ihre Wünsche.",
     },
     {
-      number: "02",
+      number: 2,
       title: "Konzept & Design",
       description: "Basierend auf unserer Analyse erstellen wir ein individuelles Konzept und Design für Ihre Website.",
     },
     {
-      number: "03",
+      number: 3,
       title: "Entwicklung",
       description: "Unsere Entwickler setzen Ihre Website mit modernsten Technologien um. Sie bleiben informiert.",
     },
     {
-      number: "04",
+      number: 4,
       title: "Launch & Support",
       description: "Nach gründlichen Tests geht Ihre Website live. Wir stehen Ihnen auch danach mit Support zur Seite.",
     },
@@ -45,13 +47,22 @@ const Process = () => {
               {/* Number */}
               <div className="hidden md:block">
                 <span className="stat-number text-6xl text-border group-hover:text-muted-foreground/30 transition-colors">
-                  {step.number}
+                  <CountUp
+                    from={0}
+                    to={step.number}
+                    direction="up"
+                    duration={1}
+                    padMinLength={2}
+                    startWhen={true}
+                  />
                 </span>
               </div>
 
               {/* Content */}
               <div className="flex-1">
-                <span className="md:hidden label-tag mb-2 block">{step.number}</span>
+                <span className="md:hidden label-tag mb-2 block">
+                  <CountUp from={0} to={step.number} duration={1} padMinLength={2} startWhen={true} />
+                </span>
                 <h3 className="text-2xl md:text-3xl font-display font-medium text-foreground mb-4 uppercase tracking-tight">
                   {step.title}
                 </h3>