Function useAnimatedCounter

landing-page/components/HeroSection.tsx:9–35

(end: number, duration: number = 2000, delay: number = 0)

// 数字动画Hook - 优化性能
function useAnimatedCounter(end: number, duration: number = 2000, delay: number = 0) {
  const [count, setCount] = useState(0);

  const animate = useCallback((currentTime: number, startTime: number) => {
    const progress = Math.min((currentTime - startTime) / duration, 1);
    
    // 使用easeOutCubic缓动函数
    const easeOutCubic = 1 - Math.pow(1 - progress, 3);
    setCount(Math.floor(end * easeOutCubic));
    
    if (progress < 1) {
      requestAnimationFrame((time) => animate(time, startTime));
    } else {
      setCount(end);
    }
  }, [end, duration]);

  useEffect(() => {
    const timer = setTimeout(() => {
      requestAnimationFrame((startTime) => animate(startTime, startTime));
    }, delay);

    return () => clearTimeout(timer);
  }, [animate, delay]);

  return count;
}

function HeroSection() {
  const t = useTranslations();