diff --git a/Views/Main/ProfilNasabah/Edit.cshtml b/Views/Main/ProfilNasabah/Edit.cshtml
index beec941..5cb4dc6 100644
--- a/Views/Main/ProfilNasabah/Edit.cshtml
+++ b/Views/Main/ProfilNasabah/Edit.cshtml
@@ -3,230 +3,203 @@
     Layout = "~/Views/Shared/_LayoutApp.cshtml";
 }
 
-<div class="flex flex-col gap-5">
-    <!-- Page Title -->
-    <div class="flex justify-start items-center gap-2">
-        <h1 class="text-xl font-semibold text-gray-900 font-jakarta-plus">Profil Nasabah</h1>
+<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
+    <div class="prose">
+        <span class="text-xl font-semibold text-black">
+            Profil Nasabah
+        </span>
     </div>
+</div>
 
-    <!-- Profile Card -->
-    <div class="px-5 py-6 bg-white rounded-lg flex flex-col sm:flex-row justify-start items-start sm:items-center gap-4">
-        <div class="w-20 h-20 relative bg-gray-50 rounded overflow-hidden flex-shrink-0">
-            <img class="w-20 h-20 object-cover" src="https://placehold.co/81x81" alt="Profile Photo" />
-        </div>
-        <div class="flex-1 flex flex-col justify-start items-start gap-1">
-            <div class="text-slate-600 text-xl font-semibold font-jakarta-plus">Ikhdan Nizar Maulana</div>
-            <div class="text-slate-600 text-base font-normal font-jakarta-plus">Nasabah</div>
-        </div>
-        <div class="px-2 bg-green-100 rounded-full flex justify-center items-center">
-            <div class="text-center text-green-600 text-xs font-semibold font-jakarta-plus py-1">Status Aktif</div>
+<div class="h-6"></div>
+
+<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
+    <div class="flex w-full flex-col items-center gap-4 md:flex-row">
+        <figure>
+            <img src="https://placehold.co/81x81"
+                 alt="Profile Photo"
+                 width="80"
+                 height="80"
+                 class="h-20 w-20 rounded bg-contain bg-center object-cover" />
+        </figure>
+        <div class="flex flex-col items-center md:items-start">
+            <h2 class="font-semibold">Ikhdan Nizar Maulana</h2>
+            <p>Nasabah</p>
         </div>
     </div>
+    <div class="badge badge-soft badge-success">
+        Status Aktif
+    </div>
+</div>
 
-    <!-- Edit Form Card -->
-    <div class="px-5 py-6 bg-white rounded-lg flex flex-col justify-start items-start gap-6">
-        <form asp-action="Edit" method="post" class="w-full">
+<div class="h-6"></div>
+
+<div class="card bg-white">
+    <div class="card-body">
+        <form asp-action="Edit" method="post">
             <!-- Header -->
-            <div class="w-full flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
-                <h2 class="text-base font-bold text-slate-600 font-jakarta-plus">Informasi Biodata</h2>
+            <div class="flex flex-row items-center justify-between">
+                <h2 class="card-title">
+                    Informasi Biodata
+                </h2>
             </div>
+            <div class="divider"></div>
 
-            <hr class="w-full border-gray-200 mb-6" />
-
-            <!-- Personal Information Section -->
-            <div class="flex flex-col gap-6 mb-6">
-                <!-- Row 1: Nama and NIK -->
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Nama Nasabah</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="namaNasabah"
-                               value="Ikhdan Nizar Maulana"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">NIK</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="nik"
-                               value="7123981241"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Nama Nasabah
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="text" class="input" name="namaNasabah" placeholder="Nama Nasabah" value="Ikhdan Nizar Maulana" />
+                    </fieldset>
                 </div>
-
-                <!-- Row 2: Email and Phone -->
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Email</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="email"
-                               name="email"
-                               value="banksampahjaktim@gmail.com"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">No. HP Penanggung Jawab</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="tel"
-                               name="noHp"
-                               value="12171.71891.8242"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            NIK
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="text" class="input" name="nik" placeholder="NIK" value="7123981241" />
+                    </fieldset>
                 </div>
             </div>
 
-            <hr class="w-full border-gray-200 mb-6" />
-
-            <!-- Address Section -->
-            <div class="flex flex-col gap-6 mb-6">
-                <!-- Full Address -->
-                <div class="grid grid-cols-1 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Alamat</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="alamat"
-                               value="Jalan Raya Pasar Minggu No. 45, Jakarta Timur, DKI Jakarta"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Email
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="email" class="input" name="email" placeholder="Email" value="banksampahjaktim@gmail.com" />
+                    </fieldset>
                 </div>
-
-                <!-- RT, RW, and Kode Pos -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">RT</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="rt"
-                               value="02"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">RW</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="rw"
-                               value="02"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Kode Pos</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <input type="text"
-                               name="kodePos"
-                               value="61374"
-                               class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-                               required />
-                    </div>
-                </div>
-
-                <!-- Province and City -->
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Provinsi</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <div class="relative">
-                            <select name="provinsi"
-                                    class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent appearance-none pr-10"
-                                    required>
-                                <option value="DKI Jakarta" selected>DKI Jakarta</option>
-                                <option value="Jawa Barat">Jawa Barat</option>
-                                <option value="Jawa Tengah">Jawa Tengah</option>
-                                <option value="Jawa Timur">Jawa Timur</option>
-                            </select>
-                            <i class="ph ph-caret-down absolute right-3 top-1/2 -translate-y-1/2 text-slate-600 pointer-events-none"></i>
-                        </div>
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Kota</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <div class="relative">
-                            <select name="kota"
-                                    class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent appearance-none pr-10"
-                                    required>
-                                <option value="Koda Adm, Jakarta Timur" selected>Koda Adm, Jakarta Timur</option>
-                                <option value="Jakarta Pusat">Jakarta Pusat</option>
-                                <option value="Jakarta Barat">Jakarta Barat</option>
-                                <option value="Jakarta Selatan">Jakarta Selatan</option>
-                            </select>
-                            <i class="ph ph-caret-down absolute right-3 top-1/2 -translate-y-1/2 text-slate-600 pointer-events-none"></i>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Kecamatan and Kelurahan -->
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Kecamatan</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <div class="relative">
-                            <select name="kecamatan"
-                                    class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent appearance-none pr-10"
-                                    required>
-                                <option value="Pasarejo" selected>Pasarejo</option>
-                                <option value="Cakung">Cakung</option>
-                                <option value="Duren Sawit">Duren Sawit</option>
-                            </select>
-                            <i class="ph ph-caret-down absolute right-3 top-1/2 -translate-y-1/2 text-slate-600 pointer-events-none"></i>
-                        </div>
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                        <label class="flex items-start gap-0.5">
-                            <span class="text-base font-normal text-slate-800 font-jakarta-plus">Kelurahan</span>
-                            <span class="text-sm font-semibold text-red-500 font-jakarta-plus">*</span>
-                        </label>
-                        <div class="relative">
-                            <select name="kelurahan"
-                                    class="w-full px-3.5 py-3 bg-white rounded-lg border border-gray-300 text-base font-normal text-slate-600 font-jakarta-plus focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent appearance-none pr-10"
-                                    required>
-                                <option value="Pasar Minggu" selected>Pasar Minggu</option>
-                                <option value="Kampung Melayu">Kampung Melayu</option>
-                                <option value="Jatinegara">Jatinegara</option>
-                            </select>
-                            <i class="ph ph-caret-down absolute right-3 top-1/2 -translate-y-1/2 text-slate-600 pointer-events-none"></i>
-                        </div>
-                    </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            No. HP Penanggung Jawab
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="tel" class="input" name="noHp" placeholder="No. HP Penanggung Jawab" value="12171.71891.8242" />
+                    </fieldset>
                 </div>
             </div>
 
-            <hr class="w-full border-gray-200 mb-6" />
+            <div class="divider"></div>
 
-            <!-- Action Buttons -->
-            <div class="flex flex-col sm:flex-row justify-start items-stretch sm:items-center gap-3">
-                <a asp-action="Index" class="px-8 py-2.5 bg-white rounded-full border border-gray-300 flex justify-center items-center text-sm font-semibold text-slate-800 font-jakarta-plus hover:bg-gray-50 transition-colors">
+            <div class="grid grid-cols-1 md:grid-cols-2">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Alamat
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <textarea class="textarea h-24 w-full" name="alamat" placeholder="Alamat">Jalan Raya Pasar Minggu No. 45, Jakarta Timur, DKI Jakarta</textarea>
+                    </fieldset>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            RT
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="number" class="input" name="rt" placeholder="RT" value="02" />
+                    </fieldset>
+                </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            RW
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="number" class="input" name="rw" placeholder="RW" value="02" />
+                    </fieldset>
+                </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Kode Pos
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="number" class="input" name="kodePos" placeholder="Kode Pos" value="61374" />
+                    </fieldset>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Provinsi
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select name="provinsi" class="select">
+                            <option disabled>Pilih Provinsi</option>
+                            <option value="DKI Jakarta" selected>DKI Jakarta</option>
+                            <option value="Jawa Barat">Jawa Barat</option>
+                            <option value="Jawa Tengah">Jawa Tengah</option>
+                            <option value="Jawa Timur">Jawa Timur</option>
+                        </select>
+                    </fieldset>
+                </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Kota
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select name="kota" class="select">
+                            <option disabled>Pilih Kota</option>
+                            <option value="Koda Adm, Jakarta Timur" selected>Koda Adm, Jakarta Timur</option>
+                            <option value="Jakarta Pusat">Jakarta Pusat</option>
+                            <option value="Jakarta Barat">Jakarta Barat</option>
+                            <option value="Jakarta Selatan">Jakarta Selatan</option>
+                        </select>
+                    </fieldset>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Kecamatan
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select name="kecamatan" class="select">
+                            <option disabled>Pilih Kecamatan</option>
+                            <option value="Pasarejo" selected>Pasarejo</option>
+                            <option value="Cakung">Cakung</option>
+                            <option value="Duren Sawit">Duren Sawit</option>
+                        </select>
+                    </fieldset>
+                </div>
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Kelurahan
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select name="kelurahan" class="select">
+                            <option disabled>Pilih Kelurahan</option>
+                            <option value="Pasar Minggu" selected>Pasar Minggu</option>
+                            <option value="Kampung Melayu">Kampung Melayu</option>
+                            <option value="Jatinegara">Jatinegara</option>
+                        </select>
+                    </fieldset>
+                </div>
+            </div>
+            <div class="divider"></div>
+            <div class="card-actions">
+                <a asp-action="Index" class="btn w-30 rounded-full bg-white">
                     Batal
                 </a>
-                <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full flex justify-center items-center text-sm font-semibold text-white font-jakarta-plus hover:bg-green-900 transition-colors">
+                <button type="submit" class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">
                     Simpan
                 </button>
             </div>
diff --git a/Views/Main/ProfilNasabah/Index.cshtml b/Views/Main/ProfilNasabah/Index.cshtml
index ef23d42..c11b63c 100644
--- a/Views/Main/ProfilNasabah/Index.cshtml
+++ b/Views/Main/ProfilNasabah/Index.cshtml
@@ -3,126 +3,117 @@
     Layout = "~/Views/Shared/_LayoutApp.cshtml";
 }
 
-<div class="flex flex-col gap-5">
-    <!-- Page Title -->
-    <div class="flex justify-start items-center gap-2">
-        <h1 class="text-xl font-semibold text-gray-900 font-jakarta-plus">Profil Nasabah</h1>
+<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
+    <div class="prose">
+        <span class="text-xl font-semibold text-black">
+            Profil Nasabah
+        </span>
     </div>
+</div>
 
-    <!-- Profile Card -->
-    <div class="px-5 py-6 bg-white rounded-lg flex flex-col sm:flex-row justify-start items-start sm:items-center gap-4">
-        <div class="w-20 h-20 relative bg-gray-50 rounded overflow-hidden flex-shrink-0">
-            <img class="w-20 h-20 object-cover" src="https://placehold.co/81x81" alt="Profile Photo" />
-        </div>
-        <div class="flex-1 flex flex-col justify-start items-start gap-1">
-            <div class="text-slate-600 text-xl font-semibold font-jakarta-plus">Ikhdan Nizar Maulana</div>
-            <div class="text-slate-600 text-base font-normal font-jakarta-plus">Nasabah</div>
-        </div>
-        <div class="px-2 bg-green-100 rounded-full flex justify-center items-center">
-            <div class="text-center text-green-600 text-xs font-semibold font-jakarta-plus py-1">Status Aktif</div>
+<div class="h-6"></div>
+
+<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
+    <div class="flex w-full flex-col items-center gap-4 md:flex-row">
+        <figure>
+            <img src="https://placehold.co/81x81"
+                 alt="Profile Photo"
+                 width="80"
+                 height="80"
+                 class="h-20 w-20 rounded bg-contain bg-center object-cover" />
+        </figure>
+        <div class="flex flex-col items-center md:items-start">
+            <h2 class="font-semibold">Ikhdan Nizar Maulana</h2>
+            <p>Nasabah</p>
         </div>
     </div>
+    <div class="badge badge-soft badge-success">
+        Status Aktif
+    </div>
+</div>
 
-    <!-- Information Card -->
-    <div class="px-5 py-6 bg-white rounded-lg flex flex-col justify-start items-start gap-6">
-        <!-- Header with Edit Button -->
-        <div class="w-full flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
-            <h2 class="text-base font-bold text-slate-600 font-jakarta-plus">Informasi Biodata</h2>
-            <a asp-action="Edit" class="px-3.5 py-2 bg-white rounded-full border border-gray-300 flex justify-center items-center gap-2 hover:bg-gray-50 transition-colors">
-                <i class="ph ph-pencil text-lg text-zinc-800"></i>
-                <span class="text-sm font-semibold text-slate-800 font-jakarta-plus">Edit Biodata</span>
+<div class="h-6"></div>
+
+<div class="card bg-white">
+    <div class="card-body">
+        <div class="flex flex-row items-center justify-between">
+            <h2 class="card-title">
+                Informasi Biodata
+            </h2>
+            <a asp-action="Edit" class="btn btn-sm rounded-full bg-white">
+                <i class="ph ph-note-pencil me-2"></i>
+                Edit Biodata
             </a>
         </div>
-
-        <hr class="w-full border-gray-200" />
-
-        <!-- Personal Information -->
-        <div class="w-full flex flex-col gap-8">
-            <!-- Row 1 -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Nama Nasabah</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">Ikhdan Nizar Maulana</span>
-                </div>
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">NIK</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">7123981241</span>
-                </div>
+        <div class="divider"></div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Nama Nasabah</span>
+                <span class="text-sm">Ikhdan Nizar Maulana</span>
             </div>
-
-            <!-- Row 2 -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Email</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">banksampahjaktim@gmail.com</span>
-                </div>
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">No. HP Penanggung Jawab</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">0822472812142</span>
-                </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">NIK</span>
+                <span class="text-sm">7123981241</span>
             </div>
-
-            <!-- Row 3 -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Nama Bank</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">Mandiri</span>
-                </div>
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">No. Rekening</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">71494814124</span>
-                </div>
+        </div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Email</span>
+                <span class="text-sm">banksampahjaktim@gmail.com</span>
             </div>
-
-            <hr class="w-full border-gray-200" />
-
-            <!-- Address Information -->
-            <div class="w-full flex flex-col gap-6">
-                <!-- Address Row -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-                    <div class="flex flex-col gap-1 sm:col-span-2 lg:col-span-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Alamat</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">Jalan Raya Pasar Minggu No. 45, Jakarta Timur, DKI Jakarta</span>
-                    </div>
-                    <div class="flex flex-col gap-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">RT</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">02</span>
-                    </div>
-                    <div class="flex flex-col gap-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">RW</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">02</span>
-                    </div>
-                    <div class="flex flex-col gap-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Kode Pos</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">61374</span>
-                    </div>
-                </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">No. HP Penanggung Jawab</span>
+                <span class="text-sm">0822472812142</span>
             </div>
-
-            <!-- Area Information -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Kelurahan</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">Pasar Minggu</span>
-                </div>
-                <div class="flex flex-col gap-1">
-                    <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Kecamatan</span>
-                    <span class="text-base font-normal text-slate-600 font-jakarta-plus">Pasarejo</span>
-                </div>
+        </div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Nama Bank</span>
+                <span class="text-sm">Mandiri</span>
             </div>
-
-            <!-- City and Province -->
-            <div class="w-full flex flex-col gap-6">
-                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-                    <div class="flex flex-col gap-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Kota</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">Koda Adm, Jakarta Timur</span>
-                    </div>
-                    <div class="flex flex-col gap-1">
-                        <span class="text-xs font-normal text-gray-500 font-jakarta-plus">Provinsi</span>
-                        <span class="text-base font-normal text-slate-600 font-jakarta-plus">DKI Jakarta</span>
-                    </div>
-                </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">No. Rekening</span>
+                <span class="text-sm">71494814124</span>
+            </div>
+        </div>
+        <div class="divider"></div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Alamat</span>
+                <span class="text-sm">Jalan Raya Pasar Minggu No. 45, Jakarta Timur, DKI Jakarta</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">RT</span>
+                <span class="text-sm">02</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">RW</span>
+                <span class="text-sm">02</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Kode Pos</span>
+                <span class="text-sm">61374</span>
+            </div>
+        </div>
+        <div class="divider"></div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Provinsi</span>
+                <span class="text-sm">DKI Jakarta</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Kota</span>
+                <span class="text-sm">Koda Adm, Jakarta Timur</span>
+            </div>
+        </div>
+        <div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Kecamatan</span>
+                <span class="text-sm">Pasarejo</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-xs text-gray-500">Kelurahan</span>
+                <span class="text-sm">Pasar Minggu</span>
             </div>
         </div>
     </div>