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>
  );
}