import Link from "next/link";
import { AppLayout } from "@/components/layout/app-layout";
import { PrimaryButton } from "@/components/ui/primary-button";

export default function HomePage() {
  return (
    <AppLayout>
      <div className="space-y-6">
        <div>
          <h1 className="text-2xl font-semibold text-text-primary">
            美美与共报价中台
          </h1>
          <p className="mt-2 text-text-secondary">
            查价系统后端与管理端已就绪。宿主可通过内嵌组件或 API 接入查价能力。
          </p>
        </div>
        <div className="flex flex-wrap gap-3">
          <Link href="/login">
            <PrimaryButton type="button">管理端登录</PrimaryButton>
          </Link>
          <Link href="/embed-demo">
            <PrimaryButton type="button" className="bg-primary-hover">
              宿主嵌入演示
            </PrimaryButton>
          </Link>
        </div>
      </div>
    </AppLayout>
  );
}
