41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { LeftArrow } from "@/components/icons/LeftArrow";
|
||
import { RightArrow } from "@/components/icons/RightArrow";
|
||
import SignUpForm from "./SignUpForm";
|
||
|
||
export default function SignupPage() {
|
||
return (
|
||
<main className="relative flex-grow pt-8 md:pt-0 px-4 md:w-full md:h-full md:flex md:items-center md:justify-center">
|
||
<div
|
||
className="md:w-[40rem] rounded-md md:p-8 md:-translate-y-6
|
||
md:bg-surface-container md:dark:bg-dark-surface-container"
|
||
>
|
||
<p className="mb-2">
|
||
<a href="/">
|
||
<LeftArrow className="inline -translate-y-0.5 scale-90 mr-1" aria-hidden="true" />
|
||
首页
|
||
</a>
|
||
</p>
|
||
<h1 className="text-5xl leading-[4rem] font-extralight">欢迎</h1>
|
||
<p className="mt-2 md:mt-3">
|
||
欢迎来到中 V 档案馆。
|
||
<br />
|
||
这里是中文虚拟歌手相关信息的收集站与档案馆。
|
||
</p>
|
||
<p className="my-2">
|
||
注册一个账号，
|
||
<br />
|
||
让我们一起见证中 V 的历史，现在，与未来。
|
||
</p>
|
||
<p className="mt-4 mb-7">
|
||
已有账户？
|
||
<a href="/login">
|
||
<span>登录</span>
|
||
<RightArrow className="text-xs inline -translate-y-0.5 ml-1" aria-hidden="true" />
|
||
</a>
|
||
</p>
|
||
<SignUpForm backendURL={process.env.BACKEND_URL ?? ""} />
|
||
</div>
|
||
</main>
|
||
);
|
||
}
|