diff --git a/Areas/Dinas/Controllers/KotaController.cs b/Areas/Dinas/Controllers/KotaController.cs
new file mode 100644
index 0000000..7db97d9
--- /dev/null
+++ b/Areas/Dinas/Controllers/KotaController.cs
@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace BankSampahApp.Areas.Dinas.Controllers
+{
+    [Area("Dinas")]
+    public class KotaController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+    }
+}
diff --git a/Areas/Dinas/Views/Kota/Index.cshtml b/Areas/Dinas/Views/Kota/Index.cshtml
new file mode 100644
index 0000000..25dc385
--- /dev/null
+++ b/Areas/Dinas/Views/Kota/Index.cshtml
@@ -0,0 +1,85 @@
+@{
+    ViewData["Title"] = "Wilayah Kota";
+}
+
+<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">
+            Wilayah Kota
+        </span>
+    </div>
+</div>
+
+<div class="h-6"></div>
+
+<div class="card bg-white">
+    <div class="card-body p-2">
+        <partial name="~/Areas/Shared/Components/Table/_Control.cshtml" />
+        <div class="overflow-x-auto">
+            <table class="table-zebra table">
+                <!-- head -->
+                <thead>
+                    <tr>
+                        <th class="w-[5%]"></th>
+                        <th class="w-[10%]">Kode</th>
+                        <th class="w-[30%]">Nama Kabupaten</th>
+                        <th class="w-[25%]">Provinsi</th>
+                        <th class="w-[15%]">Latitude</th>
+                        <th class="w-[15%]">Longitude</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th>1</th>
+                        <td>81635</td>
+                        <td>Kota Adm Jakarta Selatan</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                    <tr>
+                        <th>2</th>
+                        <td>81634</td>
+                        <td>Kota Adm Jakarta Pusat</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                    <tr>
+                        <th>3</th>
+                        <td>81633</td>
+                        <td>Kota Adm Jakarta Barat</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                    <tr>
+                        <th>4</th>
+                        <td>81631</td>
+                        <td>Kota Adm Jakarta Timur</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                    <tr>
+                        <th>5</th>
+                        <td>81632</td>
+                        <td>Kota Adm Jakarta Utara</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                    <tr>
+                        <th>6</th>
+                        <td>81630</td>
+                        <td>Kota Adm Kepulauan Seribu</td>
+                        <td>DKI Jakarta</td>
+                        <td>-6.2088, 106.8456</td>
+                        <td>106.8456° E</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
+    </div>
+</div>
\ No newline at end of file
diff --git a/Areas/Shared/Layouts/App/_Sidebar.cshtml b/Areas/Shared/Layouts/App/_Sidebar.cshtml
index c61f25f..d6afed1 100644
--- a/Areas/Shared/Layouts/App/_Sidebar.cshtml
+++ b/Areas/Shared/Layouts/App/_Sidebar.cshtml
@@ -189,13 +189,13 @@
                     </a>
                 </li>
                 <li>
-                    <details>
+                    <details @(new[] { "Kota", "Kecamatan", "Kelurahan" }.Contains(controller) ? "open" : "")>
                         <summary>
                             <i class="ph ph-map-trifold me-2 text-lg"></i>
                             Wilayah
                         </summary>
                         <ul>
-                            <li><a>Kota</a></li>
+                            <li><a asp-area="Dinas" asp-action="Index" asp-controller="Kota" class="@(controller == "Kota" ? "menu-active" : "")">Kota</a></li>
                             <li><a>Kecamatan</a></li>
                             <li><a>Kelurahan</a></li>
                         </ul>