https://www.jivochat.co.id/_next/static/chunks/pages/drom-a4295582f54b5246.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98258],{4989:(e,t,r)=>{"use strict";r.d(t,{A:()=>j});var i=r(96677),s=r(27492),a=r.n(s),n=r(83913),d=r.n(n),m=r(74064),o=r(27820),l=r(88443),c=r(22492),_=r(66374),g=r(93146),x=r(33522),h=r(17521),p=r(23474);let j=({title:e,subtitle:t,subtitleVariant:r="h5",subtitleWeight:s="normal",width:n="100%",text:j,textVariant:A,qaId:u,imageSrc:b,imageRatio:w=[130,130],buttonLabel:v,buttonVariant:f="accent",extraBlocks:I,notice:k,noticeLink:N,className:C})=>{let{id:y}=(0,g.A)(),[T,$]=w,z=u||`${y}_button_last_screen`,{title:E,subtitle:M,text:S,button:q,notice:F}=(0,p.s)("outro",{title:e,subtitle:t,text:j,button:v,notice:k});return(0,i.jsxs)(o.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",className:C,children:[b&&(0,i.jsx)(l.A,{src:b,alt:"",width:T,height:$}),(0,i.jsx)(o.A.Item,{width:n,children:(0,i.jsxs)(o.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",children:[E&&(0,i.jsx)(m.A,{variant:"h2",align:"center",children:E}),M&&(0,i.jsx)(m.A,{variant:r,weight:s,color:"gray-75",align:"center",children:M}),S&&(0,i.jsx)(m.A,{variant:A,weight:"normal",className:a()(d().textColor),align:"center",children:S})]})}),q&&(0,i.jsx)(c.A,{reg:!0,qaId:z,analytics:{name:"connect button",place:"last screen"},children:(0,i.jsx)(_.A,{variant:f,size:"l",children:q})}),F&&(0,i.jsx)(h.A,{padding:[1,0,0],children:N?(0,i.jsx)(x.A,{decoration:"underline",href:N,color:"gray-75",children:F}):(0,i.jsx)(m.A,{color:"gray-75",children:F})}),I&&I]})}},11835:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/drom",function(){return r(60764)}])},23474:(e,t,r)=>{"use strict";r.d(t,{s:()=>a});var i=r(31610),s=r(93146);let a=(e,t)=>{let{t:r}=(0,i.A)(),{id:a}=(0,s.A)(),n={title:"",subtitle:"",text:"",button:"",placeholder:"",notice:""};return Object.keys(t).forEach(i=>{let s=t[i],d=`${e}.${i}`;n[i]=(s||r(`page.${a}.${d}`,{},{warnings:!1}))??""}),n}},27983:(e,t,r)=>{"use strict";r.d(t,{A:()=>_});var i=r(96677),s=r(17521),a=r(96775),n=r(81849),d=r(74064),m=r(66374),o=r(22492),l=r(93146),c=r(23474);let _=({title:e,text:t,notice:r,topLabel:_,buttonLabel:g,buttonVariant:x="primary",qaId:h,imageSrc:p,imageRatio:j=[500,500],gridColumns:A=[7,5],gridGap:u=1})=>{let{id:b}=(0,l.A)(),[w,v]=j,[f,I]=A,k=h||`${b}_button_1st_screen`,{title:N,text:C,button:y}=(0,c.s)("intro",{title:e,text:t,button:g});return(0,i.jsxs)(a.A.Container,{gap:u,children:[(0,i.jsxs)(a.A.Item,{size:{desktop:f,mobile:12},alignSelf:"center",children:[_&&(0,i.jsx)(s.A,{padding:[0,0,1],children:_}),(0,i.jsx)(d.A,{variant:"h1",tag:"h1",children:N}),(0,i.jsx)(s.A,{padding:[1.5,0],children:(0,i.jsx)(d.A,{color:"gray-75",children:C})}),(0,i.jsx)(o.A,{reg:!0,qaId:k,analytics:{name:"connect button",place:"1st screen"},children:(0,i.jsx)(m.A,{size:"l",variant:x,children:y})}),r&&(0,i.jsx)(s.A,{padding:[1,0,0],children:r})]}),(0,i.jsx)(a.A.Item,{size:{desktop:I,mobile:12},children:(0,i.jsx)(s.A,{padding:{mobile:[2,0,0]},children:(0,i.jsx)(n.A,{alt:"",src:p,width:w,height:v,priority:!0})})})]})}},48726:e=>{e.exports={screenMobileMax:"760px",screenTabletMax:"1225px",screenDesktopMin:"1226px",mediaMobile:'"max-width: 760px"',mediaMobileAndTablet:'"max-width: 1225px"',mediaTablet:'"min-width: 761px) and (max-width: 1225px"',mediaTabletAndDesktop:'"min-width: 761px"',mediaDesktop:'"min-width: 1226px"',mediaNarrowDesktop:'"(min-width: 1226px) and (max-width: 1388px)"',drom__introTitle:"drom_drom__introTitle__9FuDt",drom__connectItemNumber:"drom_drom__connectItemNumber__sbWrJ",drom__wrapper:"drom_drom__wrapper__tX3j7",drom__boxItem:"drom_drom__boxItem__F58tr",drom__statItem_item01:"drom_drom__statItem_item01__YSNCB",drom__statItem_item02:"drom_drom__statItem_item02__i_Nvk",drom__statItem_item03:"drom_drom__statItem_item03__HoA7q",drom__image:"drom_drom__image__okwPt",drom__image_introPattern:"drom_drom__image_introPattern__qobq8",drom__image_introWheel:"drom_drom__image_introWheel__L0t00",drom__image_featuresTop:"drom_drom__image_featuresTop__OzcA_",drom__image_featuresBottom:"drom_drom__image_featuresBottom__1vEOa"}},60764:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSG:()=>N,default:()=>C});var i=r(96677),s=r(63864),a=r(17521),n=r(76589),d=r(27492),m=r.n(d),o=r(48726),l=r.n(o),c=r(74064),_=r(31610),g=r(96775),x=r(83494);let h=()=>{let{t:e}=(0,_.A)(),t=({number:e,title:t,text:r=null})=>(0,i.jsx)(g.A.Item,{size:{desktop:3,mobile:12},children:(0,i.jsx)(a.A,{className:m()(l().drom__boxItem),children:(0,i.jsxs)(x.A,{children:[(0,i.jsx)(c.A,{variant:"h4",className:m()(l().drom__connectItemNumber),children:e}),(0,i.jsx)(a.A,{padding:[1,0,.5],children:(0,i.jsx)(c.A,{weight:"semibold",children:t})}),r&&(0,i.jsx)(c.A,{variant:"extra-small",children:r})]})})});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.A,{padding:[0,0,2],children:(0,i.jsx)(c.A,{variant:"h2",children:e("page.drom.connect.title")})}),(0,i.jsxs)(g.A.Container,{children:[t({number:"1",title:e("page.drom.connect-items.item01.title"),text:e("page.drom.connect-items.item01.text",{},{warnings:!1})}),t({number:"2",title:e("page.drom.connect-items.item02.title")}),t({number:"3",title:e("page.drom.connect-items.item03.title")}),t({number:"4",title:e("page.drom.connect-items.item04.title")})]}),(0,i.jsx)(a.A,{padding:[2,0,0],children:(0,i.jsx)(c.A,{color:"gray-75",children:e("page.drom.connect.text")})})]})};var p=r(27820),j=r(88443),A=r(47333);let u=()=>{let{t:e}=(0,_.A)(),t=(0,A.A)();return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(a.A,{padding:[4,0,0],children:(0,i.jsx)(x.A,{background:"gray-85",padding:[2,0,0,2],children:(0,i.jsxs)(g.A.Container,{columns:{desktop:3},gap:1,children:[(0,i.jsxs)(g.A.Item,{size:{desktop:1,mobile:1},children:[(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/logos-combined.svg",width:242,height:100}),(0,i.jsx)(a.A,{padding:[2,0,0],children:(0,i.jsx)(c.A,{variant:"h5",weight:"normal",color:"white",children:e("page.drom.app.text")})})]}),(0,i.jsx)(g.A.Item,{size:{desktop:2,mobile:1},children:(0,i.jsx)(p.A.Container,{children:"desktop"===t?(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/app.webp",width:810,height:552}):(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/app-mobile.webp",width:295,height:366})})})]})})})})},b=()=>{let{t:e}=(0,_.A)(),t=(0,A.A)(),r=({title:e,text:t,bg:r})=>(0,i.jsx)(g.A.Item,{size:{desktop:1,mobile:3},children:(0,i.jsxs)(x.A,{background:null,className:m()(l()[`drom__statItem_${r}`]),children:[(0,i.jsx)(c.A,{variant:"h2",children:e}),(0,i.jsx)(a.A,{padding:[.5,0],children:(0,i.jsx)(c.A,{children:t})})]})}),s=({title:e,text:t,icon:r})=>(0,i.jsx)(g.A.Item,{size:{desktop:1,mobile:4},children:(0,i.jsx)(a.A,{className:m()(l().drom__boxItem),children:(0,i.jsxs)(x.A,{background:"gray-85",children:[(0,i.jsx)(j.A,{alt:"",src:`/images/pages/drom/feature-${r}.svg`,width:72,height:72}),(0,i.jsxs)(a.A,{padding:[.5,0,0],children:[(0,i.jsx)(c.A,{variant:"h5",weight:"normal",children:e}),(0,i.jsx)(a.A,{padding:[.5,0],children:(0,i.jsx)(c.A,{children:t})})]})]})})});return(0,i.jsxs)("div",{className:m()(l().drom__wrapper),children:[(0,i.jsx)(c.A,{variant:"h2",color:"white",children:e("page.drom.features.title")}),(0,i.jsx)(a.A,{padding:[2,0,0],children:(0,i.jsxs)(g.A.Container,{columns:3,children:[(0,i.jsx)(r,{title:e("page.drom.facts.item01.title"),text:e("page.drom.facts.item01.text"),bg:"item01"}),(0,i.jsx)(r,{title:e("page.drom.facts.item02.title"),text:e("page.drom.facts.item02.text"),bg:"item02"}),(0,i.jsx)(r,{title:e("page.drom.facts.item03.title"),text:e("page.drom.facts.item03.text"),bg:"item03"})]})}),(0,i.jsx)(u,{}),(0,i.jsx)(a.A,{padding:[3,0,0],children:(0,i.jsx)(c.A,{variant:"h3",children:e("page.drom.features.subtitle")})}),(0,i.jsx)(a.A,{padding:[2,0,0],children:(0,i.jsxs)(g.A.Container,{columns:4,children:[(0,i.jsx)(s,{title:e("page.drom.advantages.item01.title"),text:e("page.drom.advantages.item01.text"),icon:"item01"}),(0,i.jsx)(s,{title:e("page.drom.advantages.item02.title"),text:e("page.drom.advantages.item02.text"),icon:"item02"}),(0,i.jsx)(s,{title:e("page.drom.advantages.item03.title"),text:e("page.drom.advantages.item03.text"),icon:"item03"}),(0,i.jsx)(s,{title:e("page.drom.advantages.item04.title"),text:e("page.drom.advantages.item04.text"),icon:"item04"})]})}),"desktop"===t&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/top.svg",width:195,height:228,className:m()(l().drom__image,l().drom__image_featuresTop)}),(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/bottom.svg",width:165,height:189,className:m()(l().drom__image,l().drom__image_featuresBottom)})]})]})};var w=r(27983);let v=()=>{let{Translation:e}=(0,_.A)(),t=(0,A.A)(),r=(0,i.jsx)(e,{i18nKey:"page.drom.intro.title",components:{drom_ico:(0,i.jsx)(j.A,{src:"/images/pages/drom/drom.svg",alt:"",width:70,height:70})}});return(0,i.jsx)(n.A,{children:(0,i.jsxs)(a.A,{padding:[2,0,6],className:m()(l().drom__wrapper),children:[(0,i.jsx)(w.A,{title:r,imageSrc:"/images/pages/drom/intro.webp",gridColumns:[8,4]}),"desktop"==t&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/pattern.svg",width:544,height:410,className:m()(l().drom__image,l().drom__image_introPattern)}),(0,i.jsx)(j.A,{alt:"",src:"/images/pages/drom/intro-wheel.svg",width:145,height:111,className:m()(l().drom__image,l().drom__image_introWheel)})]})]})})};var f=r(4989);let I=()=>(0,i.jsx)(a.A,{padding:[4,0,0],children:(0,i.jsx)(f.A,{})});var k=r(55527),N=!0;let C=({pageLocales:e})=>(0,i.jsxs)(s.A,{id:"drom",pageLocales:e,children:[(0,i.jsx)(v,{}),(0,i.jsx)(k.A,{variant:"dark",children:(0,i.jsx)(n.A,{children:(0,i.jsx)(a.A,{padding:[5,0,5],children:(0,i.jsx)(b,{})})})}),(0,i.jsx)(n.A,{children:(0,i.jsxs)(a.A,{padding:[5,0],children:[(0,i.jsx)(h,{}),(0,i.jsx)(I,{})]})})]})},81849:(e,t,r)=>{"use strict";r.d(t,{A:()=>

1o});var i=r(96677),s=r(39033),a=r(24734),n=r(88443),d=r(74258);let m=(e,t)=>{let r=e.lastIndexOf(".");return`${e.slice(0,r)}.${t}${e.slice(r)}`},o=({src:e,l10n:t,...r})=>{let{l10n:o}=(0,d.A)(),l=t??o,c=(0,s.useMemo)(()=>[m(e,l),m(e,a.q),e],[e,l]),[_,g]=(0,s.useState)(0);(0,s.useEffect)(()=>{g(0)},[e,l]);let x=c[_];return(0,i.jsx)(n.A,{src:x,...r,onError:()=>{g(e=>e<c.length-1?e+1:e)}},x)}},83913:e=>{e.exports={selector:"jv-theme",textColor:"common_textColor__4SXM4"}}},e=>{e.O(0,[18511,21680,96150,90636,46593,38792],()=>e(e.s=11835)),_N_E=e.O()}]);