import { SectionLabel } from '@/components/section-label'
import { DownloadGrid } from '@/components/download-grid'
import { Reveal } from '@/components/reveal'

export function DownloadCta() {
  return (
    <section className="border-t border-hairline px-6 py-16 lg:px-10">
      <div className="mx-auto max-w-6xl">
        <Reveal>
          <div className="mx-auto mb-9 max-w-[560px] text-center">
            <SectionLabel>DOWNLOAD</SectionLabel>
            <h2 className="text-balance text-[26px] font-[650] tracking-[-0.02em]">
              把 AI 团队装进桌面
            </h2>
            <p className="mt-2.5 text-[15px] text-ink-2">
              内置应用内更新，发布流水线自动出包。
            </p>
          </div>
        </Reveal>
        <Reveal delay={120}>
          <DownloadGrid />
        </Reveal>
      </div>
    </section>
  )
}