(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[235],{7792:(e,a,s)=>{Promise.resolve().then(s.bind(s,2713))},2713:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>n});var t=s(5155),l=s(918),i=s(5565),r=s(2115);function n(){let[e,a]=(0,r.useState)([]),[s,n]=(0,r.useState)(!0),[d,c]=(0,r.useState)(null),[o,x]=(0,r.useState)("");(0,r.useEffect)(()=>{let e;return async function(){n(!0);try{e=setTimeout(async()=>{let e=await fetch("".concat("https://strapi.pdammakassar.co.id","/api/galleries?populate=*"),{headers:{Authorization:"Bearer ".concat("da72541e1d3f3cc8bc9798a27a0f729e804d07989e51fd14d637e37ef19793bb034ef3744cf6d3d1d8be1fba18d0d39610261652c8fa45aaee08dec2d91c0cee677e75bf388847cea4e693098bab341be2e76438250ab56400a8045909e53be15e26c88ebdbd9bc4191ba99b56d6021a1799a5a48bc25def02ef419c287ad770")}}),s=await e.json(),t=(null==s?void 0:s.data)||[];a(Array.isArray(t)?t:[]),n(!1)},400)}catch(e){a([]),n(!1)}}(),()=>clearTimeout(e)},[]);let m=e=>{var a;return(null===(a=e.Foto)||void 0===a?void 0:a.url)?"".concat("https://strapi.pdammakassar.co.id").concat(e.Foto.url):"/images/no-image.jpg"};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("section",{className:"max-w-6xl px-4 py-12 mx-auto md:py-20",children:[(0,t.jsxs)("div",{className:"mb-10 text-center",children:[(0,t.jsx)("h1",{className:"mb-4 text-3xl font-bold text-gray-200 md:text-4xl",children:"Gallery Kegiatan PDAM Makassar"}),(0,t.jsx)("p",{className:"max-w-2xl mx-auto text-indigo-200/80",children:"Dokumentasi berbagai kegiatan, acara, dan momen penting di lingkungan PDAM Makassar."})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3",children:s?[...Array(6)].map((e,a)=>(0,t.jsxs)("div",{className:"flex flex-col overflow-hidden shadow-lg rounded-xl bg-gray-800/40",children:[(0,t.jsx)("div",{className:"w-full h-40 sm:h-56 md:h-64 bg-gray-700/40 animate-pulse"}),(0,t.jsx)("div",{className:"p-4 border-t bg-gray-900/60 border-indigo-700/20",children:(0,t.jsx)("div",{className:"w-2/3 h-4 mx-auto rounded bg-gray-700/30 animate-pulse sm:w-3/4 sm:h-5"})})]},a)):0===e.length?(0,t.jsx)("div",{className:"py-10 text-center col-span-full text-indigo-200/70",children:"Data gallery belum tersedia."}):e.map(e=>(0,t.jsxs)("div",{className:"flex flex-col overflow-hidden shadow-lg cursor-pointer rounded-xl bg-gray-800/40 group",onClick:()=>{c(m(e)),x(e.Judul)},tabIndex:0,role:"button","aria-label":"Preview ".concat(e.Judul),children:[(0,t.jsx)(i.default,{src:m(e),alt:e.Judul||"Gallery PDAM",width:400,height:260,unoptimized:!0,className:"object-cover w-full h-64 transition-transform duration-300 group-hover:scale-105"}),(0,t.jsx)("div",{className:"p-4 border-t bg-gray-900/60 border-indigo-700/20",children:(0,t.jsx)("p",{className:"text-base font-semibold text-center text-indigo-100 truncate",children:e.Judul})})]},e.id))})]}),d&&(0,t.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/70 animate-fade-in",onClick:()=>c(null),"aria-modal":"true",role:"dialog",children:(0,t.jsxs)("div",{className:"relative flex flex-col items-center w-full max-w-3xl p-4 mx-4 bg-gray-900 shadow-2xl rounded-xl animate-scale-in",onClick:e=>e.stopPropagation(),children:[(0,t.jsx)("button",{className:"absolute text-2xl font-bold text-indigo-200 top-2 right-2 hover:text-white",onClick:()=>c(null),"aria-label":"Tutup preview",children:"\xd7"}),(0,t.jsx)(i.default,{src:d,alt:o,width:800,height:500,unoptimized:!0,className:"rounded-xl max-h-[70vh] object-contain bg-gray-800"}),(0,t.jsx)("p",{className:"mt-4 text-lg font-semibold text-center text-indigo-100",children:o})]})}),(0,t.jsx)(l.A,{})]})}},918:(e,a,s)=>{"use strict";s.d(a,{A:()=>n});var t=s(5155);let l={src:"/_next/static/media/footer-illustration.d3f176f6.svg",height:378,width:1076,blurWidth:0,blurHeight:0};var i=s(5565),r=s(2242);function n(){return(0,t.jsx)("footer",{children:(0,t.jsxs)("div",{className:"relative max-w-6xl px-4 mx-auto sm:px-6",children:[(0,t.jsx)("div",{className:"absolute bottom-0 -translate-x-1/2 pointer-events-none left-1/2 -z-10","aria-hidden":"true",children:(0,t.jsx)(i.default,{className:"max-w-none",src:l,width:1076,height:378,alt:"Footer illustration"})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-8 py-8 md:grid-cols-2 md:py-12",children:[(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)("h3",{className:"text-lg font-semibold text-gray-200",children:"Kantor Pusat"}),(0,t.jsx)("p",{className:"text-indigo-200/80",children:"Alirkan Pengabdian"}),(0,t.jsxs)("div",{className:"space-y-2 text-sm text-indigo-200/65",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Lokasi:"}),(0,t.jsx)("br",{}),"Jl. Dr. Ratulangi No. 3"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Telepon:"}),(0,t.jsx)("br",{}),"(0411) 876777"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-200",children:"Alamat Email:"}),(0,t.jsx)("br",{}),"pusat.pdammks@gmail.com"]})]})]}),(0,t.jsxs)("div",{className:"flex flex-col items-start justify-between md:items-end",children:[(0,t.jsx)("div",{className:"mb-3",children:(0,t.jsx)(r.A,{})}),(0,t.jsx)("div",{className:"text-sm text-indigo-200/65",children:"\xa9 PDAM Kota Makassar"})]})]})]})})}},2242:(e,a,s)=>{"use strict";s.d(a,{A:()=>d});var t=s(5155);let l={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),r=s(8173),n=s.n(r);function d(){return(0,t.jsxs)(n(),{href:"/",className:"inline-flex items-center gap-2 shrink-0","aria-label":"PDAM Makassar",children:[(0,t.jsx)(i.default,{src:l,alt:"PDAM Makassar Logo",width:50,height:50}),(0,t.jsxs)("span",{className:"hidden text-xs font-bold leading-tight text-blue-50 sm:block",children:[(0,t.jsx)("span",{className:"block",children:"PDAM"}),(0,t.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"PERUMDA AIR MINUM"}),(0,t.jsx)("span",{className:"block font-normal text-[10px] tracking-wide",children:"KOTA MAKASSAR"})]})]})}}},e=>{var a=a=>e(e.s=a);e.O(0,[173,565,441,517,358],()=>a(7792)),_N_E=e.O()}]);