63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
export default function Register() {
|
|
return (
|
|
<div className="min-h-screen bg-gray-500 flex items-center justify-center px-4">
|
|
|
|
<div className="w-full max-w-sm bg-gray-800 p-6 rounded-lg shadow-lg">
|
|
|
|
<h1 className="mb-2 text-center text-white text-2xl font-bold">
|
|
REGISTER
|
|
</h1>
|
|
|
|
<h2 className="mb-5 text-center text-gray-300 text-sm">
|
|
ISI DATA ANDA
|
|
</h2>
|
|
|
|
<form className="space-y-4">
|
|
|
|
<input
|
|
type="email"
|
|
placeholder="e-mail pengguna"
|
|
className="w-full p-3 rounded-lg bg-gray-700 text-white"
|
|
/>
|
|
|
|
<input
|
|
type="text"
|
|
placeholder="nama pengguna"
|
|
className="w-full p-3 rounded-lg bg-gray-700 text-white"
|
|
/>
|
|
|
|
<input
|
|
type="password"
|
|
placeholder="password"
|
|
className="w-full p-3 rounded-lg bg-gray-700 text-white"
|
|
/>
|
|
|
|
{/* ✅ CHECKBOX SETUJU */}
|
|
<div className="text-white text-sm">
|
|
<label className="flex items-center gap-2">
|
|
<input type="checkbox" className="w-4 h-4" />
|
|
konfir password
|
|
</label>
|
|
</div>
|
|
|
|
{/* ✅ CHECKBOX SETUJU */}
|
|
<div className="text-white text-sm">
|
|
<label className="flex items-center gap-2">
|
|
<input type="checkbox" className="w-4 h-4" />
|
|
saya setuju dengan syarat & ketentuan
|
|
</label>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
className="w-full bg-gray-500 text-white py-3 rounded-lg font-bold hover:bg-gray-700 transition"
|
|
>
|
|
register
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
);
|
|
} |