Function HeroSection

landing-page/components/HeroSection.tsx:37–329

()

}

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

  // 从stats.json文件读取统计数据
  const [statsData, setStatsData] = useState({
    total_issues: 104,
    total_articles: 1261,
    total_projects: 1182,
    total_audio_video: 117,
    total_hot_topics: 51,
    total_books: 98
  });

  useEffect(() => {
    // 尝试从stats.json文件加载统计数据
    fetch('/stats.json')
      .then(response => response.json())
      .then(data => setStatsData(data))
      .catch(error => {
        console.log('Using default stats data:', error);
        // 如果加载失败，使用默认值
      });
  }, []);

  const stats = [
    {
      icon: HiDocumentText,
      value: statsData.total_issues,
      label: t('hero.stats.issues'),
    },
    {
      icon: HiBookOpen,
      value: statsData.total_articles,
      label: t('hero.stats.articles'),
    },
    {
      icon: HiCode,
      value: statsData.total_projects,
      label: t('hero.stats.projects'),
    },
  ];

  const additionalStats = [
    {
      value: statsData.total_audio_video,
      label: t('hero.stats.audioVideo'),
    },
    {
      value: statsData.total_hot_topics,
      label: t('hero.stats.hotTopics'),
    },
    {
      value: statsData.total_books,
      label: t('hero.stats.books'),
    },
  ];

  // 为主要统计数据创建动画计数器