https://bilas.id/_next/static/chunks/app/(header)/blog/page-8221331005384b32.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8507],{41078:function(e,t,l){Promise.resolve().then(l.bind(l,26226))},26226:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return w}});var a=l(57437),i=l(29782),s=l(43903),r=l(26295),n=l(18618),d=l(77398),o=l.n(d),u=l(33145),c=l(2265),m=l(77562);let x=c.forwardRef(function(e,t){let{title:l,titleId:a,...i}=e;return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},i),l?c.createElement("title",{id:a},l):null,c.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"}))}),f=c.forwardRef(function(e,t){let{title:l,titleId:a,...i}=e;return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},i),l?c.createElement("title",{id:a},l):null,c.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"}))});var h=l(40718),p=l.n(h);function g(e){let{total_page:t,page:l,currentpage:i}=e;return(0,a.jsxs)("div",{className:"flex items-center p-20 w-fit gap-4",children:[(0,a.jsx)(n.IconButton,{size:"sm",variant:"outlined",onClick:()=>{1!==l&&i(l-1)},disabled:1===l,children:(0,a.jsx)(x,{strokeWidth:2,className:"h-4 w-4"})}),(0,a.jsxs)(n.Typography,{className:"font-normal",children:[(0,a.jsx)("strong",{className:"text-gray-900",children:l})," dari"," ",(0,a.jsx)("strong",{className:"text-gray-900",children:t||0})]}),(0,a.jsx)(n.IconButton,{size:"sm",variant:"outlined",onClick:()=>{l!==t&&i(l+1)},disabled:10===l,children:(0,a.jsx)(f,{strokeWidth:2,className:"h-4 w-4"})})]})}g.propTypes={total_page:p().number,page:p().number,currentpage:p().func.isRequired},l(87252);var w=()=>{let[e,t]=(0,c.useState)(!1),[l,d]=(0,c.useState)("Semua"),[x,f]=(0,c.useState)([]),[h,p]=(0,c.useState)([]),[w,b]=(0,c.useState)([]),[j,v]=(0,c.useState)([]),[N,k]=(0,c.useState)(0),[y,_]=(0,c.useState)(null),[C,Y]=(0,c.useState)(!0),[z,S]=(0,c.useState)(1),[M,E]=(0,c.useState)(0),[A,D]=(0,c.useState)([]),L=t=>{if(S(1),0!==t){let l=x.filter(e=>e.blog_id_kategori==t).sort((e,t)=>t.id-e.id),a=0*(!0==e?3:2),i=l.slice(a,a+(!0==e?3:2));D(l),b(i)}else{let t=x.sort((e,t)=>t.id-e.id),l=0*(!0==e?3:2),a=t.slice(l,l+(!0==e?3:2));D(t),b(a)}};return(0,c.useEffect)(()=>{let e=()=>{t(window.innerWidth>=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,c.useEffect)(()=>{Y(!0),(0,s.Z)("blog/kategori","get").then(e=>{1==e.value&&p([{id:0,nama:"Semua"},...e.result])}),(0,s.Z)("blog/post?published=true&show=landing","get").then(t=>{if(1==t.value){var l=t.result;l.forEach(e=>{e.name=e.judul}),f(l);let a=l.sort((e,t)=>t.id-e.id);D(a),setTimeout(()=>{(function(t){let l=t.findIndex(e=>!0===e.highlight),a=t.filter((e,t)=>t!==l);E(Math.ceil(t.length/(e?3:2)));let i=(z-1)*(e?3:2);b(t.slice(i,i+(e?3:2))),v(a.sort((e,t)=>t.id-e.id).slice(0,3))})(a),Y(!1)},500)}})},[e]),C?(0,a.jsx)("div",{className:"w-full h-[100vh] flex items-center justify-center",children:(0,a.jsx)(n.Spinner,{className:"h-16 w-16 text-gray-900/50"})}):(0,a.jsxs)("center",{className:"h-full w-full flex items-center justify-center bg-[#FAFAFA]",children:[(0,a.jsxs)("div",{className:"block",children:[(0,a.jsxs)("div",{className:"bg-gradient-to-b from-[#F6A623] to-[#EF8522] h-[100%]",children:[(0,a.jsx)("h1",{className:"md:text-5xl text-2xl font-bold text-white pt-20 pb-20",children:"Literasi Usaha Laundry"}),(0,a.jsx)("div",{class:"w-[80%] md:w-[50%] md:mb-20 mb-10 md:pb-[100px] pb-10",children:(0,a.jsxs)("div",{class:"relative flex items-center",children:[(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute w-5 h-5 top-2.5 left-2.5 text-slate-500",children:(0,a.jsx)("path",{"fill-rule":"evenodd",d:"M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z","clip-rule":"evenodd"})}),(0,a.jsx)(i.Z,{check3input:!0,label:"Cari artikel disini...",zIndex:30,data:w,callback:e=>void 0!==e||null!==e?window.open("/blog/"+(0,r.h)(e.judul),"_self"):console.log("nulled")})]})})]}),A&&A.filter(e=>!0==e.highlight).splice(0,1).map((e,t)=>(0,a.jsxs)("div",{className:"bg-white md:grid grid-cols-3 gap-6 lg:w-[67%] w-[95%] h-fit md:mb-20 mb-10",children:[(0,a.jsx)("div",{class:"col-span-2",children:(0,a.jsx)(u.default,{onClick:()=>window.open("/blog/"+(0,r.h)(e.judul),"_self"),width:1e3,height:300,priority:!0,alt:e.judul,title:e.judul,src:e.url,className:"cursor-pointer w-full h-fit roun

1ded-xl"})}),(0,a.jsxs)("div",{className:"md:mb-0 mb-5 text-left p-2",children:[(0,a.jsx)(n.Chip,{variant:"outlined",className:"md:mt-0 pl-2 mt-5 rounded-2xl capitalize w-fit mb-5",color:"blue",value:e.nama_kategori}),(0,a.jsx)("p",{onClick:()=>window.open("/blog/"+(0,r.h)(e.judul),"_self"),className:"pl-2 cursor-pointer md:text-2xl text-xl font-bold text-blue-700 md:mb-5 mb-2 text-left",children:e.judul}),(0,a.jsxs)("div",{className:"flex items-center justify-center w-fit pl-2 space-x-2",children:[(0,a.jsx)(n.Avatar,{src:"/adm.png",alt:"avatar",size:"xs"}),(0,a.jsx)("p",{className:"w-fit text-xs",children:null==e.nama_penulis?"Admin Bilas : "+o().utc(e.modified_date).format("DD/MM/YYYY"):e.nama_penulis+" : "+o().utc(e.modified_date).format("DD/MM/YYYY")})]}),(0,a.jsx)("div",{className:"w-full h-full p-2 prose text-xs md:text-sm space-y-2",children:(0,m.ZP)(e.isi+"...")})]})]},t)),void 0!==j&&j.length>0?(0,a.jsxs)("div",{className:"lg:w-[67%] w-[95%] h-full md:mb-10 mb-5",children:[(0,a.jsx)("h2",{className:"md:ml-0 ml-7 text-left md:text-2xl text-xl text-blue-700 font-bold md:mb-10",children:"Artikel Terbaru"}),e&&(0,a.jsx)("div",{class:"grid md:grid-cols-3 grid-cols-1 md:gap-0",children:j&&j.map((e,t)=>(0,a.jsx)("div",{onClick:()=>window.open("/blog/"+(0,r.h)(e.judul),"_self"),className:"w-full h-full flex justify-center md:p-5 p-2 cursor-pointer",children:(0,a.jsxs)("div",{className:"block w-full text-left bg-white rounded-xl",children:[(0,a.jsx)(u.default,{width:700,height:300,priority:!0,alt:e.judul,title:e.judul,className:"w-full min-h-fit rounded",src:e.url}),(0,a.jsx)(n.Chip,{variant:"outlined",className:"rounded-2xl capitalize w-fit mt-5 ml-2",color:"blue",value:e.nama_kategori}),(0,a.jsx)("p",{className:"w-full font-bold md:text-base text-xs pt-5 pb-2 pl-2",children:e.judul}),(0,a.jsxs)("div",{className:"flex items-center justify-center w-fit space-x-2 pl-2",children:[(0,a.jsx)(n.Avatar,{src:"/adm.png",alt:"avatar",size:"xs"}),(0,a.jsx)("p",{className:"w-fit text-xs",children:null==e.nama_penulis?"Admin Bilas : "+o().utc(e.modified_date).format("DD/MM/YYYY"):e.nama_penulis+" : "+o().utc(e.modified_date).format("DD/MM/YYYY")})]}),(0,a.jsx)("div",{className:"w-full h-full p-2 prose text-xs md:text-sm space-y-2",children:(0,m.ZP)(e.isi.slice(0,200)+"...")})]})},t))}),!1==e&&(0,a.jsx)(n.Carousel,{autoplay:!0,navigation:!1,loop:!0,className:"w-full h-fit overflow-hidden",children:j&&j.map((e,t)=>(0,a.jsx)("div",{className:"w-full h-full flex justify-center md:p-5 p-2 cursor-pointer",children:(0,a.jsxs)("div",{className:"block w-full text-left bg-white rounded-xl",children:[(0,a.jsx)(u.default,{width:700,height:300,priority:!0,alt:e.judul,title:e.judul,className:"w-full min-h-fit rounded",onClick:()=>window.open("/blog/"+(0,r.h)(e.judul),"_self"),src:e.url}),(0,a.jsx)(n.Chip,{variant:"outlined",className:"rounded-2xl capitalize w-fit mt-5 ml-2",color:"blue",value:e.nama_kategori}),(0,a.jsx)("p",{onClick:()=>window.open("/blog/"+(0,r.h)(e.judul),"_self"),className:"w-full font-bold md:text-base text-xs pt-5 pb-2 pl-2",children:e.judul}),(0,a.jsxs)("div",{className:"flex items-center justify-center w-fit space-x-2 pl-2",children:[(0,a.jsx)(n.Avatar,{src:"/adm.png",alt:"avatar",size:"xs"}),(0,a.jsx)("p",{className:"w-fit text-xs",children:null==e.nama_penulis?"Admin Bilas : "+o().utc(e.modified_date).format("DD/MM/YYYY"):e.nama_penulis+" : "+o().utc(e.modified_date).format("DD/MM/YYYY")})]}),(0,a.jsx)("div",{className:"w-full h-full p-2 prose text-xs md:text-sm space-y-2",children:(0,m.ZP)(e.isi+"...")})]})},t))})]}):(0,a.jsx)(a.Fragment,{}),h&&h.length>0&&(0,a.jsxs)("div",{className:"lg:w-[67%] w-[95%] h-full mb-20",children:[(0,a.jsx)("div",{className:"flex flex-nowrap mb-5 md:mb-10",children:h&&h.map((e,t)=>(0,a.jsx)(n.Chip,{type:"button",onClick:()=>{d(e.nama),L(e.id)},className:"capitalize cursor-pointer md:p-5 rounded-full m-1 ".concat(l.toLowerCase()==e.nama.toLowerCase()?"text-white bg-blue-700 border-blue-700":"text-blue-700 bg-white border-blue-700"," border text-sm"),value:e.nama},t))}),(0,a.jsx)("div",{className:"flex w-full h-fit mb-5",children:(0,a.jsx)("p",{className:"hidden md:block w-full font-bold text-left text-xl text-blue-700",children:l})}),(0,a.jsx)("div",{class:"grid md:grid-cols-3 grid-cols-2 md:gap-0",children:w&&w.length>0?w.map((t,l)=>(0,a.jsx)("div",{onClick:()=>window.open("/blog/"+(0,r.h)(t.judul),"_self"),className:"w-full h-full flex justify-center md:p-5 p-1 cursor-pointer",children:(0,a.jsxs)("div",{className:"block w-full text-left bg-white rounded-xl",children:[(0,a.jsx)(u.default,{width:700,height:300,priority:!0,alt:t.judul,title:t.judul,className:"w-full h-fit roun

1ded",src:t.url}),(0,a.jsx)(n.Chip,{variant:"outlined",className:"hidden md:block rounded-2xl capitalize w-fit mt-5 ml-2",color:"blue",value:t.nama_kategori}),(0,a.jsx)("h3",{className:"w-full font-bold md:text-base text-xs pt-5 pb-2 pl-2",children:t.judul}),(0,a.jsxs)("div",{className:"hidden md:flex items-center justify-center w-fit space-x-2 pl-2",children:[(0,a.jsx)(n.Avatar,{src:"/adm.png",alt:"avatar",size:"xs"}),(0,a.jsx)("p",{className:"w-fit text-xs",children:null==t.nama_penulis?"Admin Bilas : "+o().utc(t.modified_date).format("DD/MM/YYYY"):t.nama_penulis+" : "+o().utc(t.modified_date).format("DD/MM/YYYY")})]}),(0,a.jsx)("p",{className:"md:hidden w-fit pl-2 text-xs",children:o().utc(t.modified_date).format("DD/MM/YYYY")}),(0,a.jsx)("div",{className:"w-full h-fit p-2 prose text-xs md:text-sm space-y-2",children:(0,m.ZP)(t.isi.slice(0,e?250:200)+"...")})]})},l)):(0,a.jsx)("div",{className:"w-full h-[50vh] flex items-center",children:(0,a.jsx)("p",{className:"text-left ml-5 text-sm italic",children:"Artikel tidak ditemukan."})})})]}),null!==e&&A.length>0?(0,a.jsx)("center",{className:"w-full h-fit items-center justify-center z-50 mt-[-100px] ",children:(0,a.jsx)(g,{total_page:M,page:z,currentpage:t=>{let l=(t-1)*(e?3:2);b(A.slice(l,l+(e?3:2))),S(t)}})}):(0,a.jsx)(a.Fragment,{}),(0,a.jsx)("center",{className:"mb-10 md:mt-[-100px] mt-[-50px] w-full ",children:(0,a.jsx)("div",{className:"lg:w-[67%] w-[95%] h-[100%]",children:(0,a.jsxs)("div",{className:"text-white relative p-5 md:p-20 h-[65%] flex justify-between items-center mt-[10%] md:mt-[20%]  rounded-[30px] bg-gradient-to-b from-blue-500 to-blue-700",children:[(0,a.jsxs)("div",{className:"text-left ml-[5%] z-40",children:[(0,a.jsxs)("p",{className:"text-[30px] md:text-[40px] font-bold mb-2",children:["Anda Punya Pertanyaan ? ",(0,a.jsx)("br",{className:"hidden md:block"}),"Hubungi Kami"]}),(0,a.jsx)("p",{className:"text-sm md:w-[50%] mb-10",children:"Hubungi Customer Care Bilas.id ketika terjadi permasalahan atau ketika kamu ingin dipandu untuk penggunaan Aplikasi secara detail."}),(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("a",{title:"hubungi kami",href:"https://wa.me/6282124004600?text=Hola%20Bilas%2C%20Saya%20mau%20tanya%20tentang%2C%2C%2C%2C%2C",children:(0,a.jsx)("button",{className:"p-3 rounded-full m-1 text-white bg-orange-500 border-orange-500 text-sm",variant:"outlined",size:"md",children:"Hubungi CS"})}),(0,a.jsx)("a",{title:"ajukan training",href:"/ajukan-training",children:(0,a.jsx)("button",{className:"w-full h-[45px] text-white bg-auto border border-gray-300 rounded-full text-sm m-1 p-3 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700",children:"Ajukan Training"})})]})]}),(0,a.jsx)("img",{className:"absolute hidden md:block bottom-0 right-0 md:right-[-20px] rounded-[30px] h-[100%] md:h-[120%]",src:"https://storage.bilas.id/web/img/home_customer_service_satu_img.webp",alt:"blaztap_5"})]})})})]}),null!==y&&(0,a.jsx)(n.Dialog,{size:"lg",open:null!==y,handler:()=>_(null),className:"md:h-[70%] w-full bg-black text-black",children:(0,a.jsx)(n.DialogBody,{className:"w-full h-full",children:(0,a.jsx)("iframe",{loading:"lazy",allowFullScreen:!0,src:y,title:"tutorial aplikasi bilas",allow:"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture",className:"w-full h-full rounded-xl"})})})]})}},87252:function(e,t,l){"use strict";l.d(t,{N:function(){return n},QueryStringProvider:function(){return r}});var a=l(57437),i=l(2265);let s=(0,i.createContext)(),r=e=>{let{children:t}=e,[l,r]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e;let t=()=>r(window.innerWidth>=768);t();let l=()=>{clearTimeout(e),e=setTimeout(t,100)};return window.addEventListener("resize",l),()=>{clearTimeout(e),window.removeEventListener("resize",l)}},[]),(0,a.jsx)(s.Provider,{value:{isDesktop:l},children:t})},n=()=>{let e=(0,i.useContext)(s);if(!e)throw Error("useQueryString must be used within a QueryStringProvider");return e}},29782:function(e,t,l){"use strict";var a=l(57437),i=l(2265),s=l(18618),r=l(40718),n=l.n(r);function d(e){let{data:t,label:l,zIndex:r,callback:n,check3input:d}=e,[o,u]=(0,i.useState)(""),[c,m]=(0,i.useState)([]),[x,f]=(0,i.useState)([]),[h,p]=(0,i.useState)(!1),g=(0,i.useRef)(null),w=e=>{u(e.name),n(e),p(!1)};return(0,i.useEffect)(()=>{f(t),m(t);let e=e=>{var t;(null===(t=g.current)||void 0===t?void 0:t.contains(e.target))||p(!1)};return window.addEventListener("mousedown",e),()=>{window.removeEventListener("mousedown",e)}},[t,h]),(0,a.jsxs)("div",{ref:g,className:"relative z-".concat(r||30," w-full"),children:[(0,a.jsx)(s.Input,{size:"lg",id:"provinsi",label:l||"",placeholder:"cari disini..",required:!0,className:"bg-white",value:o,onChange:e=>{let t=e.target.value;t.length<=0?p(!1):p(!0),u(t),m(x.filter(e=>e.name.toLowerCase().includes(t.toLowerCase())))},onClick:()=>d?p(!1):p(!0),icon:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",className:" h-5 w-5 transition-transform",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})}),c.length>0&&h&&(0,a.jsx)("ul",{className:"absolute mt-2 w-full border border-gray-300 rounded-md max-h-40 overflow-y-auto bg-white",role:"listbox",children:c.map((e,t)=>(0,a.jsx)("li",{onClick:()=>w(e),className:"p-2 cursor-pointer hover:bg-gray-200 text-left capitalize md:text-base text-xs",role:"option","aria-selected":o===e.name,children:e.name},t))})]})}d.propTypes={data:n().shape({data:n().arrayOf(n().shape({name:n().string.isRequired})).isRequired}).isRequired,callback:n().func.isRequired,label:n().string,zIndex:n().number,value:n().string},t.Z=d},43903:function(e,t,l){"use strict";var a=l(5515),i=l.n(a);let s=async(e,t,l)=>{try{var a=[];return await fetch("https://backendapi.bilas.id/"+e,{method:t||"get",headers:{"Access-Control-Allow-Origin":"*","Content-Type":"application/json","x-access-token":"sjgyfne73592643gedudney3628465hgrdt"},body:l}).then(e=>e.json()).then(e=>{a=e}),a}catch(e){i().fire({title:"",text:"server sedang sibuk, coba lagi",icon:"error",dangerMode:!0,closeOnClickOutside:!1}).then(async e=>{})}};t.Z=s},26295:function(e,t,l){"use strict";function a(e){if(void 0!==e)return e.toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]+/g,"")}l.d(t,{h:function(){return a}})},33145:function(e,t,l){"use strict";l.d(t,{default:function(){return i.a}});var a=l(48461),i=l.n(a)},48461:function(e,t,l){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var l in t)Object.defineProperty(e,l,{enumerable:!0,get:t[l]})}(t,{default:function(){return d},getImageProps:function(){return n}});let a=l(47043),i=l(55346),s=l(65878),r=a._(l(5084));function n(e){let{props:t}=(0,i.getImgProps)(e,{defaultLoader:r.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,l]of Object.entries(t))void 0===l&&delete t[e];return{props:t}}let d=s.Image}},function(e){e.O(0,[6384,9461,6990,1665,5878,7562,2971,2117,1744],function(){return e(e.s=41078)}),_N_E=e.O()}]);