pesapakawan/Views/Website/Jasa/PengangkutanSampah.cshtml

@{
    Layout = "~/Views/Website/Shared/_Layout.cshtml";
    ViewData["Title"] = "Jasa Pengangkutan Sampah";
}

<div class="mx-auto bg-gray-50">
    <div class="bg-cyan-700 pt-30 pb-10 mb-8 shadow-md rounded-br-4xl rounded-bl-4xl relative overflow-hidden">
        <div class="absolute inset-0" style="background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(135deg, rgb(0, 163, 227), rgb(6, 182, 212));"></div>
        
        <div class="max-w-6xl mx-auto px-6 hidden md:block relative z-10">
            <nav class="flex items-center text-white text-sm space-x-2" aria-label="Breadcrumb">
                <a href="@Url.Action("Index", "Home")" class="hover:underline">Beranda</a>
                <i class="w-4 h-4 text-white transition-colors duration-300" data-lucide="chevron-right"></i>
                <span class="font-semibold">Pengangkutan Sampah</span>
            </nav>
        </div>
        
        <div class="max-w-6xl mx-auto justify-between flex flex-col md:flex-row items-center px-6 gap-8 relative z-10">
            <div class="flex-1 text-center max-w-xl md:text-left">
                <h1 class="text-3xl md:text-4xl font-medium text-white mb-3">Jasa Pengangkutan Sampah</h1>
                <p class="text-lg text-white mb-4">Layanan pengangkutan residu sampah dari kawasan sesuai regulasi DKI Jakarta.</p>
                <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
            </div>
            <div class="flex-shrink-0 hidden md:block">
                <img src="@Url.Content("~/website/images/bg-header.svg")" alt="Usaha Pesapakawan" class="w-52 h-auto">
            </div>
        </div>
    </div>

    <div class="max-w-6xl mx-auto ">
        <div class="bg-white rounded-lg shadow-lg p-6 mb-8">
            <div class="flex items-start space-x-4 mb-4">
            <div class="bg-blue-100 rounded-full p-3">
                <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-6a2 2 0 012-2h6m2 2v6a2 2 0 01-2 2h-6a2 2 0 01-2-2z"></path>
                </svg>
            </div>
            <div>
                <h2 class="text-2xl font-semibold text-gray-800 mb-2">Pengangkutan Residu Sampah</h2>
                <p class="text-gray-600 leading-relaxed mb-2">
                Pelaksanaan pengangkutan residu sampah dari usaha dan/atau kegiatan serta kawasan telah diatur dalam <span class="font-semibold text-blue-600">Peraturan Daerah Nomor 3 Tahun 2020 Pasal 36 ayat (2)</span>:
                </p>
                <blockquote class="mt-2 p-4 bg-blue-50 border-l-4 border-blue-500 italic text-blue-800">
                “Pengangkutan residu sampah kawasan dari TPS dan/atau TPS 3R kawasan sebagaimana dimaksud pada ayat (1), ke TPST menjadi kewajiban penanggung jawab dan/atau pengelola kawasan dan dapat dikerjasamakan dengan badan usaha di bidang kebersihan.”
                </blockquote>
            </div>
            </div>
            <div class="mt-6">
            <h3 class="text-xl font-semibold text-gray-800 mb-2">Izin Usaha Pelayanan Angkutan</h3>
            <p class="text-gray-600 mb-2">
                Badan usaha yang melakukan pengangkutan sampah wajib memiliki izin usaha pelayanan angkutan di bidang kebersihan sesuai <span class="font-semibold text-blue-600">Peraturan Gubernur Nomor 47 Tahun 2017</span>. Pendaftaran dilakukan melalui <span class="font-semibold text-blue-600">UP PMPTSP Kota</span> dengan kelengkapan dokumen sesuai ketentuan.
            </p>
            <ul class="list-disc pl-5 text-gray-600 space-y-1 mb-4">
                <li>Pengecekan kendaraan dilakukan bersama Tim Teknis Bersama (UP PMPTSP Kota & Dinas Lingkungan Hidup).</li>
                <li>Izin diterbitkan jika persyaratan administrasi dan teknis kendaraan terpenuhi.</li>
            </ul>
            </div>
            <div class="mt-6">
            <h3 class="text-xl font-semibold text-gray-800 mb-2">Persyaratan Teknis Kendaraan</h3>
            <div class="bg-gray-50 rounded-lg p-4 mb-4">
                <ul class="list-decimal pl-5 text-gray-700 space-y-2">
                <li>Berbadan usaha.</li>
                <li>Jenis truk yang diizinkan: <span class="font-semibold">Arm Roll Truck (6-10 m<sup>3</sup>), Dump Truck (6-14 m<sup>3</sup>), Compactor (6-10 m<sup>3</sup>)</span>.</li>
                <li>Truk wajib lulus uji KIR.</li>
                <li>Bak truk tidak bocor, ada tanggul penahan air lindi, bahan tahan korosif.</li>
                <li>Bak penampung air lindi dari plat besi/sejenisnya, model & dimensi sesuai kebutuhan, pipa/selang kuat & tahan bocor.</li>
                <li>Umur truk maksimal 6 tahun saat pendaftaran:
                    <div class="overflow-x-auto mt-2">
                    <table class="min-w-full text-sm text-left border border-gray-200">
                        <thead>
                        <tr class="bg-blue-100">
                            <th class="px-2 py-1 border">Umur Kendaraan</th>
                            <th class="px-2 py-1 border">Masa Berlaku Izin</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="px-2 py-1 border">0 – 4 tahun</td>
                            <td class="px-2 py-1 border">Maks. 3 tahun</td>
                        </tr>
                        <tr>
                            <td class="px-2 py-1 border">5 tahun</td>
                            <td class="px-2 py-1 border">Maks. 2 tahun</td>
                        </tr>
                        <tr>
                            <td class="px-2 py-1 border">6 tahun</td>
                            <td class="px-2 py-1 border">Maks. 1 tahun</td>
                        </tr>
                        </tbody>
                    </table>
                    </div>
                </li>
                <li>Domisili perusahaan di DKI Jakarta.</li>
                <li>STNK truk sesuai domisili perusahaan atau wilayah hukum Polda Metro Jaya.</li>
                <li>STNK atas nama pemohon atau lampirkan surat pernyataan penguasaan kendaraan & perjanjian kerja sama.</li>
                <li>Atribut khusus berupa stiker identitas perusahaan & nomor pintu kendaraan (tidak boleh atribut Pemprov DKI/DLH).</li>
                <li>Truk dilengkapi GPS & akses login untuk DLH DKI Jakarta.</li>
                <li>Truk dilengkapi jaring, terpal, dan APD untuk supir & kru.</li>
                <li>Perusahaan wajib menyediakan lahan parkir sesuai jumlah kendaraan, dibuktikan surat & foto lokasi.</li>
                </ul>
            </div>
            </div>
        </div>
    </div>
</div>