76 lines
2.0 KiB
TypeScript
76 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
|
|
const RegisterPage = () => {
|
|
return (
|
|
<>
|
|
<h2 className="card-title text-2xl justify-center">Create Account</h2>
|
|
<form className="mt-4">
|
|
<div className="form-control">
|
|
<label className="label">
|
|
<span className="label-text">Name</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
placeholder="Your name"
|
|
className="input input-bordered w-full"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div className="form-control mt-4">
|
|
<label className="label">
|
|
<span className="label-text">Email</span>
|
|
</label>
|
|
<input
|
|
type="email"
|
|
placeholder="you@example.com"
|
|
className="input input-bordered w-full"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div className="form-control mt-4">
|
|
<label className="label">
|
|
<span className="label-text">Password</span>
|
|
</label>
|
|
<input
|
|
type="password"
|
|
placeholder="••••••••"
|
|
className="input input-bordered w-full"
|
|
required
|
|
minLength={6}
|
|
/>
|
|
</div>
|
|
<div className="form-control mt-4">
|
|
<label className="label">
|
|
<span className="label-text">Confirm Password</span>
|
|
</label>
|
|
<input
|
|
type="password"
|
|
placeholder="••••••••"
|
|
className="input input-bordered w-full"
|
|
required
|
|
/>
|
|
</div>
|
|
<div className="form-control mt-6">
|
|
<button type="submit" className="btn btn-primary w-full">
|
|
Create Account
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<div className="divider">OR</div>
|
|
|
|
<p className="text-center">
|
|
Already have an account?{" "}
|
|
<Link href="/login" className="link link-primary">
|
|
Sign in
|
|
</Link>
|
|
</p>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default RegisterPage;
|