diff --git a/Areas/Dinas/Controllers/JenisPengolahanController.cs b/Areas/Dinas/Controllers/JenisPengolahanController.cs
new file mode 100644
index 0000000..5c9514f
--- /dev/null
+++ b/Areas/Dinas/Controllers/JenisPengolahanController.cs
@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace BankSampahApp.Areas.Dinas.Controllers
+{
+    [Area("Dinas")]
+    public class JenisPengolahanController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+    }
+}
diff --git a/Areas/Dinas/Views/JenisPengolahan/Index.cshtml b/Areas/Dinas/Views/JenisPengolahan/Index.cshtml
new file mode 100644
index 0000000..f404a6f
--- /dev/null
+++ b/Areas/Dinas/Views/JenisPengolahan/Index.cshtml
@@ -0,0 +1,77 @@
+@{
+    ViewData["Title"] = "Jenis Pengolahan";
+}
+
+<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">
+            Jenis Pengolahan
+        </span>
+    </div>
+
+    <div class="flex flex-col gap-2 md:flex-row">
+        <button class="btn btn-sm bg-bank-sampah-primary-500 max-w-full rounded-full text-white">
+            <i class="ph ph-plus"></i>
+            Tambah Jenis Pengolahan
+        </button>
+    </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%]">No</th>
+                        <th class="w-[85%]">Nama Jenis Pengolahan</th>
+                        <th class="w-[10%]">Aksi</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th>1</th>
+                        <td>Magot</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>2</th>
+                        <td>Komposting</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>3</th>
+                        <td>Pyrolisis</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </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 991de93..6679811 100644
--- a/Areas/Shared/Layouts/App/_Sidebar.cshtml
+++ b/Areas/Shared/Layouts/App/_Sidebar.cshtml
@@ -202,7 +202,7 @@
                     </details>
                 </li>
                 <li>
-                    <details @(new[] { "Aktivitas", "Artikel", "BadanHukum", "Fasilitas", "JenisBankSampah", "JenisNasabah" }.Contains(controller) ? "open" : "")>
+                    <details @(new[] { "Aktivitas", "Artikel", "BadanHukum", "Fasilitas", "JenisBankSampah", "JenisNasabah", "JenisPengolahan" }.Contains(controller) ? "open" : "")>
                         <summary>
                             <i class="ph ph-database me-2 text-lg"></i>
                             Master Data
@@ -214,7 +214,7 @@
                             <li><a asp-area="Dinas" asp-action="Index" asp-controller="Fasilitas" class="@(controller == "Fasilitas" ? "menu-active" : "")">Fasilitas</a></li>
                             <li><a asp-area="Dinas" asp-action="Index" asp-controller="JenisBankSampah" class="@(controller == "JenisBankSampah" ? "menu-active" : "")">Jenis Bank Sampah</a></li>
                             <li><a asp-area="Dinas" asp-action="Index" asp-controller="JenisNasabah" class="@(controller == "JenisNasabah" ? "menu-active" : "")">Jenis Nasabah</a></li>
-                            <li><a>Jenis Pengolahan</a></li>
+                            <li><a asp-area="Dinas" asp-action="Index" asp-controller="JenisPengolahan" class="@(controller == "JenisPengolahan" ? "menu-active" : "")">Jenis Pengolahan</a></li>
                             <li><a>Kategori</a></li>
                             <li><a>Kategori Fasilitas</a></li>
                             <li><a>Mitra</a></li>