(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[908],{4978:(e,a,s)=>{Promise.resolve().then(s.bind(s,8454))},8454:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>d});var t=s(5155),i=s(918),n=s(5565),l=s(2115);function d(){let[e,a]=(0,l.useState)([]),[s,d]=(0,l.useState)(["Semua"]),[r,c]=(0,l.useState)("Semua"),[o,m]=(0,l.useState)(!0),[x,g]=(0,l.useState)(1),[u,h]=(0,l.useState)(1);return(0,l.useEffect)(()=>{let e;return async function(){m(!0);try{let s="";"Semua"!==r&&(s="&filters[categories][name][$eq]=".concat(encodeURIComponent(r))),e=setTimeout(async()=>{var e,t;let i=await fetch("".concat("https://strapi.pdammakassar.co.id","/api/beritas?populate=*&pagination[page]=").concat(x,"&pagination[pageSize]=").concat(6).concat(s),{headers:{Authorization:"Bearer ".concat("da72541e1d3f3cc8bc9798a27a0f729e804d07989e51fd14d637e37ef19793bb034ef3744cf6d3d1d8be1fba18d0d39610261652c8fa45aaee08dec2d91c0cee677e75bf388847cea4e693098bab341be2e76438250ab56400a8045909e53be15e26c88ebdbd9bc4191ba99b56d6021a1799a5a48bc25def02ef419c287ad770")}}),n=await i.json(),l=n.data.map(e=>{var a,s,t;return{img:(null===(t=e.Foto)||void 0===t?void 0:null===(s=t.formats)||void 0===s?void 0:null===(a=s.thumbnail)||void 0===a?void 0:a.url)?"".concat("https://strapi.pdammakassar.co.id").concat(e.Foto.formats.thumbnail.url):"/images/testimonial-01.jpg",title:e.Judul,date:new Date(e.publishedAt).toLocaleDateString("id-ID",{year:"numeric",month:"long",day:"numeric"}),excerpt:e.DeskripsiSingkat,categories:e.categories?e.categories.map(e=>e.name):[],slug:e.slug}});if(a(l),1===x&&"Semua"===r){let e=[...new Set(n.data.flatMap(e=>e.categories?e.categories.map(e=>e.name):[]))];d(["Semua",...e])}h((null===(t=n.meta)||void 0===t?void 0:null===(e=t.pagination)||void 0===e?void 0:e.pageCount)||1),m(!1)},400)}catch(e){a([]),d(["Semua"]),h(1),m(!1)}}(),()=>clearTimeout(e)},[x,r]),(0,l.useEffect)(()=>{g(1)},[r]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("section",{className:"max-w-6xl px-4 py-12 mx-auto sm:px-6 md:py-20",children:[(0,t.jsxs)("div",{className:"max-w-3xl pb-12 mx-auto text-center",children:[(0,t.jsx)("h1",{className:"mb-4 text-3xl font-bold text-gray-200 md:text-4xl",children:"Berita & Informasi"}),(0,t.jsx)("p",{className:"text-indigo-200/80",children:"Update terbaru seputar layanan, inovasi, dan kegiatan PDAM Makassar."})]}),(0,t.jsx)("div",{className:"flex flex-wrap justify-center gap-2 pb-12 md:pb-16",children:o?[void 0,void 0,void 0,void 0].map((e,a)=>(0,t.jsx)("span",{className:"px-8 py-2 rounded-full bg-gray-700/40 animate-pulse min-w-[90px] h-8"},a)):s.map(e=>(0,t.jsx)("button",{className:"px-4 py-1 rounded-full text-sm font-medium transition-colors ".concat(r===e?"bg-indigo-600 text-white":"bg-gray-800/40 text-indigo-200/80 hover:bg-indigo-500/30"),onClick:()=>c(e),children:e},e))}),o?(0,t.jsx)("div",{className:"grid items-start max-w-sm gap-6 mx-auto sm:max-w-none sm:grid-cols-2 lg:grid-cols-3",children:[...Array(6)].map((e,a)=>(0,t.jsx)("div",{className:"relative p-5 rounded-2xl bg-gray-800/40 animate-pulse min-h-[340px] min-w-[340px] max-w-[340px] mx-auto w-full",children:(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsx)("div",{className:"w-full h-[180px] rounded-xl bg-gray-700/40"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"w-2/3 h-4 mb-2 rounded bg-gray-700/40"}),(0,t.jsx)("div",{className:"w-full h-6 mb-2 rounded bg-gray-700/30"}),(0,t.jsx)("div",{className:"w-5/6 h-3 rounded bg-gray-700/20"})]}),(0,t.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,t.jsx)("span",{className:"w-16 h-5 rounded bg-gray-700/40"}),(0,t.jsx)("span",{className:"w-16 h-5 rounded bg-gray-700/40"})]})]})},a))}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"grid items-start max-w-sm gap-6 mx-auto sm:max-w-none sm:grid-cols-2 lg:grid-cols-3",children:[e.map((e,a)=>(0,t.jsx)("a",{href:"/berita/".concat(e.slug),className:"relative block p-5 transition-shadow rounded-2xl bg-linear-to-br from-gray-900/50 via-gray-800/25 to-gray-900/50 backdrop-blur-xs hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-indigo-400",children:(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsx)("div",{children:(0,t.jsx)(n.default,{src:e.img,height:180,width:320,className:"object-cover w-full rounded-xl",alt:e.title,unoptimized:!0})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-xs text-indigo-400",children:e.date}),(0,t.jsx)("h3",{className:"mt-2 text-lg font-semibold text-gray-200",children:e.title}),(0,t.jsx)("p",{className:"mt-1 text-sm text-indigo-200/80",children:e.excerpt})]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2 mt-2",children:e.categories.map(e=>(0,t.jsx)("span",{className:"px-2 py-0.5 rounded bg-indigo-700/30 text-xs text-indigo-200",children:e},e))})]})},a)),0===e.length&&!o&&(0,t.jsx)("div",{className:"py-12 text-center col-span-full text-indigo-200/70",children:"Tidak ada berita untuk kategori ini."})]}),u>1&&(0,t.jsxs)("div",{className:"flex justify-center gap-2 mt-10",children:[(0,t.jsx)("button",{className:"px-3 py-1 text-indigo-200 transition rounded bg-gray-800/60 hover:bg-indigo-600 hover:text-white disabled:opacity-40",onClick:()=>g(e=>Math.max(1,e-1)),disabled:1===x,children:"←"}),Array.from({length:u},(e,a)=>(0,t.jsx)("button",{className:"px-3 py-1 rounded ".concat(x===a+1?"bg-indigo-600 text-white":"bg-gray-800/60 text-indigo-200 hover:bg-indigo-500/80"," transition"),onClick:()=>g(a+1),children:a+1},a)),(0,t.jsx)("button",{className:"px-3 py-1 text-indigo-200 transition rounded bg-gray-800/60 hover:bg-indigo-600 hover:text-white disabled:opacity-40",onClick:()=>g(e=>Math.min(u,e+1)),disabled:x===u,children:"→"})]})]})]}),(0,t.jsx)(i.A,{})]})}},918:(e,a,s)=>{"use strict";s.d(a,{A:()=>d});var t=s(5155);let i={src:"/_next/static/media/footer-illustration.d3f176f6.svg",height:378,width:1076,blurWidth:0,blurHeight:0};var n=s(5565),l=s(2242);function d(){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)(n.default,{className:"max-w-none",src:i,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)(l.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:()=>r});var t=s(5155);let i={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 n=s(5565),l=s(8173),d=s.n(l);function r(){return(0,t.jsxs)(d(),{href:"/",className:"inline-flex items-center gap-2 shrink-0","aria-label":"PDAM Makassar",children:[(0,t.jsx)(n.default,{src:i,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(4978)),_N_E=e.O()}]);