(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{2257:(e,r,s)=>{Promise.resolve().then(s.t.bind(s,2527,23)),Promise.resolve().then(s.bind(s,3406)),Promise.resolve().then(s.t.bind(s,4230,23)),Promise.resolve().then(s.t.bind(s,6168,23))},3406:(e,r,s)=>{"use strict";s.d(r,{default:()=>o});var a=s(5155),t=s(8173),i=s.n(t),l=s(2115),n=s(2242);function o(){let[e,r]=(0,l.useState)(!1);return(0,a.jsxs)("header",{className:"sticky top-0 z-30 w-full mt-2 bg-transparent md:mt-5",children:[(0,a.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,a.jsxs)("div",{className:"relative flex h-14 items-center justify-between gap-3 rounded-2xl bg-gray-900/9 px-3 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] after:absolute after:inset-0 after:-z-10 after:backdrop-blur-xs",children:[(0,a.jsx)("div",{className:"flex items-center flex-1",children:(0,a.jsx)(n.A,{})}),(0,a.jsx)("button",{className:"flex items-center px-3 py-2 text-gray-300 md:hidden",onClick:()=>r(!e),"aria-label":"Toggle menu",children:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e?(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}):(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),(0,a.jsx)("nav",{className:"items-center justify-center flex-1 hidden md:flex",children:(0,a.jsxs)("ul",{className:"flex gap-6",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/",className:"text-gray-300 transition-colors hover:text-white",children:"Home"})}),(0,a.jsxs)("li",{className:"relative group",children:[(0,a.jsx)("button",{className:"text-gray-300 transition-colors hover:text-white focus:outline-none",children:"Profil"}),(0,a.jsxs)("ul",{className:"absolute left-0 mt-2 min-w-[180px] rounded-md bg-gray-800 shadow-lg z-20 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/sejarah",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Sejarah"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/visi-misi",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Visi & Misi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/struktur-organisasi",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Struktur Organisasi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/direksi",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Direksi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/dewan-pengawas",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Dewan Pengawas"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/gallery",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Gallery"})})]})]}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/berita",className:"text-gray-300 transition-colors hover:text-white",children:"Berita"})}),(0,a.jsxs)("li",{className:"relative group",children:[(0,a.jsx)("button",{className:"text-gray-300 transition-colors hover:text-white focus:outline-none",children:"Layanan"}),(0,a.jsxs)("ul",{className:"absolute left-0 mt-2 min-w-[180px] rounded-md bg-gray-800 shadow-lg z-20 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/info-tagihan",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Info Tagihan"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/keluhan",className:"block px-4 py-2 text-gray-300 transition-colors hover:bg-gray-700 hover:text-white",children:"Keluhan"})})]})]})]})}),(0,a.jsx)("ul",{className:"items-center justify-end flex-1 hidden gap-3 md:flex"})]})}),(0,a.jsx)("div",{className:"md:hidden absolute top-16 left-0 w-full bg-gray-900 rounded-b-2xl shadow-lg z-40 transition-all duration-300 ease-in-out ".concat(e?"opacity-100 translate-y-0 pointer-events-auto":"opacity-0 -translate-y-4 pointer-events-none"),style:{minHeight:e?"200px":"0px"},children:(0,a.jsx)("nav",{children:(0,a.jsxs)("ul",{className:"flex flex-col gap-2 p-4",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Home"})}),(0,a.jsx)("li",{children:(0,a.jsxs)("details",{children:[(0,a.jsx)("summary",{className:"py-2 text-gray-300 transition-colors duration-200 cursor-pointer hover:text-white",children:"Profil"}),(0,a.jsxs)("ul",{className:"pl-4",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/sejarah",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Sejarah"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/visi-misi",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Visi & Misi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/struktur-organisasi",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Struktur Organisasi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/direksi",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Direksi"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/dewan-pengawas",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Dewan Pengawas"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/gallery",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Gallery"})})]})]})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/berita",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Berita"})}),(0,a.jsx)("li",{children:(0,a.jsxs)("details",{children:[(0,a.jsx)("summary",{className:"py-2 text-gray-300 transition-colors duration-200 cursor-pointer hover:text-white",children:"Layanan"}),(0,a.jsxs)("ul",{className:"pl-4",children:[(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/info-tagihan",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Info Tagihan"})}),(0,a.jsx)("li",{children:(0,a.jsx)(i(),{href:"/keluhan",className:"block py-2 text-gray-300 hover:text-white",onClick:()=>r(!1),children:"Keluhan"})})]})]})})]})})})]})}},2242:(e,r,s)=>{"use strict";s.d(r,{A:()=>o});var a=s(5155);let t={src:"/_next/static/media/logo.4e0d4118.png",height:380,width:456,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAb1BMVEVEk8wpnNoCVqoDR5usz+YvoNt4rtXi//+nxeM0reuctNUakNI8p906pt4XR5g+er2iwN46pt5rptEAN5Beptaw3fR7xOhmuuU2kc0EZrMFU6NwqNNltuSex+NRotVBsOhns9+DuNy+2vSQ1/0Cab/4BKBGAAAAHnRSTlMQqf7e/fX+A/3+svzDbWv9m8r8wu784Y75qYnz6P7Pn/k5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQUlEQVR4nAXBBQLAIAwEsEML8zGXApP/v5EEhHY06wagST4tn4Dwps6ad9w5xof5wmyD1e4dcPxS9q4CcCo1dUQFbpEDZkFhViMAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7};var i=s(5565),l=s(8173),n=s.n(l);function o(){return(0,a.jsxs)(n(),{href:"/",className:"inline-flex items-center gap-2 shrink-0","aria-label":"PDAM Makassar",children:[(0,a.jsx)(i.default,{src:t,alt:"PDAM Makassar Logo",width:50,height:50}),(0,a.jsxs)("span",{className:"hidden text-xs font-bold leading-tight text-blue-50 sm:block",children:[(0,a.jsx)("span",{className:"block",children:"PDAM"}),(0,a.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"PERUMDA AIR MINUM"}),(0,a.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"KOTA MAKASSAR"})]})]})}},2527:()=>{},4230:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_e8ce0c",variable:"__variable_e8ce0c"}},6168:e=>{e.exports={style:{fontFamily:"'nacelle', 'nacelle Fallback'"},className:"__className_f04781",variable:"__variable_f04781"}}},e=>{var r=r=>e(e.s=r);e.O(0,[933,173,565,441,517,358],()=>r(2257)),_N_E=e.O()}]);