import { Card } from 'tdesign-react'

export default function AboutPage() {
  return (
    <Card bordered={false}>
      <div
        style={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          padding: '4rem 0',
        }}
      >
        <h1 style={{ margin: 0, fontSize: '2rem' }}>Nex</h1>
        <p style={{ margin: '0.5rem 0 0', color: 'var(--td-text-color-secondary)', fontSize: '1rem' }}>
          AI Gateway - 统一的大模型 API 网关
        </p>
        <a
          href='https://github.com/nex/gateway'
          target='_blank'
          rel='noopener noreferrer'
          style={{ marginTop: '1rem', color: 'var(--td-brand-color)' }}
        >
          https://github.com/nex/gateway
        </a>
      </div>
    </Card>
  )
}
