@{
    ViewData["Title"] = "Detail Berita";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Styles{
    <style>
        .group-logo{
            background-color: rgba(219, 219, 219, 0.46);
        }
        
         .auth-btn a{
            background-color:black;
           
        }
        .auth-btn a div{
            background-color:black;
            color:white;
        }

        .navbar-landing {
            background-color: rgba(219, 219, 219, 0.46);
        }

        .navbar-landing a div {
            color: black !important;
        }
    </style>
}
<!-- Hero Section -->
<section id="home" class="relative bg-white pt-20 pb-20 px-4 sm:px-10 lg:px-28 mt-10 sm:mt-20">
    <div class="flex flex-col gap-20">
       <div class="flex flex-col gap-4 justify-center 
            px-4 sm:px-10 lg:px-28 
            text-center">
            
            <div class="text-green-600 text-base sm:text-lg font-jakarta">Berita</div>

            <h2 class="font-semibold font-jakarta 
                    text-2xl sm:text-4xl lg:text-5xl 
                    leading-snug sm:leading-tight lg:leading-[60px]">
                Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi,<br/>
                DLH Luncurkan Platform
            </h2>

            <span class="text-gray-400 text-sm sm:text-lg">
                21 November 2024 | 14:53 WIB
            </span>
        </div>

        <img class="w-full max-w-5xl mx-auto rounded-lg" src="/images/publikasi/image-03.png"
                                alt="Article Image" />

        <div class="flex flex-col gap-8">
            <p>
                Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries. As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
            </p>
            <p>
                Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
            </p>
            <p>
                Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
            </p>
            <p>
                Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
            </p>
        </div>

        <div class="card bg-gray-100 shadow-sm rounded-xl p-4 sm:p-6">
            <!-- Flex container untuk Tag dan Badges -->
            <div class="flex flex-wrap items-center gap-2 sm:gap-3">
                <!-- Label "Tag" -->
                <h2 class="text-xl sm:text-2xl font-bold text-black mr-2">Tag</h2>
                
                <!-- Tag Badges -->
                <div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium  cursor-pointer">
                    Sistem Informasi
                </div>
                
                <div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium  cursor-pointer">
                    BLH DKI Jakarta
                </div>
                
                <div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium  cursor-pointer">
                    Informasi
                </div>
                
                <div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium  cursor-pointer">
                    Informasi
                </div>
                
                <div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium  cursor-pointer">
                    Informasi
                </div>
            </div>
        </div>

        <div class="flex flex-col gap-10">

    <!-- Title -->
    <div class="font-bold text-2xl sm:text-3xl lg:text-4xl">
        Berita Lainnya
    </div>

    <!-- Grid -->
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 lg:gap-10">
        <!-- Card 1 -->
        <div class="card bg-base-100 w-full h-auto overflow-hidden rounded-xl shadow-sm">
            <figure class="h-48 sm:h-52 lg:h-56 overflow-hidden">
                <img
                    src="/images/publikasi/image-03.png"
                    alt="Article image"
                    class="w-full h-full object-cover"
                />
            </figure>

            <div class="card-body p-4">
                <h2 class="card-title text-lg sm:text-xl line-clamp-2">
                    Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
                </h2>
            </div>
        </div>

        <!-- Card 2 -->
        <div class="card bg-base-100 w-full h-auto overflow-hidden rounded-xl shadow-sm">
            <figure class="h-48 sm:h-52 lg:h-56 overflow-hidden">
                <img
                    src="/images/publikasi/image-03.png"
                    alt="Article image"
                    class="w-full h-full object-cover"
                />
            </figure>

            <div class="card-body p-4">
                <h2 class="card-title text-lg sm:text-xl line-clamp-2">
                    Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
                </h2>
            </div>
        </div>

        <!-- Card 3 -->
        <div class="card bg-base-100 w-full h-auto overflow-hidden rounded-xl shadow-sm">
            <figure class="h-48 sm:h-52 lg:h-56 overflow-hidden">
                <img
                    src="/images/publikasi/image-03.png"
                    alt="Article image"
                    class="w-full h-full object-cover"
                />
            </figure>

            <div class="card-body p-4">
                <h2 class="card-title text-lg sm:text-xl line-clamp-2">
                    Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
                </h2>
            </div>
        </div>

    </div>
        </div>

    </div>
</section>