45 lines
2.0 KiB
TypeScript
45 lines
2.0 KiB
TypeScript
import { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar'
|
|
import React from 'react'
|
|
import { ThemeSwitch } from '../theme-switch'
|
|
import { FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons'
|
|
|
|
export default function NavbarPPID() {
|
|
return (
|
|
<Navbar maxWidth='full' height="8rem">
|
|
<div className='w-full'>
|
|
<div className='hidden md:flex items-end justify-end'>
|
|
<div className='flex items-center justify-between gap-1 md:gap-10'>
|
|
<div className="flex gap-1 lg:gap-3 items-center">
|
|
<div><FbIcon /></div>
|
|
<div><IgIcon /></div>
|
|
<div><YtIcon /></div>
|
|
<div><TwIcon /></div>
|
|
<div><TtIcon /></div>
|
|
</div>
|
|
<div ><IdnIcon /></div>
|
|
</div>
|
|
</div>
|
|
<div className='flex'>
|
|
<div className='w-1/3 lg:w-2/12'>
|
|
<img src="/e-ppid.png" alt="logo" className='w-48' />
|
|
</div>
|
|
<div className='w-2/3 lg:w-9/12 hidden md:flex flex-wrap items-center justify-evenly '>
|
|
<NavbarItem>Beranda</NavbarItem>
|
|
<div>Informasi Publik</div>
|
|
<div>Profile</div>
|
|
<div>Layanan Informasi</div>
|
|
<div>Standar Layanan</div>
|
|
<div>Regulasi</div>
|
|
<div>Kontak</div>
|
|
<div><ThemeSwitch /></div>
|
|
</div>
|
|
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
|
<ThemeSwitch />
|
|
<NavbarMenuToggle />
|
|
</NavbarContent>
|
|
</div>
|
|
</div>
|
|
</Navbar>
|
|
)
|
|
}
|