import { SectionHeading, StatusCard } from "@/components/ui";

export const metadata = { title: "关于我们" };

export default function AboutPage() {
  return (
    <div className="container-shell py-20 sm:py-28">
      <SectionHeading eyebrow="About us" title="做连接技术，也做真实可用的产品。" description="考町科技的官网首先服务于蓝牙周边、音频和智能硬件的品牌表达，AI Lab 则承载对语音与设备智能的持续探索。" />
      <div className="mt-16 grid gap-5 md:grid-cols-3">
        <StatusCard title="产品导向" description="从真实使用场景出发，产品资料和能力表达以可核实内容为准。" />
        <StatusCard title="可靠连接" description="关注 Bluetooth、Audio、Embedded 等技术在设备中的稳定落地。" tone="info" />
        <StatusCard title="持续探索" description="在 AI Lab 中从 TTS 开始验证语音能力，不把实验概念包装成已发布功能。" tone="success" />
      </div>
      <section className="mt-24 grid gap-10 border-t border-line pt-12 md:grid-cols-[0.65fr_1.35fr]">
        <p className="eyebrow eyebrow-cyan">Principles</p>
        <div className="space-y-10">
          <div><h2 className="text-2xl font-semibold tracking-[-0.03em]">少一点噪音，多一点重点。</h2><p className="body-copy mt-3">视觉保持深色、克制和留白，让产品和技术本身成为主角。</p></div>
          <div><h2 className="text-2xl font-semibold tracking-[-0.03em]">不把占位当事实。</h2><p className="body-copy mt-3">当前缺少的公司信息、产品参数、联系方式和资质不会被编造；正式内容由后续资料和 CMS 发布流程负责。</p></div>
        </div>
      </section>
    </div>
  );
}