44 lines
1.9 KiB
TypeScript
44 lines
1.9 KiB
TypeScript
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>
|
||
);
|
||
}
|