style: sidebarNav humas

components/Landing Page/SidebarNav.tsx

@@ -1,4 +1,4 @@
-import { LinkIcon, ScrollShadow } from '@nextui-org/react'
+import { Button, LinkIcon, ScrollShadow } from '@nextui-org/react'
 import React from 'react'
 import { EyeIcon } from '../icons'
 import Image from 'next/image'
@@ -8,11 +8,22 @@ export default function SidebarNav() {
     return (
         <>
             <div className='space-y-4'>
+                <div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 '>
+                    SERTIFIKAT ISO 9001:2015
+                </div>
+                <div className='h-[370px]   text-white rounded-md'>
+                    <Image height={200} width={380} src="/sertifikat.png" alt="publikasi" />
+                </div>
                 <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 border-2 border-white'>
-                    <ScrollShadow hideScrollBar className=" h-[343px]">
+                <div className='h-[410px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
+                    <ScrollShadow hideScrollBar className=" h-[345px]">
+                        <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>
@@ -34,8 +45,15 @@ export default function SidebarNav() {
                             <p className='flex items-center gap-1'><EyeIcon />82</p>
                         </div>
                     </ScrollShadow>
+                    <Button
+                        className='w-full bg-[#DD8306] font-bold rounded-bl-md rounded-br-md focus:outline-none'
+                        radius='none'
+                    >
+                        Lihat Semua
+                    </Button>
                 </div>
-                <div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
+                <div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>
+                    Publikasi
                     <div className='flex flex-col gap-3 pt-3'>
                         <Image height={200} width={400} src="/publikasi1.png" alt="publikasi" />
                         <Image height={200} width={400} src="/publikasi2.png" alt="publikasi" />
@@ -55,6 +73,9 @@ export default function SidebarNav() {
                 </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'>
+                        <Link href='https://portal.humas.polri.go.id/library' target='_blank'>
+                            <Image height={100} width={300} src="/portal-humas1.png" alt="humas-polri" />
+                        </Link>
                         <Link href='https://mediahub.polri.go.id/' target='_blank'>
                             <Image height={100} width={300} src="/humas1.png" alt="humas-polri" />
                         </Link>
@@ -64,9 +85,12 @@ export default function SidebarNav() {
                         <Link href='https://tvradio.polri.go.id/' target='_blank'>
                             <Image height={100} width={300} src="/humas3.png" alt="humas-polri" />
                         </Link>
-                        <Link href='https://tribratanews.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-md'>
+                        <Link href='https://tribratanews.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-sm'>
                             <Image height={100} width={300} src="/humas4.png" alt="humas-polri" />
                         </Link>
+                        <Link href='https://inp.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-sm px-2'>
+                            <Image height={100} width={300} src="/humas5.png" alt="humas-polri" />
+                        </Link>
                     </div>
                 </div>
             </div>