import Link from 'next/link';
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: '关于宇之然',
  description: '宇之然 AI 致力于让每个人都能用好 AI。北京宇之然科技中心是一家专注于 AI 技术普及与应用的科技企业，提供 AI 工具指南、课程学习、提示词库、AI 沙盒实战等服务。',
};

export default function AboutPage() {
  return (
    <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
      <h1 className="text-3xl font-bold text-foreground mb-8">关于宇之然</h1>

      <section className="mb-10">
        <h2 className="text-xl font-semibold text-foreground mb-3">我们的使命</h2>
        <p className="text-muted-foreground leading-relaxed">
          宇之然 AI 致力于让每个人都能用好 AI。我们相信 AI 不应只是技术人员的专属工具，而是每个人都可以掌握和运用的生产力助手。
        </p>
      </section>

      <section className="mb-10">
        <h2 className="text-xl font-semibold text-foreground mb-3">北京宇之然科技中心</h2>
        <p className="text-muted-foreground leading-relaxed">
          北京宇之然科技中心是一家专注于 AI 技术普及与应用的科技企业，位于北京市大兴区。我们致力于搭建 AI 技术与大众用户之间的桥梁。
        </p>
      </section>

      <section className="mb-10">
        <h2 className="text-xl font-semibold text-foreground mb-3">合规文件</h2>
        <ul className="space-y-2">
          <li><Link href="/privacy" className="text-brand-600 hover:text-brand-700 underline">隐私政策</Link></li>
          <li><Link href="/terms" className="text-brand-600 hover:text-brand-700 underline">服务协议</Link></li>
          <li><Link href="/ai-agreement" className="text-brand-600 hover:text-brand-700 underline">AI 服务协议</Link></li>
        </ul>
      </section>

      <section>
        <h2 className="text-xl font-semibold text-foreground mb-3">联系方式</h2>
        <p className="text-muted-foreground leading-relaxed">
          邮箱：contact@yuzhiran.com<br />
          北京宇之然科技中心<br />
          北京市大兴区
        </p>
      </section>
    </div>
  );
}
