(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73],{3997:(e,a,t)=>{Promise.resolve().then(t.bind(t,8486)),Promise.resolve().then(t.bind(t,1703)),Promise.resolve().then(t.bind(t,243)),Promise.resolve().then(t.bind(t,1951)),Promise.resolve().then(t.bind(t,7460)),Promise.resolve().then(t.bind(t,8569))},8486:(e,a,t)=>{"use strict";t.d(a,{default:()=>n});var r=t(5155),s=t(7293),i=t(5565);function n(){return(0,r.jsxs)("section",{className:"relative overflow-hidden",children:[(0,r.jsx)("div",{className:"absolute bottom-0 ml-20 -mb-24 -translate-x-1/2 pointer-events-none left-1/2 -z-10","aria-hidden":"true",children:(0,r.jsx)(i.default,{className:"max-w-none",src:s.A,width:760,height:668,alt:"Blurred shape"})}),(0,r.jsx)("div",{className:"px-4 mx-auto max-w6xl sm:px-6",children:(0,r.jsx)("div",{className:"py-12 bg-linear-to-r from-transparent via-gray-800/50 md:py-20",children:(0,r.jsxs)("div",{className:"max-w-3xl mx-auto text-center",children:[(0,r.jsx)("h2",{className:"animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-8 font-nacelle text-3xl font-semibold text-transparent md:text-4xl","data-aos":"fade-up",children:"Hubungi PDAM Makassar untuk Layanan Terbaik"}),(0,r.jsx)("p",{className:"mb-8 text-indigo-200/80",children:"Dapatkan informasi, bantuan, atau sampaikan keluhan Anda melalui layanan pelanggan kami. PDAM Makassar siap melayani Anda dengan sepenuh hati."}),(0,r.jsxs)("div",{className:"max-w-xs mx-auto sm:flex sm:max-w-none sm:justify-center",children:[(0,r.jsx)("div",{"data-aos":"fade-up","data-aos-delay":400,children:(0,r.jsx)("a",{className:"btn group mb-4 w-full bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%] sm:mb-0 sm:w-auto",href:"tel:0411876777",children:(0,r.jsxs)("span",{className:"relative inline-flex items-center",children:["Hubungi Sekarang",(0,r.jsx)("span",{className:"ml-1 tracking-normal text-white/50 transition-transform group-hover:translate-x-0.5",children:"->"})]})})}),(0,r.jsx)("div",{"data-aos":"fade-up","data-aos-delay":600,children:(0,r.jsx)("a",{className:"btn relative w-full bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] text-gray-300 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)] hover:bg-[length:100%_150%] sm:ml-4 sm:w-auto",href:"mailto:pusat.pdammks@gmail.com",children:"Kirim Email"})})]})]})})})]})}},1703:(e,a,t)=>{"use strict";t.d(a,{default:()=>o});var r=t(5155),s=t(9089),i=t(7293);let n={src:"/_next/static/media/features.f513c5eb.png",height:768,width:2208,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAFVBMVEVKTWFMaXFeaKEyN1kvNEIkJG04PYQ3uK45AAAAB3RSTlMZABFORgdw6jq08AAAAAlwSFlzAAALEwAACxMBAJqcGAAAAB9JREFUeJwVxrkNAAAIxLDkePYfGeHKCAmKXVv9IQN6AiQAKSiO/qEAAAAASUVORK5CYII=",blurWidth:8,blurHeight:3};var l=t(5565);function o(){return(0,r.jsxs)("section",{className:"relative",children:[(0,r.jsx)("div",{className:"absolute top-0 -mt-20 -translate-x-1/2 pointer-events-none left-1/2 -z-10","aria-hidden":"true",children:(0,r.jsx)(l.default,{className:"max-w-none",src:s.A,width:760,height:668,alt:"Blurred shape"})}),(0,r.jsx)("div",{className:"pointer-events-none absolute bottom-0 left-1/2 -z-10 -mb-80 -translate-x-[120%] opacity-50","aria-hidden":"true",children:(0,r.jsx)(l.default,{className:"max-w-none",src:i.A,width:760,height:668,alt:"Blurred shape"})}),(0,r.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20",children:[(0,r.jsxs)("div",{className:"max-w-3xl pb-4 mx-auto text-center md:pb-12",children:[(0,r.jsx)("div",{className:"inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50",children:(0,r.jsx)("span",{className:"inline-flex text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text",children:"Fitur Unggulan PDAM Makassar"})}),(0,r.jsx)("h2",{className:"animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl",children:"Layanan dan Inovasi Terbaik Untuk Anda"}),(0,r.jsx)("p",{className:"text-lg text-indigo-200/65",children:"PDAM Makassar terus berinovasi untuk memberikan layanan air bersih yang berkualitas, mudah diakses, dan ramah pelanggan."})]}),(0,r.jsx)("div",{className:"flex justify-center pb-4 md:pb-12","data-aos":"fade-up",children:(0,r.jsx)(l.default,{className:"max-w-none",src:n,width:1104,height:384,alt:"Features"})}),(0,r.jsxs)("div",{className:"grid max-w-sm gap-12 mx-auto sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3",children:[(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{d:"M0 0h14v17H0V0Zm2 2v13h10V2H2Z"}),(0,r.jsx)("path",{fillOpacity:".48",d:"m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93 11.585 3.132 3.392-12.55-5.597-1.514.522-1.93Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Pembayaran Tagihan Online"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Nikmati kemudahan membayar tagihan air secara online melalui berbagai platform digital, cepat dan aman tanpa harus antre."})]}),(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{fillOpacity:".48",d:"M7 8V0H5v8h2Zm12 16v-4h-2v4h2Z"}),(0,r.jsx)("path",{d:"M19 6H0v2h17v8H7v-6H5v8h19v-2h-5V6Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Layanan Pengaduan 24 Jam"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Pelanggan dapat menyampaikan keluhan atau pengaduan kapan saja melalui layanan pengaduan 24 jam yang responsif."})]}),(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{d:"M23.414 6 18 .586 16.586 2l3 3H7a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4h12.586l-3 3L18 11.414 23.414 6Z"}),(0,r.jsx)("path",{fillOpacity:".48",d:"M13.01 12.508a2.5 2.5 0 0 0-3.502.482L1.797 23.16.203 21.952l7.71-10.17a4.5 4.5 0 1 1 7.172 5.437l-4.84 6.386-1.594-1.209 4.841-6.385a2.5 2.5 0 0 0-.482-3.503Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Info Tagihan & Pemakaian Air"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Cek informasi tagihan dan riwayat pemakaian air Anda secara real-time melalui website atau aplikasi PDAM Makassar."})]}),(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{fillOpacity:".48",d:"m3.031 9.05-.593-.805 1.609-1.187.594.804a6.966 6.966 0 0 1 0 8.276l-.594.805-1.61-1.188.594-.805a4.966 4.966 0 0 0 0-5.9Z"}),(0,r.jsx)("path",{d:"m7.456 6.676-.535-.845 1.69-1.07.534.844a11.944 11.944 0 0 1 0 12.789l-.535.845-1.69-1.071.536-.845a9.944 9.944 0 0 0 0-10.647Z"}),(0,r.jsx)("path",{d:"m11.888 4.35-.514-.858 1.717-1.027.513.858a16.9 16.9 0 0 1 2.4 8.677 16.9 16.9 0 0 1-2.4 8.676l-.513.859-1.717-1.028.514-.858A14.9 14.9 0 0 0 14.003 12a14.9 14.9 0 0 0-2.115-7.65Z",opacity:".48"}),(0,r.jsx)("path",{d:"m16.321 2-.5-.866 1.733-1 .5.866A22 22 0 0 1 21 12c0 3.852-1.017 7.636-2.948 10.97l-.502.865-1.73-1.003.501-.865A19.878 19.878 0 0 0 19 12a20 20 0 0 0-2.679-10Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Edukasi & Sosialisasi Air Bersih"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Program edukasi dan sosialisasi pentingnya air bersih untuk masyarakat dan sekolah-sekolah di Makassar."})]}),(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{fillOpacity:".48",d:"M12 8.8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"}),(0,r.jsx)("path",{d:"m7.454 2.891.891-.454L7.437.655l-.891.454a12 12 0 0 0 0 21.382l.89.454.91-1.781-.892-.455a10 10 0 0 1 0-17.818ZM17.456 1.11l-.891-.454-.909 1.782.891.454a10 10 0 0 1 0 17.819l-.89.454.908 1.781.89-.454a12 12 0 0 0 0-21.382Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Jaringan Distribusi Luas"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Jaringan pipa distribusi air bersih PDAM Makassar menjangkau hampir seluruh wilayah kota untuk memenuhi kebutuhan masyarakat."})]}),(0,r.jsxs)("article",{children:[(0,r.jsxs)("svg",{className:"mb-3 fill-indigo-500",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,children:[(0,r.jsx)("path",{fillOpacity:".48",d:"M19 8h5v2h-5V8Zm-4 5h9v2h-9v-2Zm9 5H11v2h13v-2Z"}),(0,r.jsx)("path",{d:"M19.406 3.844 6.083 20.497.586 15 2 13.586l3.917 3.917L17.844 2.595l1.562 1.25Z"})]}),(0,r.jsx)("h3",{className:"mb-1 font-nacelle text-[1rem] font-semibold text-gray-200",children:"Inovasi Berkelanjutan"}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"PDAM Makassar terus berinovasi dalam teknologi dan pelayanan untuk meningkatkan kualitas dan kepuasan pelanggan."})]})]})]})})]})}},243:(e,a,t)=>{"use strict";t.d(a,{default:()=>m});var r=t(5155),s=t(8803),i=t.n(s);let n={src:"/_next/static/media/secondary-illustration.c1867d80.svg",height:1012,width:1165,blurWidth:0,blurHeight:0};var l=t(9954),o=t(5565),d=t(2115);function c(e){let{thumb:a,thumbWidth:t,thumbHeight:s,thumbAlt:i,video:c,videoWidth:m,videoHeight:x,type:h,videoUrl:g,urlLabel:f}=e,[u,p]=(0,d.useState)(!1),b=(0,d.useRef)(null);return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:"absolute -translate-x-1/2 translate-y-1/2 pointer-events-none bottom-8 left-1/2 -z-10 -ml-28","aria-hidden":"true",children:(0,r.jsx)(o.default,{className:"md:max-w-none",src:n,width:1165,height:1012,alt:"Secondary illustration"})}),(0,r.jsxs)("button",{className:"relative flex items-center justify-center group rounded-2xl focus:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200",onClick:()=>{p(!0)},"aria-label":"Watch the video","data-aos":"fade-up","data-aos-delay":200,children:[(0,r.jsxs)("figure",{className:"relative overflow-hidden rounded-2xl before:absolute before:inset-0 before:-z-10 before:bg-linear-to-br before:from-gray-900 before:via-indigo-500/20 before:to-gray-900",children:[(0,r.jsx)(o.default,{src:a,width:t,height:s,priority:!0,unoptimized:!0,alt:i}),g&&""!==g&&(0,r.jsx)("div",{className:"absolute inset-0 flex items-end justify-center pb-6 pointer-events-none",children:(0,r.jsx)("a",{href:g,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-4 py-2 text-xs font-semibold text-white transition bg-blue-600 rounded-lg shadow pointer-events-auto hover:bg-blue-700",onClick:e=>e.stopPropagation(),children:f||"Buka Link"})})]}),"Video"===h&&(0,r.jsx)("span",{className:"pointer-events-none absolute p-2.5 before:absolute before:inset-0 before:rounded-full before:bg-gray-950 before:duration-300 group-hover:before:scale-110",children:(0,r.jsxs)("span",{className:"relative flex items-center gap-3",children:[(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",children:[(0,r.jsx)("path",{fill:"url(#pla)",fillRule:"evenodd",d:"M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Zm3.5-10-5-3.5v7l5-3.5Z",clipRule:"evenodd"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"pla",x1:10,x2:10,y1:0,y2:20,gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"#6366F1"}),(0,r.jsx)("stop",{offset:1,stopColor:"#6366F1",stopOpacity:".72"})]})})]}),(0,r.jsx)("span",{className:"text-sm font-medium leading-tight text-gray-300",children:"Watch"})]})})]}),"Video"===h&&(0,r.jsxs)(l.lG,{initialFocus:b,open:u,onClose:()=>p(!1),children:[(0,r.jsx)(l.Xi,{transition:!0,className:"fixed inset-0 transition-opacity duration-300 ease-out z-99999 bg-black/70 data-closed:opacity-0"}),(0,r.jsx)("div",{className:"fixed inset-0 flex px-4 py-6 z-99999 sm:px-6",children:(0,r.jsx)("div",{className:"flex items-center h-full max-w-6xl mx-auto",children:(0,r.jsx)(l.Lj,{transition:!0,className:"w-full max-h-full overflow-hidden duration-300 ease-out bg-black shadow-2xl aspect-video rounded-2xl data-closed:scale-95 data-closed:opacity-0",children:(0,r.jsxs)("video",{ref:b,width:m,height:x,loop:!0,controls:!0,children:[(0,r.jsx)("source",{src:c,type:"video/mp4"}),"Your browser does not support the video tag."]})})})})]})]})}function m(){let[e,a]=(0,d.useState)([]),[t,s]=(0,d.useState)(0),[n,l]=(0,d.useState)("right"),[o,m]=(0,d.useState)(!0);return((0,d.useEffect)(()=>{(async function(){m(!0);try{let e=await fetch("".concat("https://strapi.pdammakassar.co.id","/api/sliders?populate=*"),{headers:{Authorization:"Bearer ".concat("da72541e1d3f3cc8bc9798a27a0f729e804d07989e51fd14d637e37ef19793bb034ef3744cf6d3d1d8be1fba18d0d39610261652c8fa45aaee08dec2d91c0cee677e75bf388847cea4e693098bab341be2e76438250ab56400a8045909e53be15e26c88ebdbd9bc4191ba99b56d6021a1799a5a48bc25def02ef419c287ad770")}}),t=(await e.json()).data.map(e=>{var a,t;return{title:e.Judul,image:(null===(a=e.Foto)||void 0===a?void 0:a.url)?"".concat("https://strapi.pdammakassar.co.id").concat(e.Foto.url):"/images/hero-image-01.jpg",video:(null===(t=e.Video)||void 0===t?void 0:t.url)?"".concat("https://strapi.pdammakassar.co.id").concat(e.Video.url):"",type:e.Type,url:e.Url||"",urlLabel:e.UrlLabel||""}});a(t)}catch(e){a([{title:"PDAM Makassar: Inovasi Air Bersih",image:"/images/hero-image-01.jpg",video:"videos/video.mp4",type:"Video",url:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",urlLabel:""}])}finally{m(!1)}})()},[]),o)?(0,r.jsx)("section",{children:(0,r.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"py-12 md:py-20",children:[(0,r.jsx)("div",{className:"pb-12 text-center md:pb-20",children:(0,r.jsx)("div",{className:"w-2/3 h-10 mx-auto mb-4 rounded md:w-1/2 bg-gray-700/40 animate-pulse"})}),(0,r.jsx)("div",{className:"relative flex items-center justify-center min-h-[370px]",children:(0,r.jsx)("div",{className:"w-[1104px] h-[576px] rounded-2xl bg-gray-800/40 animate-pulse"})}),(0,r.jsx)("div",{className:"flex justify-center gap-2 mt-6",children:[void 0,void 0,void 0].map((e,a)=>(0,r.jsx)("span",{className:"w-2 h-2 rounded-full bg-gray-400/40 animate-pulse"},a))})]})})}):(0,r.jsxs)("section",{className:"jsx-cb9ce93cc8a1c35d",children:[(0,r.jsx)("div",{className:"jsx-cb9ce93cc8a1c35d max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"jsx-cb9ce93cc8a1c35d py-12 md:py-20",children:[(0,r.jsx)("div",{className:"jsx-cb9ce93cc8a1c35d pb-12 text-center md:pb-20",children:(0,r.jsx)("h1",{"data-aos":"fade-up",className:"jsx-cb9ce93cc8a1c35d animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-5 font-nacelle text-4xl font-semibold text-transparent md:text-5xl",children:e[t].title})}),(0,r.jsxs)("div",{className:"jsx-cb9ce93cc8a1c35d relative flex items-center justify-center min-h-[370px]",children:[(0,r.jsx)("button",{onClick:()=>{l("left"),s(a=>0===a?e.length-1:a-1)},"aria-label":"Sebelumnya",className:"jsx-cb9ce93cc8a1c35d absolute left-0 z-10 p-2 text-gray-400 hover:text-indigo-500 focus:outline-none",children:"←"}),(0,r.jsx)("div",{className:"jsx-cb9ce93cc8a1c35d "+"transition-all duration-500 ease-in-out w-full flex justify-center ".concat("right"===n?"animate-slide-in-right":"animate-slide-in-left"),children:(0,r.jsx)(c,{thumb:e[t].image,thumbWidth:1104,thumbHeight:576,thumbAlt:"Modal video thumbnail",video:e[t].video,type:e[t].type,videoUrl:e[t].url,urlLabel:e[t].urlLabel,videoWidth:1920,videoHeight:1080})},t),(0,r.jsx)("button",{onClick:()=>{l("right"),s(a=>a===e.length-1?0:a+1)},"aria-label":"Selanjutnya",className:"jsx-cb9ce93cc8a1c35d absolute right-0 z-10 p-2 text-gray-400 hover:text-indigo-500 focus:outline-none",children:"→"})]}),(0,r.jsx)("div",{className:"jsx-cb9ce93cc8a1c35d flex justify-center gap-2 mt-6",children:e.map((e,a)=>(0,r.jsx)("button",{onClick:()=>{l(a>t?"right":"left"),s(a)},"aria-label":"Slide ".concat(a+1),className:"jsx-cb9ce93cc8a1c35d "+"h-2 w-2 rounded-full transition-all duration-200 ".concat(a===t?"bg-indigo-500 scale-125":"bg-gray-300")},a))})]})}),(0,r.jsx)(i(),{id:"cb9ce93cc8a1c35d",children:"@-webkit-keyframes slide-in-right{0%{opacity:0;-webkit-transform:translatex(60px)scale(.98);transform:translatex(60px)scale(.98)}100%{opacity:1;-webkit-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@-moz-keyframes slide-in-right{0%{opacity:0;-moz-transform:translatex(60px)scale(.98);transform:translatex(60px)scale(.98)}100%{opacity:1;-moz-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@-o-keyframes slide-in-right{0%{opacity:0;-o-transform:translatex(60px)scale(.98);transform:translatex(60px)scale(.98)}100%{opacity:1;-o-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@keyframes slide-in-right{0%{opacity:0;-webkit-transform:translatex(60px)scale(.98);-moz-transform:translatex(60px)scale(.98);-o-transform:translatex(60px)scale(.98);transform:translatex(60px)scale(.98)}100%{opacity:1;-webkit-transform:translatex(0)scale(1);-moz-transform:translatex(0)scale(1);-o-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@-webkit-keyframes slide-in-left{0%{opacity:0;-webkit-transform:translatex(-60px)scale(.98);transform:translatex(-60px)scale(.98)}100%{opacity:1;-webkit-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@-moz-keyframes slide-in-left{0%{opacity:0;-moz-transform:translatex(-60px)scale(.98);transform:translatex(-60px)scale(.98)}100%{opacity:1;-moz-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@-o-keyframes slide-in-left{0%{opacity:0;-o-transform:translatex(-60px)scale(.98);transform:translatex(-60px)scale(.98)}100%{opacity:1;-o-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translatex(-60px)scale(.98);-moz-transform:translatex(-60px)scale(.98);-o-transform:translatex(-60px)scale(.98);transform:translatex(-60px)scale(.98)}100%{opacity:1;-webkit-transform:translatex(0)scale(1);-moz-transform:translatex(0)scale(1);-o-transform:translatex(0)scale(1);transform:translatex(0)scale(1)}}.animate-slide-in-right{-webkit-animation:slide-in-right.5s;-moz-animation:slide-in-right.5s;-o-animation:slide-in-right.5s;animation:slide-in-right.5s}.animate-slide-in-left{-webkit-animation:slide-in-left.5s;-moz-animation:slide-in-left.5s;-o-animation:slide-in-left.5s;animation:slide-in-left.5s}"})]})}},1951:(e,a,t)=>{"use strict";t.d(a,{default:()=>o});var r=t(5155),s=t(5565);let i={src:"/_next/static/media/page-illustration.3cec8b53.svg",height:594,width:846,blurWidth:0,blurHeight:0};var n=t(9089),l=t(7293);function o(e){let{multiple:a=!1}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute top-0 pointer-events-none left-1/2 -z-10 -translate-x-1/4","aria-hidden":"true",children:(0,r.jsx)(s.default,{className:"max-w-none",src:i,width:846,height:594,alt:"Page illustration"})}),a&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"pointer-events-none absolute left-1/2 top-[400px] -z-10 -mt-20 -translate-x-full opacity-50","aria-hidden":"true",children:(0,r.jsx)(s.default,{className:"max-w-none",src:n.A,width:760,height:668,alt:"Blurred shape"})}),(0,r.jsx)("div",{className:"pointer-events-none absolute left-1/2 top-[440px] -z-10 -translate-x-1/3","aria-hidden":"true",children:(0,r.jsx)(s.default,{className:"max-w-none",src:l.A,width:760,height:668,alt:"Blurred shape"})})]})]})}},7460:(e,a,t)=>{"use strict";t.d(a,{default:()=>o});var r=t(5155),s=t(5565),i=t(8173),n=t.n(i),l=t(2115);function o(){let[e,a]=(0,l.useState)([]),[t,i]=(0,l.useState)(["Semua"]),[o,d]=(0,l.useState)("Semua");(0,l.useEffect)(()=>{!async function(){try{let e=await fetch("".concat("https://strapi.pdammakassar.co.id","/api/beritas?populate=*&pagination[page]=1&pagination[pageSize]=3&sort=publishedAt:desc"),{headers:{Authorization:"Bearer ".concat("da72541e1d3f3cc8bc9798a27a0f729e804d07989e51fd14d637e37ef19793bb034ef3744cf6d3d1d8be1fba18d0d39610261652c8fa45aaee08dec2d91c0cee677e75bf388847cea4e693098bab341be2e76438250ab56400a8045909e53be15e26c88ebdbd9bc4191ba99b56d6021a1799a5a48bc25def02ef419c287ad770")}}),t=(await e.json()).data.map(e=>{var a,t,r;return{img:(null===(r=e.Foto)||void 0===r?void 0:null===(t=r.formats)||void 0===t?void 0:null===(a=t.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}});a(t);let r=[...Array.from(new Set(t.flatMap(e=>e.categories)))];i(["Semua",...r])}catch(e){a([]),i(["Semua"])}}()},[]);let c="Semua"===o?e:e.filter(e=>e.categories.includes(o));return 0===e.length?(0,r.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20",children:[(0,r.jsxs)("div",{className:"max-w-3xl pb-12 mx-auto text-center",children:[(0,r.jsx)("div",{className:"w-2/3 h-8 mx-auto mb-4 rounded md:w-1/2 bg-gray-700/40 animate-pulse"}),(0,r.jsx)("div",{className:"w-1/2 h-4 mx-auto rounded bg-gray-700/30 animate-pulse"})]}),(0,r.jsx)("div",{className:"flex flex-wrap justify-center gap-2 pb-12 md:pb-16",children:[void 0,void 0,void 0].map((e,a)=>(0,r.jsx)("span",{className:"w-20 rounded-full h-7 bg-gray-700/40 animate-pulse"},a))}),(0,r.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:[void 0,void 0,void 0].map((e,a)=>(0,r.jsx)("div",{className:"relative p-5 rounded-2xl bg-gray-800/40 animate-pulse min-h-[320px]",children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)("div",{className:"w-full h-[180px] rounded-xl bg-gray-700/40"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"w-1/2 h-4 mb-2 rounded bg-gray-700/40"}),(0,r.jsx)("div",{className:"w-2/3 h-6 mb-2 rounded bg-gray-700/30"}),(0,r.jsx)("div",{className:"w-full h-3 rounded bg-gray-700/20"})]}),(0,r.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,r.jsx)("span",{className:"w-12 h-5 rounded bg-gray-700/40"}),(0,r.jsx)("span",{className:"w-12 h-5 rounded bg-gray-700/40"})]})]})},a))})]})}):(0,r.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20",children:[(0,r.jsxs)("div",{className:"max-w-3xl pb-12 mx-auto text-center",children:[(0,r.jsx)("h2",{className:"animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl",children:"Berita & Informasi"}),(0,r.jsx)("p",{className:"text-lg text-indigo-200/65",children:"Update terbaru seputar layanan, inovasi, dan kegiatan PDAM Makassar."})]}),(0,r.jsx)("div",{className:"flex flex-wrap justify-center gap-2 pb-12 md:pb-16",children:t.map(e=>(0,r.jsx)("button",{className:"px-4 py-1 rounded-full text-sm font-medium transition-colors ".concat(o===e?"bg-indigo-600 text-white":"bg-gray-800/40 text-indigo-200/80 hover:bg-indigo-500/30"),onClick:()=>d(e),children:e},e))}),(0,r.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:c.map((e,a)=>(0,r.jsx)(n(),{href:e.slug?"/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,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)("div",{children:(0,r.jsx)(s.default,{src:e.img,height:180,width:320,className:"object-cover w-full rounded-xl",unoptimized:!0,alt:e.title})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-xs text-indigo-400",children:e.date}),(0,r.jsx)("h3",{className:"mt-2 text-lg font-semibold text-gray-200",children:e.title}),(0,r.jsx)("p",{className:"mt-1 text-sm text-indigo-200/80",children:e.excerpt})]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 mt-2",children:e.categories.map(e=>(0,r.jsx)("span",{className:"px-2 py-0.5 rounded bg-indigo-700/30 text-xs text-indigo-200",children:e},e))})]})},a))})]})})}},8569:(e,a,t)=>{"use strict";t.d(a,{default:()=>c});var r=t(5155),s=t(2115);function i(e){let{children:a,className:t=""}=e,i=(0,s.useRef)(null),n=function(){let[e,a]=(0,s.useState)({x:0,y:0});return(0,s.useEffect)(()=>{let e=e=>{a({x:e.clientX,y:e.clientY})};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]),e}(),l=(0,s.useRef)({x:0,y:0}),o=(0,s.useRef)({w:0,h:0}),[d,c]=(0,s.useState)([]);(0,s.useEffect)(()=>{i.current&&c(Array.from(i.current.children).map(e=>e))},[]),(0,s.useEffect)(()=>(m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}),[d]),(0,s.useEffect)(()=>{x()},[n]);let m=()=>{i.current&&(o.current.w=i.current.offsetWidth,o.current.h=i.current.offsetHeight)},x=()=>{if(i.current){let e=i.current.getBoundingClientRect(),{w:a,h:t}=o.current,r=n.x-e.left,s=n.y-e.top;r<a&&r>0&&s<t&&s>0&&(l.current.x=r,l.current.y=s,d.forEach(a=>{let t=-(a.getBoundingClientRect().left-e.left)+l.current.x,r=-(a.getBoundingClientRect().top-e.top)+l.current.y;a.style.setProperty("--mouse-x","".concat(t,"px")),a.style.setProperty("--mouse-y","".concat(r,"px"))}))}};return(0,r.jsx)("div",{className:t,ref:i,children:a})}let n={src:"/_next/static/media/workflow-01.052bc160.png",height:576,width:700,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAJ1BMVEVMaXEzOWwkL0ctNGI6M4NhYdgtNk83PnRHTac5QXcqNEw0P3FBR5laYphMAAAADXRSTlMAIhY/DRMxf0KswWFOaYNN7QAAAAlwSFlzAAALEwAACxMBAJqcGAAAADFJREFUeJw9yzkOACAMxMBNsrmA/78XIQSupjHwovuFVE8VBWR1WhxY5TAFSJfgX4ANEg0Ak1i1mPsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7},l={src:"/_next/static/media/workflow-02.31aa4f22.png",height:576,width:700,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAJ1BMVEVMaXFTXZ8iLTovNl8kLUVkaPspMVYsM10zOXQiKUYoME49QYooMUSJRpVvAAAADHRSTlMACDBXSh6paIG4mEab8Ig5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nEWKtxEAIBDDbH8i7T8vBxSoUSEBH5LPMeO6cqURkLVerlNt+JvlArABDTEAe82E3NoAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7},o={src:"/_next/static/media/workflow-03.216f3b7f.png",height:576,width:700,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAMFBMVEVMaXEsN3pSVskUHjheXtxUWc0dJjNhYeg2O3tZW9cgJzQiKUYaJzQvMWs5QIQqM0dL2OQbAAAAD3RSTlMABhYMCz07IngsJ98nYZKaTPBdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAM0lEQVR4nD3Lxw3AMBDEQO4FZdv9d2voIfE7IJykCEngllnDoeT7NSuwepuPjU21m/w+/BXeAL/SATckAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:7};var d=t(5565);function c(){return(0,r.jsx)("section",{children:(0,r.jsx)("div",{className:"max-w-6xl px-4 mx-auto sm:px-6",children:(0,r.jsxs)("div",{className:"pb-12 md:pb-20",children:[(0,r.jsxs)("div",{className:"max-w-3xl pb-12 mx-auto text-center md:pb-20",children:[(0,r.jsx)("div",{className:"inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50",children:(0,r.jsx)("span",{className:"inline-flex text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text",children:"Nilai Kami"})}),(0,r.jsx)("h2",{className:"animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl",children:"Komitmen PDAM Makassar"}),(0,r.jsx)("p",{className:"text-lg text-indigo-200/65",children:"Kami berkomitmen memberikan layanan air bersih terbaik, pelayanan prima, dan profesionalisme untuk masyarakat Makassar."})]}),(0,r.jsxs)(i,{className:"grid items-start max-w-sm gap-6 mx-auto group lg:max-w-none lg:grid-cols-3",children:[(0,r.jsx)("div",{className:"group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100",children:(0,r.jsxs)("div",{className:"relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50",children:[(0,r.jsx)(d.default,{className:"inline-flex",src:n,width:350,height:288,alt:"Kualitas"}),(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsx)("div",{className:"mb-3",children:(0,r.jsx)("span",{className:"btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal",children:(0,r.jsx)("span",{className:"text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text",children:"Kualitas"})})}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Kami memastikan untuk memberikan dan memperhatikan kualitas air yang terbaik untuk masyarakat"})]})]})}),(0,r.jsx)("div",{className:"group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100",children:(0,r.jsxs)("div",{className:"relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50",children:[(0,r.jsx)(d.default,{className:"inline-flex",src:l,width:350,height:288,alt:"Pelayanan"}),(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsx)("div",{className:"mb-3",children:(0,r.jsx)("span",{className:"btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal",children:(0,r.jsx)("span",{className:"text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text",children:"Pelayanan"})})}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Kami akan siap melayani dan berusaha meningkatkan pelayanan yang memuaskan untuk pelanggan serta ketenangan kerja dan kesejahteraan karyawan"})]})]})}),(0,r.jsx)("div",{className:"group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100",children:(0,r.jsxs)("div",{className:"relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50",children:[(0,r.jsx)(d.default,{className:"inline-flex",src:o,width:350,height:288,alt:"Professional"}),(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsx)("div",{className:"mb-3",children:(0,r.jsx)("span",{className:"btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal",children:(0,r.jsx)("span",{className:"text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text",children:"Professional"})})}),(0,r.jsx)("p",{className:"text-indigo-200/65",children:"Kami menjadikan perusahaan yang professional dengan sumber daya yang berkompetensi dan berdaya saing tinggi"})]})]})})]})]})})})}},9089:(e,a,t)=>{"use strict";t.d(a,{A:()=>r});let r={src:"/_next/static/media/blurred-shape-gray.4be07fa5.svg",height:668,width:760,blurWidth:0,blurHeight:0}},7293:(e,a,t)=>{"use strict";t.d(a,{A:()=>r});let r={src:"/_next/static/media/blurred-shape.089e0f40.svg",height:668,width:760,blurWidth:0,blurHeight:0}}},e=>{var a=a=>e(e.s=a);e.O(0,[173,565,256,441,517,358],()=>a(3997)),_N_E=e.O()}]);