humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add portal PPID

This commit is contained in:
amd123 2024-02-05 16:37:05 +07:00
parent 6027fa8484
commit 74cc52cb55
27 changed files with 1486 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
app/layout.tsx
View File

@ -1,36 +1,40 @@
import "@/styles/globals.css";
import { Metadata } from "next";
import { siteConfig } from "@/config/site";
import { fontSans } from "@/config/fonts";
import { Providers } from "./providers";
import { Navbar } from "@/components/navbar";
import { Link } from "@nextui-org/link";
import clsx from "clsx";
import Image from "next/image";
'use client'
import Footer from "@/components/Landing Page/Footer";
import { Navbar } from "@/components/navbar";
import { fontSans } from "@/config/fonts";
import { siteConfig } from "@/config/site";
import "@/styles/globals.css";
import clsx from "clsx";
import { Metadata } from "next";
import { Providers } from "./providers";
import { usePathname } from "next/navigation";
import { PPIDLayout } from "@/components/layout/ppid-layout";
export const metadata: Metadata = {
title: {
default: siteConfig.name,
template: `%s - ${siteConfig.name}`,
},
description: siteConfig.description,
themeColor: [
{ media: "(prefers-color-scheme: light)", color: "white" },
{ media: "(prefers-color-scheme: dark)", color: "black" },
],
icons: {
icon: "/favicon.ico",
shortcut: "/favicon-16x16.png",
apple: "/apple-touch-icon.png",
},
};
// export const metadata: Metadata = {
// title: {
// default: siteConfig.name,
// template: `%s - ${siteConfig.name}`,
// },
// description: siteConfig.description,
// themeColor: [
// { media: "(prefers-color-scheme: light)", color: "white" },
// { media: "(prefers-color-scheme: dark)", color: "black" },
// ],
// icons: {
// icon: "/favicon.ico",
// shortcut: "/favicon-16x16.png",
// apple: "/apple-touch-icon.png",
// },
// };
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const pathname = usePathname();
console.log(pathname)
return (
<html lang="en" suppressHydrationWarning>
<head />
@ -41,20 +45,29 @@ export default function RootLayout({
)}
>
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
<div className="relative">
<Navbar />
<section className="md:absolute md:top-0 w-full ">
<img
alt="banner"
src="/headerbannerpng.png"
className=" w-full"
/>
<main className="pt-8 px-2 md:px-4 lg:px-6 flex-grow">
{pathname === "/" ? (
<div className="relative">
<Navbar />
<section className="md:absolute md:top-0 w-full ">
<img
alt="banner"
src="/headerbannerpng.png"
className=" w-full"
/>
<main className="pt-8 px-2 md:px-4 lg:px-6 flex-grow">
{children}
</main>
<Footer />
</section>
</div>
) : (
<>
<PPIDLayout>
{children}
</main>
</PPIDLayout>
<Footer />
</section>
</div>
</>
)}
</Providers>
</body>
</html>

12
app/portal-ppid/page.tsx Normal file
View File

@ -0,0 +1,12 @@
'use client'
import { usePathname } from 'next/navigation';
import React from 'react'
export default function PortalPPID() {
const pathname = usePathname();
console.log(pathname)
return (
<div>portalPPID</div>
)
}

4
components/Landing Page/SidebarNav.tsx
View File

@ -6,10 +6,10 @@ export default function SidebarNav() {
return (
<>
<div className='space-y-4'>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 '>
Media Update
</div>
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md'>
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
<ScrollShadow hideScrollBar className=" h-[343px]">
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>

81
components/Portal PPID/LatestNews.tsx Normal file
View File

@ -0,0 +1,81 @@
import { Button } from '@nextui-org/button'
import React from 'react'
export default function LatestNews() {
return (
<div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
<div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
Berita Terbaru
</div>
<div className=' flex flex-col gap-4'>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news1.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news2.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news3.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news4.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news5.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news6.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news7.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news7.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news7.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news7.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='flex justify-center py-3'>
<Button
className='bg-[#DD8306] w-40 font-semibold'
size='sm'
>
Lihat Arsip Berita</Button>
</div>
</div>
</div>
)
}

93
components/Portal PPID/PPIDSidebar.tsx Normal file
View File

@ -0,0 +1,93 @@
import { ScrollShadow } from '@nextui-org/react'
import React from 'react'
import { EyeIcon } from '../icons'
export default function PPIDSidebar() {
return (
<div className='bg-white text-black p-1 md:p-2 lg:p-4 space-y-4'>
<div>Form Regis</div>
<div>
<div className='text-lg font-bold border-5 border-blue-950 rounded-tr-lg rounded-tl-lg'>
<img src="/gprheader.png" alt="gpr" className='w-full' />
</div>
<div className='overflow-y-scroll h-[343px] border-5 border-blue-950 text-black'>
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
</div>
<div className=' border-5 border-blue-950 rounded-bl-lg rounded-br-lg'>
<img src="/gprfooter.png" alt="gpr" className='w-full' />
</div>
</div>
<div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 pb-3'>
Media Update
</div>
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
<ScrollShadow hideScrollBar className=" h-[343px]">
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
</ScrollShadow>
</div>
</div>
<div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
<div className='flex flex-col gap-3 pt-3'>
<img src="/publikasi1.png" alt="publikasi" />
<img src="/publikasi2.png" alt="publikasi" />
<img src="/publikasi3.png" alt="publikasi" />
<img src="/publikasi4.png" alt="publikasi" />
<img src="/publikasi5.png" alt="publikasi" />
<img src="/publikasi6.png" alt="publikasi" />
<img src="/publikasi7.png" alt="publikasi" />
</div>
</div>
</div>
<div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Channel Humas Polri
<div className='flex flex-col gap-3 m-10'>
<img src="/humas1.png" alt="humas-polri" />
<img src="/humas2.png" alt="humas-polri" />
<img src="/humas3.png" alt="humas-polri" />
<img src="/humas4.png" alt="humas-polri" />
</div>
</div>
</div>
</div>
)
}

18
components/Portal PPID/PpidMain.tsx Normal file
View File

@ -0,0 +1,18 @@
import React from 'react'
import PublicInformation from './PublicInformation'
import PPIDSidebar from './PPIDSidebar'
import LatestNews from './LatestNews'
export default function PPIDbody() {
return (
<div className='md:flex px-2 md:px-4 lg:px-6 border-2 border-red-600'>
<div className='w-auto bg-[#E2E2E2] md:w-[70%]'>
<PublicInformation />
<LatestNews />
</div>
<div className='w-auto md:w-[30%]'>
<PPIDSidebar />
</div>
</div>
)
}

67
components/Portal PPID/PublicInformation.tsx Normal file
View File

@ -0,0 +1,67 @@
import React from 'react'
export default function PublicInformation() {
return (
<div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
<div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
Informasi Publik
</div>
<div className='space-y-4 px-2'>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik1.png" alt="" />
</div>
<div>
<p className='font-semibold pb-1'>Informasi Serta Merta</p>
<p className='text-sm'>Informasi Serta Merta adalah Informasi yang wajib disediakan dan diumumkan secara sertamerta yang dapat mengancam hajat hidup orang banyak dan ketertiban umum. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 10</p>
</div>
</div>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik2.png" alt="" />
</div>
<div>
<p className='font-semibold'>Informasi Berkala</p>
<p className='text-sm'>Informasi Berkala adalah Informasi yang wajib disediakan dan diumumkan secara berkala oleh Badan Publik. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 9</p>
</div>
</div>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik3.png" alt="" />
</div>
<div>
<p className='font-semibold'>Informasi Setiap Saat</p>
<p className='text-sm'>Informasi Publik yang berada dibawah penguasaannya, tidak termasuk yang dikecualikan hasil keputusan badan publik dan pertimbangannya. Seluruh kebijakan yang ada berikut dokumen pendukungnya rencana kerja. Perjanjian badan publik dengan pihak ketiga. Informasi dan kebijakan yang disampaikan pejabat publik dalam pertemuan yang terbuka untuk Umum. Prosedur kerja. Laporan mengenai pelayanan akses informasi publik sebagaimana diatur dalam undang-undang ini. Pasal 11</p>
</div>
</div>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik4.png" alt="" />
</div>
<div>
<p className='font-semibold'>Informasi Dikecualikan</p>
<p className='text-sm'>Informasi yang Dikecualikan adalah informasi yang tidak dapat diakses oleh Pemohon Informasi Publik sebagaimana dimaksud dalam Pasal 17 Undang-Undang Nomor 14 Tahun 2008 tentang Keterbukaan Informasi Publik</p>
</div>
</div>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik5.png" alt="" />
</div>
<div>
<p className='font-semibold'>Penerangan Satuan</p>
<p className='text-sm'>Penerangan Satuan adalah hasil dari kegiatan Divisi Humas Polri dalam menyampaikan informasi terkait kerja sama dan kemitraan dengan media massa berikut komponennya</p>
</div>
</div>
<div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
<div className='min-w-max'>
<img src="/infopublik6.png" alt="" />
</div>
<div>
<p className='font-semibold'>UU & Peraturan</p>
<p className='text-sm'>Undang-Undang adalah salah satu jenis Peraturan Perundang-undangan yang dibentuk oleh Dewa Perwakilan Rakyat (DPR) dengan persetujuan bersama Presiden. Sedangkan Peraturan disini merupakan Peraturan Kepolisian yang ditetapkan oleh Kapolri dan berlaku untuk seluruh wilayah kerja</p>
</div>
</div>
</div>
</div>
)
}

38
components/Portal PPID/ppid-banner.tsx Normal file
View File

@ -0,0 +1,38 @@
import React from 'react'
import { SearchIcons } from '../icons'
import { Input } from '@nextui-org/input'
export default function PPIDBanner() {
return (
<div className='relative h-screen'>
<div className='relative w-full'>
<img
className='w-full opacity-100 dark:opacity-90'
src="bannerppid.png"
alt="banner"
/>
</div>
<div className='flex flex-col items-center w-[100%] md:w-[80%] leading-10 h-auto absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center bg-inherit text-inherit md:text-white'>
<p className='text-lg md:text-xl lg:text-4xl font-bold leading-10'>
SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA (HUMAS POLRI)
</p>
<p className='text-xs md:text-md lg:text-base pt-5'>
Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari <br /> implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
</p>
<div className='pt-4 w-[50%]'>
<Input
type="email"
placeholder="Informasi Berkala"
classNames={{
inputWrapper: 'bg-white'
}}
startContent={
<SearchIcons className=" text-default-400 pointer-events-none flex-shrink-0" />
}
/>
</div>
</div>
</div>
)
}

1052
components/Portal PPID/ppid-navbar.tsx Normal file
View File

File diff suppressed because it is too large Load Diff

28
components/icons.tsx
View File

@ -461,3 +461,31 @@ export const MailIcon = (props: any) => (
/>
</svg>
);
export const SearchIcons = (props: any) => (
<svg
aria-hidden="true"
fill="none"
focusable="false"
height="1em"
role="presentation"
viewBox="0 0 24 24"
width="1em"
{...props}
>
<path
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<path
d="M22 22L20 20"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
</svg>
)

21
components/layout/ppid-layout.tsx Normal file
View File

@ -0,0 +1,21 @@
"use client";
import React from "react";
import { PPIDNavbar } from "../Portal PPID/ppid-navbar";
import PPIDBanner from "../Portal PPID/ppid-banner";
import PPIDbody from "../Portal PPID/PpidMain";
interface Props {
children: React.ReactNode;
pageTitle?: string;
}
export const PPIDLayout = ({ children, pageTitle }: Props) => {
return (
<section>
<PPIDNavbar />
<PPIDBanner />
<PPIDbody />
</section>
);
};

88
components/navbar.tsx
View File

@ -1,6 +1,5 @@
'use client'
import { Input } from "@nextui-org/input";
import { Link } from "@nextui-org/link";
import {
NavbarBrand,
NavbarContent,
@ -25,7 +24,7 @@ import {
import { ThemeSwitch } from "@/components/theme-switch";
import { siteConfig } from "@/config/site";
import { Avatar, Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image, User } from "@nextui-org/react";
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image, Link } from "@nextui-org/react";
import { useEffect, useState } from "react";
export const Navbar = () => {
@ -264,7 +263,14 @@ export const Navbar = () => {
</div>
</NavbarItem>
<NavbarItem >
<Dropdown className="border border-purple-700">
<Link href="/portal-ppid">
<Button
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
variant="light">
Portal PPID
</Button>
</Link>
{/* <Dropdown className="w-[97vw]">
<DropdownTrigger>
<Button
className="bg-transparent p-0 text-medium font-semibold data-[hover=true]:bg-transparent"
@ -277,73 +283,27 @@ export const Navbar = () => {
aria-label="Action event example"
onAction={(key) => alert(key)}
classNames={{
base: "border border-green-500",
list: "border border-pink-500"
base: 'border-2 border-green-500 '
}}
itemClasses={{
wrapper: "border-2 border-green-500",
base: "w-[350px] text-wrap"
}}
itemClasses={{
base: 'border-2 border-pink-500 w-80 data-[hover=true]:w-max'
}}
>
<DropdownSection className="border border-red-700"
<DropdownSection
classNames={{
base: "border border-yellow-500",
}}
itemClasses={{
base: "border border-white-500",
wrapper: "border-2 border-white-500"
group: "flex",
}}>
<DropdownItem
key="sp2hp"
>
<div className="flex flex-wrap items-center">
<div className="min-w-max"><img src="/sp2h.png" alt="" /></div>
<div className="text-xs pl-2">
<div>SP2HP</div>
<div className="">
Pelayanan Berbasis Website Sistem Informasi Satpam Online, BUJP, Pelaporan Binmas.
</div>
</div>
</div>
</DropdownItem>
<DropdownItem
key="sp2hp"
>
<div className="flex items-center">
<div className="min-w-max"><img src="/sp2h.png" alt="" /></div>
<div className="text-xs pl-2">
<div>SP2HP</div>
<div className="truncate max-w-min">
Surat Pemberitahuan Perkembangan Hasil Penyidikan Online
</div>
</div>
</div>
</DropdownItem>
<DropdownItem
key="sp2hp"
>
<div className="flex items-center">
<div className="min-w-max"><img src="/sp2h.png" alt="" /></div>
<div className="text-xs pl-2">
<div>SP2HP</div>
<div className="truncate max-w-min">
Surat Pemberitahuan Perkembangan Hasil Penyidikan Online
</div>
</div>
</div>
</DropdownItem>
<DropdownItem
key="sp2hp"
>
<div className="flex items-center">
<div className="min-w-max"><img src="/sp2h.png" alt="" /></div>
<div className="text-xs pl-2">
<div>SP2HP</div>
<div className="truncate max-w-min">
Surat Pemberitahuan Perkembangan Hasil Penyidikan Online
</div>
</div>
</div>
</DropdownItem>
<DropdownItem>Pelayanan Berbasis Website Sistem Informasi Satpam Online, BUJP, Pelaporan Binmas.</DropdownItem>
<DropdownItem>Pelayanan Berbasis Website Sistem Informasi Satpam Online, BUJP, Pelaporan Binmas.</DropdownItem>
<DropdownItem>Pelayanan Berbasis Website Sistem Informasi Satpam Online, BUJP, Pelaporan Binmas.</DropdownItem>
<DropdownItem>Pelayanan Berbasis Website Sistem Informasi Satpam Online, BUJP, Pelaporan Binmas.</DropdownItem>
</DropdownSection>
</DropdownMenu>
</Dropdown>
</Dropdown> */}
</NavbarItem>
<NavbarItem>
<div >

BIN
public/Illustrasi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
public/bannerppid.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 683 KiB

BIN
public/infopublik1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/infopublik2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/infopublik3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
public/infopublik4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
public/infopublik5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
public/infopublik6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
public/news1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/news2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
public/news3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/news4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/news5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
public/news6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/news7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB