77 lines
3.6 KiB
XML
77 lines
3.6 KiB
XML
import { Button } from '@nextui-org/button'
|
|
import { Input } from '@nextui-org/input'
|
|
import { MailIcon, SendIcon } from '../icons'
|
|
import Link from 'next/link'
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<div className='relative text-xs leading-4 md:leading-loose lg:leading-8 font-semibold '>
|
|
<div className='h-[650px] md:h-[720px] lg:h-auto bg-black'>
|
|
<img src="/assets/Footer.jpg" alt="" className='w-full h-full object-cover object-left-top opacity-80' />
|
|
</div>
|
|
<div className="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-3 lg:grid-cols-7 gap-5 md:gap-4 px-1 md:px-10 lg:px-20 pt-5 md:pt-16 pb-5 md:pb-20 text-white">
|
|
<div className='pb-2 md:pb-0'>
|
|
<p>Berita Terkini</p>
|
|
<p>Info Komnas Anak</p>
|
|
<p>Info Komnas Perempuan</p>
|
|
<p>Kontak</p>
|
|
</div>
|
|
<div className='pb-2 md:pb-0'>
|
|
<p>Tentang PPID</p>
|
|
<p>Profil Pimpinan Polri</p>
|
|
<p>Struktur Organisasi</p>
|
|
<p>Visi & Misi</p>
|
|
<p>Logo</p>
|
|
</div>
|
|
<div className='pb-2 md:pb-0'>
|
|
<p>Informasi Berkala</p>
|
|
<p>Informasi Serta Merta</p>
|
|
<p>Informasi Setiap Saat</p>
|
|
<p>Informasi Dikecualikan</p>
|
|
<p>UU & Peraturan</p>
|
|
<p>Penerangan Satuan</p>
|
|
</div>
|
|
<div className='pb-2 md:pb-0'>
|
|
<p>SP2HP</p>
|
|
<p>Formulir Permohonan Informasi</p>
|
|
<p>Pelayanan SIM</p>
|
|
<p>Pelayanan E-Rikkes SIM</p>
|
|
<p>Pelayana Test Psikologi SIM</p>
|
|
<p>Pelayanan E-Avis</p>
|
|
<p>Pelayanan STNK & BPKP</p>
|
|
<p>Pelayanan SKCK</p>
|
|
<p>Pelayanan Karantina Presisi</p>
|
|
<p>Pelayanan Propam Presisi</p>
|
|
<p>Pelayanan Dumas Presisi</p>
|
|
<p>Pelayanan Polisiku</p>
|
|
<p>Pelayanan BINMAS</p>
|
|
</div>
|
|
<div className='w-min lg:w-max'>
|
|
<p className='text-xl font-bold'>Subscribe</p>
|
|
<p>Dapatkan info & event terupdate dari kami.</p>
|
|
<div className='flex '>
|
|
<Input
|
|
label="Email"
|
|
placeholder="Email Anda"
|
|
className='pt- rounded-none'
|
|
classNames={{
|
|
inputWrapper: "rounded-none rounded-l-lg"
|
|
}}
|
|
startContent={
|
|
<MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
|
|
}
|
|
/>
|
|
<div className='bg-[#C3160F] flex items-center justify-center w-16 rounded-r-lg cursor-pointer'><SendIcon /></div>
|
|
</div>
|
|
<Link href={`/auth`}>
|
|
<Button className='mt-1 bg-[#DD8306]'>
|
|
Kontributor Wilayah
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
<div className='dark:bg-black text-black dark:text-white text-center py-3 text-xs md:text-medium flex justify-center font-normal'>© Copyright Humas<p className='text-red-700'> POLRI ®</p> All Rights Reserved</div>
|
|
</div>
|
|
)
|
|
}
|