diff --git a/components/landing-page/coverage.tsx b/components/landing-page/coverage.tsx index 9f3f9165..3fc75c5c 100644 --- a/components/landing-page/coverage.tsx +++ b/components/landing-page/coverage.tsx @@ -54,22 +54,22 @@ const regions = [ { name: "Polda Kalimantan Barat", slug: "kalimantan-barat", - logo: "/logo/polda/polda-kalbar.png", + logo: "/logo/polda/polda-kalimantan-barat.png", }, { name: "Polda Kalimantan Selatan", slug: "kalimantan-selatan", - logo: "/logo/polda/polda-kalsel.png", + logo: "/logo/polda/polda-kalimantan-selatan.png", }, { name: "Polda Kalimantan Tengah", slug: "kalimantan-tengah", - logo: "/logo/polda/polda-kalteng.png", + logo: "/logo/polda/polda-kalimantan-tengah.png", }, { name: "Polda Kalimantan Timur", slug: "kalimantan-timur", - logo: "/logo/polda/polda-kaltim.png", + logo: "/logo/polda/polda-kalimantan-timur.png", }, { name: "Polda Kalimantan Utara", @@ -117,6 +117,16 @@ const regions = [ slug: "papua-barat", logo: "/logo/polda/polda-papua-barat.png", }, + { + name: "Polda Papua Barat Daya", + slug: "papua-barat-daya", + logo: "/logo/polda/polda-papua-barat-daya.png", + }, + { + name: "Polda Papua Tengah", + slug: "papua-tengah", + logo: "/logo/polda/polda-papua-tengah.png", + }, { name: "Polda Riau", slug: "riau", logo: "/logo/polda/polda-riau.png" }, { name: "Polda Sulawesi Barat", @@ -173,14 +183,18 @@ const regions = [ const Coverage: React.FC = () => { const [seeAllValue, setSeeAllValue] = useState(false); const [searchTerm, setSearchTerm] = useState(""); - const [filteredList, setFilteredList] = useState(regions); + const [filteredList, setFilteredList] = useState( + regions + ); const pathname = usePathname(); const t = useTranslations("LandingPage"); const handleSearch = () => { const value = searchTerm.toLowerCase(); - const filtered = regions.filter((polda) => polda.name.toLowerCase().includes(value)); + const filtered = regions.filter((polda) => + polda.name.toLowerCase().includes(value) + ); setFilteredList(filtered); }; @@ -198,16 +212,32 @@ const Coverage: React.FC = () => { `; - const toBase64 = (str: string) => (typeof window === "undefined" ? Buffer.from(str).toString("base64") : window.btoa(str)); + const toBase64 = (str: string) => + typeof window === "undefined" + ? Buffer.from(str).toString("base64") + : window.btoa(str); return (
{filteredList?.map((region: any) => ( - +
- {region.name} + {region.name}

{region.name}

diff --git a/components/landing-page/division.tsx b/components/landing-page/division.tsx index 6b4dab18..e6713943 100644 --- a/components/landing-page/division.tsx +++ b/components/landing-page/division.tsx @@ -9,48 +9,172 @@ import Image from "next/image"; const regions = [ { name: "ITWASUM POLRI", slug: "itwasum", logo: "/logo/satker/ITWASUM.png" }, - { name: "BAINTELKAM POLRI", slug: "baintelkam", logo: "/logo/satker/BAINTELKAM.png" }, - { name: "BAHARKAM POLRI", slug: "baharkam", logo: "/logo/satker/BAHARKAM.png" }, - { name: "BARESKRIM POLRI", slug: "bareskrim", logo: "/logo/satker/BARESKRIM.png" }, - { name: "LEMDIKLAT POLRI", slug: "lemdiklat", logo: "/logo/satker/LEMDIKLAT.png" }, + { + name: "BAINTELKAM POLRI", + slug: "baintelkam", + logo: "/logo/satker/BAINTELKAM.png", + }, + { + name: "BAHARKAM POLRI", + slug: "baharkam", + logo: "/logo/satker/BAHARKAM.png", + }, + { + name: "BARESKRIM POLRI", + slug: "bareskrim", + logo: "/logo/satker/BARESKRIM.png", + }, + { + name: "LEMDIKLAT POLRI", + slug: "lemdiklat", + logo: "/logo/satker/LEMDIKLAT.png", + }, { name: "KORBRIMOB POLRI", slug: "brimob", logo: "/logo/satker/BRIMOB.png" }, { name: "STAMAOPS POLRI", slug: "sops", logo: "/logo/satker/SOPS.png" }, { name: "STAMARENA POLRI", slug: "srena", logo: "/logo/satker/SRENA.png" }, { name: "SSDM POLRI", slug: "ssdm", logo: "/logo/satker/SSDM.png" }, { name: "SLOG POLRI", slug: "slog", logo: "/logo/satker/SLOG.png" }, - { name: "SAHLI KAPOLRI", slug: "stafahli", logo: "/logo/satker/STAFAHLI.png" }, - { name: "DIVPROPRAM POLRI", slug: "divpropram", logo: "/logo/satker/DIVPROPAM.png" }, - { name: "DIVKUM", slug: "divkum", logo: "/assets/satker/divkum.png" }, - { name: "DIVHUBINTER POLRI", slug: "divhubinter", logo: "/logo/satker/DIVHUBINTER.png" }, + { + name: "SAHLI KAPOLRI", + slug: "stafahli", + logo: "/logo/satker/STAFAHLI.png", + }, + { + name: "DIVPROPRAM POLRI", + slug: "divpropram", + logo: "/logo/satker/DIVPROPAM.png", + }, + { name: "DIVKUM", slug: "divkum", logo: "/logo/satker/DIVKUM.png" }, + { + name: "DIVHUBINTER POLRI", + slug: "divhubinter", + logo: "/logo/satker/DIVHUBINTER.png", + }, { name: "DIVTIK POLRI", slug: "div-tik", logo: "/logo/satker/DIV-TIK.png" }, - { name: "KORLANTAS POLRI", slug: "korlantas", logo: "/logo/satker/KORLANTAS.png" }, - { name: "DENSUS 88 POLRI", slug: "densus-88", logo: "/logo/satker/DENSUS-88.png" }, - { name: "PUSDOKKES POLRI", slug: "pusdokkes", logo: "/logo/satker/PUSDOKKES.png" }, - { name: "PUSLITBANG POLRI", slug: "puslitbang", logo: "/logo/satker/PUSLITBANG.png" }, + { + name: "KORLANTAS POLRI", + slug: "korlantas", + logo: "/logo/satker/KORLANTAS.png", + }, + { + name: "DENSUS 88 POLRI", + slug: "densus-88", + logo: "/logo/satker/DENSUS-88.png", + }, + { + name: "PUSDOKKES POLRI", + slug: "pusdokkes", + logo: "/logo/satker/PUSDOKKES.png", + }, + { + name: "PUSLITBANG POLRI", + slug: "puslitbang", + logo: "/logo/satker/PUSLITBANG.png", + }, { name: "PUSKEU POLRI", slug: "puskeu", logo: "/logo/satker/PUSKEU.png" }, - { name: "PUSJARAH POLRI", slug: "pusjarah", logo: "/logo/satker/PUSJARAH.png" }, + { + name: "PUSJARAH POLRI", + slug: "pusjarah", + logo: "/logo/satker/PUSJARAH.png", + }, { name: "SETUM POLRI", slug: "setum", logo: "/logo/satker/SETUM.png" }, { name: "YANMA POLRI", slug: "yanma", logo: "/logo/satker/YANMA.png" }, { name: "SPRIPIM POLRI", slug: "spripim", logo: "/logo/satker/SPRIPIM.png" }, - { name: "KORPOLAIRUD BAHARKAM POLRI", slug: "polairud", logo: "/logo/satker/POLAIRUD.png" }, - { name: "KORSABHARA BAHARKAM POLRI", slug: "korps-sabhara-baharkam", logo: "/logo/satker/KORPS-SABHARA-BAHARKAM.png" }, - { name: "KORBINMAS BAHARKAM POLRI", slug: "binmas", logo: "/logo/satker/BINMAS.png" }, - { name: "DITTIPIDUM BARESKRIM POLRI", slug: "dittipidum", logo: "/logo/satker/DITTIPIDUM.png" }, - { name: "DITTIPIDEKSUS BARESKRIM POLRI", slug: "dittipideksus", logo: "/logo/satker/DITTIPIDEKSUS.png" }, - { name: "DITTIPIDKOR BARESKRIM POLRI", slug: "dittipidkor", logo: "/logo/satker/DITTIPIDKOR.png" }, - { name: "DITTIPIDNARKOBA BARESKRIM POLRI", slug: "dittipidnarkoba", logo: "/logo/satker/DITTIPIDNARKOBA.png" }, - { name: "DITTIPIDTER BARESKRIM POLRI", slug: "dittipidter", logo: "/logo/satker/DITTIPIDTER.png" }, - { name: "DITTIPIDSIBER BARESKRIM POLRI", slug: "dittipidsiber", logo: "/logo/satker/DITTIPIDSIBER.png" }, - { name: "DIT PPA-PPO BARESKRIM POLRI", slug: "dit-ppa-ppo", logo: "/logo/satker/DITPPAPPO.png" }, - { name: "PUSLABFOR BARESKRIM POLRI", slug: "puslabfor", logo: "/assets/satker/puslabfor.png" }, - { name: "PUSIKNAS BARESKRIM POLRI", slug: "pusiknas", logo: "/logo/satker/PUSKINAS.png" }, - { name: "STIK LEMDIKLAT POLRI", slug: "stik-ptik", logo: "/logo/satker/STIK-PTIK.png" }, - { name: "AKPOL LEMDIKLAT POLRI", slug: "akpol", logo: "/logo/satker/AKPOL.png" }, - { name: "SESPIM LEMDIKLAT POLRI", slug: "sespim-polri", logo: "/logo/satker/SESPIM-POLRI.png" }, - { name: "SETUKPA LEMDIKLAT POLRI", slug: "setupa-polri", logo: "/logo/satker/SETUPA-POLRI.png" }, - { name: "SEPOLWAN LEMDIKLAT POLRI", slug: "sepolwan-polri", logo: "/logo/satker/SEPOLWAN-POLRI.png" }, - { name: "SEBASA LEMDIKLAT POLRI", slug: "sebasa-polri", logo: "/logo/satker/SEBASA-POLRI.png" }, - { name: "RUMKIT BHAYANGKARA TK I", slug: "rumkit-bhayangkara", logo: "/logo/satker/RUMKIT-BHAYANGKARA.png" }, + { + name: "KORPOLAIRUD BAHARKAM POLRI", + slug: "polairud", + logo: "/logo/satker/POLAIRUD.png", + }, + { + name: "KORSABHARA BAHARKAM POLRI", + slug: "korps-sabhara-baharkam", + logo: "/logo/satker/KORPS-SABHARA-BAHARKAM.png", + }, + { + name: "KORBINMAS BAHARKAM POLRI", + slug: "binmas", + logo: "/logo/satker/BINMAS.png", + }, + { + name: "DITTIPIDUM BARESKRIM POLRI", + slug: "dittipidum", + logo: "/logo/satker/DITTIPIDUM.png", + }, + { + name: "DITTIPIDEKSUS BARESKRIM POLRI", + slug: "dittipideksus", + logo: "/logo/satker/DITTIPIDEKSUS.png", + }, + { + name: "DITTIPIDKOR BARESKRIM POLRI", + slug: "dittipidkor", + logo: "/logo/satker/DITTIPIDKOR.png", + }, + { + name: "DITTIPIDNARKOBA BARESKRIM POLRI", + slug: "dittipidnarkoba", + logo: "/logo/satker/DITTIPIDNARKOBA.png", + }, + { + name: "DITTIPIDTER BARESKRIM POLRI", + slug: "dittipidter", + logo: "/logo/satker/DITTIPIDTER.png", + }, + { + name: "DITTIPIDSIBER BARESKRIM POLRI", + slug: "dittipidsiber", + logo: "/logo/satker/DITTIPIDSIBER.png", + }, + { + name: "DIT PPA-PPO BARESKRIM POLRI", + slug: "dit-ppa-ppo", + logo: "/logo/satker/DITPPAPPO.png", + }, + { + name: "PUSLABFOR BARESKRIM POLRI", + slug: "puslabfor", + logo: "/assets/satker/puslabfor.png", + }, + { + name: "PUSIKNAS BARESKRIM POLRI", + slug: "pusiknas", + logo: "/logo/satker/PUSKINAS.png", + }, + { + name: "STIK LEMDIKLAT POLRI", + slug: "stik-ptik", + logo: "/logo/satker/STIK-PTIK.png", + }, + { + name: "AKPOL LEMDIKLAT POLRI", + slug: "akpol", + logo: "/logo/satker/AKPOL.png", + }, + { + name: "SESPIM LEMDIKLAT POLRI", + slug: "sespim-polri", + logo: "/logo/satker/SESPIM-POLRI.png", + }, + { + name: "SETUKPA LEMDIKLAT POLRI", + slug: "setupa-polri", + logo: "/logo/satker/SETUPA-POLRI.png", + }, + { + name: "SEPOLWAN LEMDIKLAT POLRI", + slug: "sepolwan-polri", + logo: "/logo/satker/SEPOLWAN-POLRI.png", + }, + { + name: "SEBASA LEMDIKLAT POLRI", + slug: "sebasa-polri", + logo: "/logo/satker/SEBASA-POLRI.png", + }, + { + name: "RUMKIT BHAYANGKARA TK I", + slug: "rumkit-bhayangkara", + logo: "/logo/satker/RUMKIT-BHAYANGKARA.png", + }, { name: "POLAIR", slug: "polair", logo: "/logo/satker/POLAIR.png" }, { name: "POLUDARA", slug: "poludara", logo: "/logo/satker/POLUDARA.png" }, { name: "PUSINAFIS", slug: "pusinafis", logo: "/logo/satker/PUSINAFIS.png" }, @@ -62,14 +186,18 @@ const regions = [ const Division = () => { const [searchTerm, setSearchTerm] = useState(""); const [seeAllValue, setSeeAllValue] = useState(false); - const [filteredList, setFilteredList] = useState(regions); + const [filteredList, setFilteredList] = useState( + regions + ); const pathname = usePathname(); const t = useTranslations("LandingPage"); const handleSearch = () => { const value = searchTerm.toLowerCase(); - const filtered = regions.filter((satker) => satker.name.toLowerCase().includes(value)); + const filtered = regions.filter((satker) => + satker.name.toLowerCase().includes(value) + ); setFilteredList(filtered); }; @@ -87,7 +215,10 @@ const Division = () => { `; - const toBase64 = (str: string) => (typeof window === "undefined" ? Buffer.from(str).toString("base64") : window.btoa(str)); + const toBase64 = (str: string) => + typeof window === "undefined" + ? Buffer.from(str).toString("base64") + : window.btoa(str); return (
@@ -118,9 +249,21 @@ const Division = () => { {/* Grid Wilayah */}
{filteredList?.map((region: any) => ( - +
- {region.name} + {region.name}

{region.name}

diff --git a/public/logo/polda/polda-papua-barat-daya.png b/public/logo/polda/polda-papua-barat-daya.png new file mode 100644 index 00000000..652e5893 Binary files /dev/null and b/public/logo/polda/polda-papua-barat-daya.png differ diff --git a/public/logo/polda/polda-papua-tengah.png b/public/logo/polda/polda-papua-tengah.png new file mode 100644 index 00000000..24f61d58 Binary files /dev/null and b/public/logo/polda/polda-papua-tengah.png differ diff --git a/public/logo/satker/DITPPAPPO.png b/public/logo/satker/DITPPAPPO.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITPPAPPO.png differ diff --git a/public/logo/satker/DITTIPIDEKSUS.png b/public/logo/satker/DITTIPIDEKSUS.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDEKSUS.png differ diff --git a/public/logo/satker/DITTIPIDKOR.png b/public/logo/satker/DITTIPIDKOR.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDKOR.png differ diff --git a/public/logo/satker/DITTIPIDNARKOBA.png b/public/logo/satker/DITTIPIDNARKOBA.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDNARKOBA.png differ diff --git a/public/logo/satker/DITTIPIDSIBER.png b/public/logo/satker/DITTIPIDSIBER.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDSIBER.png differ diff --git a/public/logo/satker/DITTIPIDTER.png b/public/logo/satker/DITTIPIDTER.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDTER.png differ diff --git a/public/logo/satker/DITTIPIDUM.png b/public/logo/satker/DITTIPIDUM.png new file mode 100644 index 00000000..6487409e Binary files /dev/null and b/public/logo/satker/DITTIPIDUM.png differ diff --git a/public/logo/satker/DIVKUM.png b/public/logo/satker/DIVKUM.png new file mode 100644 index 00000000..ad16f3a7 Binary files /dev/null and b/public/logo/satker/DIVKUM.png differ