Merapihkan tampilan

1 files changed, 8 insertions, 5 deletions

diff --git a/src/pages/register.js b/src/pages/register.js
index 41bd7c75..6b366387 100644
--- a/src/pages/register.js
+++ b/src/pages/register.js
@@ -55,29 +55,32 @@ export default function Login() {
         <Link href="/" className="mt-16">
           <Image src={Logo} alt="Logo Indoteknik" width={165} height={42} />
         </Link>
-        <h1 className="text-2xl text-gray-900 mt-4 text-center">Mudahkan Pembelian dengan Indoteknik</h1>
-        <h2 className="text-gray-800 mt-2 mb-4">Daftar untuk melanjutkan</h2>
+        <h1 className="text-2xl mt-4 text-center">Mudahkan Pembelian dengan Indoteknik</h1>
+        <h2 className="text-gray_r-11 font-medium mt-2 mb-4">Daftar untuk melanjutkan</h2>
         {alert ? (
           <Alert className="text-center" type={alert.type}>{alert.component}</Alert>
         ) : ''}
         <form onSubmit={register} className="w-full">
+          <label className="form-label mt-4 mb-2">Alamat Email</label>
           <input 
             type="text"
-            className="form-input bg-gray-100 mt-4" 
+            className="form-input bg-gray_r-2" 
             placeholder="johndoe@gmail.com"
             value={email}
             onChange={(e) => setEmail(e.target.value)}
           />
+          <label className="form-label mt-4 mb-2">Nama Lengkap</label>
           <input 
             type="text"
-            className="form-input bg-gray-100 mt-4" 
+            className="form-input bg-gray_r-2" 
             placeholder="John Doe"
             value={name}
             onChange={(e) => setName(e.target.value)}
           />
+          <label className="form-label mt-4 mb-2">Kata Sandi</label>
           <input 
             type="password"
-            className="form-input bg-gray-100 mt-4" 
+            className="form-input bg-gray_r-2" 
             placeholder="••••••••"
             value={password}
             onChange={(e) => setPassword(e.target.value)}