import Link from "next/link";

export default function InactiveAccountPage() {
  return (
    <div className="relative min-h-screen overflow-hidden bg-[linear-gradient(180deg,#f8f1e6_0%,#f5ebde_45%,#faf6ef_100%)] px-4 py-10">
      <div className="absolute inset-x-0 top-0 h-72 bg-[radial-gradient(circle_at_top,rgba(128,71,39,0.14),transparent_60%)]" />
      <div className="relative mx-auto flex min-h-[calc(100vh-5rem)] max-w-xl items-center justify-center">
      <div className="w-full space-y-6 rounded-[2rem] border border-[#e6d5bf] bg-[#fffaf3]/95 px-8 py-10 text-center shadow-[0_30px_80px_-45px_rgba(88,42,29,0.35)]">
        <div className="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-[#f5e2b6]">
          <svg
            className="h-8 w-8 text-[#88552d]"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              strokeLinecap="round"
              strokeLinejoin="round"
              strokeWidth={2}
              d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
            />
          </svg>
        </div>
        <div className="space-y-2">
          <div className="text-[11px] uppercase tracking-[0.24em] text-[#9b6b48]">Activation Required</div>
        <h1 className="text-3xl font-semibold text-[#4e1d1a]">账号未激活</h1>
        </div>
        <p className="leading-7 text-[#73594a]">
          你的账号尚未完成激活，暂时无法进入系统。
          <br />
          请联系班级管理员确认你已被导入成员名录，并使用激活码完成账号激活。
        </p>
        <Link
          href="/activate"
          className="inline-flex rounded-xl bg-[#6f2030] px-5 py-2.5 text-sm font-medium text-white transition hover:bg-[#611b29]"
        >
          去激活账号
        </Link>
      </div>
      </div>
    </div>
  );
}
