监听滑动动画

website/src/pages/ProductPage.jsx

@@ -2,6 +2,7 @@ import { useParams, Link } from 'react-router-dom'
 import { ChevronDown, ArrowRight, Shield, Clock, Headphones,  AlertCircle } from 'lucide-react'
 import { getProduct } from '../data/products'
 import ScrollReveal from '../components/ScrollReveal'
+import StatNumber from '../components/StatNumber'
 
 export default function ProductPage() {
   const { slug } = useParams()
@@ -54,7 +55,9 @@ export default function ProductPage() {
                 style={{ backgroundColor: 'rgba(255,255,255,0.08)', backdropFilter: 'blur(8px)' }}>
                 {product.stats.map((s, i) => (
                   <div key={i} className={`flex flex-col items-center justify-center px-6 md:px-10 py-5 ${i < product.stats.length - 1 ? 'border-r border-white/10' : ''}`}>
-                    <div className="text-2xl md:text-3xl font-extrabold tracking-tight text-white">{s.num}</div>
+                    <div className="text-2xl md:text-3xl font-extrabold tracking-tight text-white">
+                      <StatNumber target={s.num} suffix={s.suffix} />
+                    </div>
                     <div className="text-xs text-white/50 mt-2 font-medium">{s.label}</div>
                   </div>
                 ))}