import { Button } from '@workspace/ui/components/button';

export default function HomeContent() {
  return (
    <div className='flex min-h-[calc(100vh-73px)] flex-col items-center justify-center pt-8'>
      {/* 大标题 */}
      <h1 className='mb-10 text-6xl font-extrabold leading-tight text-white'>
        连接
        <br />
        任何时间
        <br />
        任何地点
      </h1>
      {/* 副标题 */}
      <div className='mb-16 text-center text-sm font-bold leading-6 text-white'>
        <p>
          <span className='mr-2 text-xs text-white'>
            Airo<sup className='text-[8px]'>™</sup>Port
          </span>
          <span>提供极稳，极简，极速的网络服务</span>
        </p>
        <p>获取订阅地址，开始顶级的私密网络体验</p>
      </div>
      {/* 按钮 */}
      <Button className='mb-8 h-[64px] w-[219px] rounded-full border-2 border-white bg-white/10 text-2xl font-bold text-white transition hover:bg-white/20'>
        查看订阅套餐
      </Button>
    </div>
  );
}