export default function HomePage() {
  return (
    <div style={{ 
      display: 'flex', 
      flexDirection: 'column', 
      height: '100vh',
      alignItems: 'center',
      justifyContent: 'center',
      gap: '20px'
    }}>
      <h1 style={{ fontSize: '32px', fontWeight: 'bold', color: 'var(--primary)' }}>
        📁 小虾 SaaS 项目推进器
      </h1>
      <p style={{ color: 'var(--text-secondary)' }}>
        完整的项目管理与任务跟踪系统
      </p>
      <div style={{ display: 'flex', gap: '12px' }}>
        <a 
          href="/projects" 
          style={{
            padding: '10px 20px',
            background: 'var(--primary)',
            color: 'white',
            borderRadius: '6px',
            textDecoration: 'none',
            fontWeight: 'bold'
          }}
        >
          进入项目列表
        </a>
        <a 
          href="/milestones" 
          style={{
            padding: '10px 20px',
            background: 'white',
            color: 'var(--primary)',
            border: '1px solid var(--primary)',
            borderRadius: '6px',
            textDecoration: 'none',
            fontWeight: 'bold'
          }}
        >
          里程碑管理
        </a>
        <a 
          href="/api/docs" 
          target="_blank"
          style={{
            padding: '10px 20px',
            background: 'white',
            color: 'var(--primary)',
            border: '1px solid var(--primary)',
            borderRadius: '6px',
            textDecoration: 'none'
          }}
        >
          查看 API 文档
        </a>
      </div>
    </div>
  );
}