import React from 'react'; import '../styles/Timeline.css'; // 复用已有的Timeline样式 import events from '../data/anthropic-releases.json'; import SEO from '../components/SEO'; import { useTranslation } from '../js/i18n'; import { useScrollToTop } from '../hooks/useScrollToTop'; import { usePageLoading } from '../hooks/usePageLoading'; import LoadingOverlay from './LoadingOverlay'; const AnthropicTimeline = () => { const { t } = useTranslation(); useScrollToTop(); const isLoading = usePageLoading(); return ( <> {isLoading && }

{t('tools.anthropicTimeline.title')}

    {events.map((item, index) => (
  • {item.date}
    {item.title}
    {item.feature}
    {item.description}
  • ))}
); }; export default AnthropicTimeline;