'use client'
import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
import React from 'react'

export default function VisiMisi() {
    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'>Visi & Misi</div>
                <div className='hidden md:block absolute  pb-10 pl-[250px]'><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'>
                <Tabs aria-label="Options" color='warning'>
                    <Tab key="visimisi" title="Visi dan Misi Polri">
                        <div className='font-bold text-medium md:text-2xl text-left md:text-center '>
                            Visi dan Misi Polri <br />
                            I. Visi <br />
                            Terwujudnya Indonesia yang Aman dan Tertib. <br />
                            II. Misi <br />
                            Melindungi, Mengayomi dan Melayani Masyarakat.</div>
                    </Tab>
                    <Tab key="humas" title="Visi Misi Humas Polri">
                        <div className='leading-8 md:p-3'>
                            <b> Visi dan Misi Humas Polri</b><br />
                            <b> I. Visi</b><br />
                            Terwujudnya Postur Humas Polri yang profesional, bermoral dan modern dibidang kehumasan guna membangun objektivitas, kepercayaan dan partisipasi masyarakat.<br />
                            <b> II. Misi</b><br />
                            1. Membangun kemampuan kehumasan personil Polri dengan baik SDM, Sarpras, Sismet, anggaran menuju Front Office Polri.<br />
                            2. Menjalin kerjasama dengan komponen masyarakat dan pelaku komunikasi.<br />
                            3. Mencari, menghimpun, mengolah, mendistribusikan, menyimpan informasi dan data secara menyeluruh, cepat, tepat dan akurat melalui jaringan terbuka dan mudah dimanfaatkan oleh masyarakat untuk menjalin komunikasi dua arah.<br />
                            4. Mendukung kegiatan Kepolisian dan operasi Kepolisian.<br />
                            5. Kesiapan Polri atas kewajiban memberikan pelayanan informasi publik yang sudah diberlakukannya UU KIP, sehingga realisasi Humas Polri sebagai Front Office perlu segera diwujudkan. Karena itu diperlukan dukungan Sumber Daya Manusia, sarana prasaran berbasis TI, sistem dan metoda serta anggaran yang memadai.
                        </div>
                    </Tab>
                </Tabs>
            </div>
        </div>
    )
}
