'use client'

export default function ServiceAnnouncement() {
    return (
        <div className='bg-white text-black p-1 md:p-5'>
            <div className='flex justify-center items-center'>
                <div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
                <div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Maklumat Pelayanan</div>
                <div className='hidden md:block absolute  pb-10 pl-[390px]'><img src="/spark.png" alt="" /></div>
            </div>
            <div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col items-center space-y-5'>
                <img src="/e-ppid.png" alt="service" />
                <div className=" rounded-md p-2 md:p-5 lg:p-7 w-[400px] bg-[#776D6E]  text-white text-center space-y-5">
                    <div className="text-xl font-bold">
                        Maklumat Pelayanan Informasi Publik
                    </div>
                    <div className="font-medium  text-sm pb-5">
                        PPID Polri siap memberikan pelayanan informasi publik secara cepat, tepat waktu, berbiaya ringan dan cara sederhana, sesuai ketentuan perundang-undangan
                    </div>
                    <div className="font-light">
                        Tertanda
                    </div>
                    <div className="font-bold">
                        PPID Polri
                    </div>
                </div>
            </div>
        </div>
    )
}