@{
    ViewData["Title"] = "Berita";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- Hero Section -->
<section id="home" class="relative bg-cover bg-center overflow-hidden bg-black">
    <!-- Background overlay -->
    <div class="absolute inset-0 bg-black/50"></div>

    <!-- Hero Content -->
    <div class="relative z-10 flex items-center min-h-96 px-4 lg:px-28 py-20">
        <div class="w-full max-w-7xl mx-auto flex flex-col justify-center items-center gap-20">
            <div class="flex justify-center items-center gap-8 w-full">
                <div class="max-w-[800px] pr-10 flex flex-col justify-center items-center gap-8">
                    <div class="flex flex-col justify-center items-center gap-8 w-full">

                        <!-- Main Title -->
                        <div class="flex flex-col justify-center items-center gap-2 w-full">
                            <h1 class="text-white text-5xl text-center font-semibold font-jakarta w-full">
                                Berita Terbaru
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Filter Berita -->
<div class="w-full px-4 lg:px-[112px] py-2 lg:py-[24px] bg-white flex flex-col lg:flex-row justify-center gap-2">
    <form class="w-full max-w-5xl">
        <div class="flex items-center w-full h-[55px] border border-gray-300 rounded-lg overflow-hidden bg-white">
            <input
                type="text"
                placeholder="Cari berita..."
                class="flex-1 h-full px-4 text-sm outline-none placeholder:text-gray-500"
            />

           <button
            type="submit"
            class="h-[30px] py-[10px] px-[32px] mr-3 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-semibold cursor-pointer flex items-center justify-center"
            >
            Cari
            </button>

        </div>
    </form>

    <!-- Dropdown match height -->
    <select class="select bg-[#E8EBF0] text-[#1F2937] font-medium w-full lg:w-auto text-sm rounded-lg pr-10 h-[55px] pl-4 border-none flex items-center"
    >
        <option>Semua Tahun</option>
        <option>2025</option>
        <option>2024</option>
        <option>2023</option>
        <option>2022</option>
        <option>2021</option>
        <option>2020</option>
    </select>
</div>

<section id="publications" class="px-4 lg:px-28 py-32 bg-gray-100">
    <div class="w-full flex flex-col justify-start items-start gap-20">
        <div class="flex flex-col justify-start items-start gap-14 w-full">
            <div class="flex flex-col lg:flex-row items-center justify-between gap-6 w-full">
                <div class="flex flex-col justify-start items-start gap-4 w-full">
                    <!-- Badge -->
                    <h2 class="text-gray-900 text-3xl lg:text-4xl font-bold font-jakarta leading-10">Publikasi</h2>
                </div>
            </div>

            <!-- Articles Carousel -->
         
                <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 align-items-center justify-between w-full">
                    <!-- Article 1 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-01.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h2 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h2>
                            <p class="text-gray-500 line-clamp-3">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 2 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-02.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h2 class="card-title line-clamp-2">
                                Menteri LH Dukung Retribusi Pelayanan Kebersihan di Jakarta
                            </h2>
                            <p class="text-gray-500 line-clamp-3">
                                JAKARTA — Menteri Lingkungan Hidup, Hanif Faisol Nurofiq, mendukung penuh langkah
                                Pemerintah
                                Provinsi DKI Jakarta untuk menerapkan Retribusi Pelayanan Kebersihan mulai 1 Januari
                                2025.
                                Dukungan ini disampaikan Menteri Hanif dalam acara "Kolaborasi Bersih Sampah Jakarta -
                                Indonesia Bersih" yang berlangsung di Hutan Kota GBK, Jakarta, Minggu (17/11).
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 3 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h3>
                            <p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 1 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-01.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h2 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h2>
                            <p class="text-gray-500 line-clamp-3">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 2 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-02.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h2 class="card-title line-clamp-2">
                                Menteri LH Dukung Retribusi Pelayanan Kebersihan di Jakarta
                            </h2>
                            <p class="text-gray-500 line-clamp-3">
                                JAKARTA — Menteri Lingkungan Hidup, Hanif Faisol Nurofiq, mendukung penuh langkah
                                Pemerintah
                                Provinsi DKI Jakarta untuk menerapkan Retribusi Pelayanan Kebersihan mulai 1 Januari
                                2025.
                                Dukungan ini disampaikan Menteri Hanif dalam acara "Kolaborasi Bersih Sampah Jakarta -
                                Indonesia Bersih" yang berlangsung di Hutan Kota GBK, Jakarta, Minggu (17/11).
                            </p>
                            <div class="card-actions">
                                <a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 3 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h3>
                            <p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 4 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h3>
                            <p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 4 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h3>
                            <p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>

                    <!-- Article 4 -->
                    <article class="carousel-item article-card">
                        <figure>
                            <img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
                                alt="Article Image" />
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title line-clamp-2">
                                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
                                Luncurkan
                                Platform
                            </h3>
                            <p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
                                JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
                                Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
                                mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
                                nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
                                upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
                                sampah dan bertransaksi di bank sampah.
                            </p>
                            <div class="card-actions">
                                <a href="/Publikasi/Detail" class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
                                    Selengkapnya
                                    <i class="ph ph-arrow-up-right text-lg ms-2"></i>
                                </a>
                            </div>
                        </div>
                    </article>
                </div>
            
        </div>
    </div>
</section>