https://rajarepair.id/_rr/C1NXz_P7.js

1import{_ as le}from"./CoWzrNuT.js";import{f as P,u as M,a as U,ao as we,r as W,o as q,y as d,z as m,B as n,v as t,E as A,a0 as H,C as e,I as z,G as w,D as o,F as D,A as j,P as ke,H as C,J as ye,M as $e,T as Se,x as T,q as Ie,i as R,t as B,s as E,$ as se,m as ce,_ as de,n as ue,ab as Te,V as Ce}from"./D5MLA-hU.js";import{I as Fe}from"./Buzkb953.js";import{I as oe}from"./S6DhdeN_.js";import{I as me}from"./BdbZa608.js";import{u as ne,I as ae,a as re}from"./BZMDioPG.js";import{I as pe,c as Le,_ as De,a as Me,b as je}from"./b8q4dilt.js";import{I as _e,_ as Pe}from"./Clo0L_Vo.js";import{_ as Oe}from"./0jejpokL.js";import{I as Re}from"./Dv4Z5I8w.js";import{I as Be}from"./CUlMz9Sl.js";import{c as Y}from"./D_rngVSp.js";import{I as Ne}from"./BLoYK7Cq.js";import{_ as K}from"./3EBg3iUg.js";import{_ as he}from"./C2a92Tni.js";import{_ as Ae}from"./C2ZTwWk3.js";import{I as G}from"./BJWMK5l4.js";import{u as Ee}from"./DeIXQDC2.js";import{_ as Ve}from"./D4XQySD9.js";import{I as He}from"./GRymhyKZ.js";import{I as ze}from"./DzA_gxR7.js";import{u as ee}from"./DOZv0An5.js";import{I as qe}from"./DcuNzkFt.js";import{I as We}from"./Bjvjhl7h.js";import{I as xe}from"./Dvq-jn9A.js";import{I as Ue}from"./DYb25-Kp.js";import{I as ie}from"./DA7qIMyu.js";import{u as Ge}from"./CflD_7cx.js";import{_ as Ke}from"./B1_oImu8.js";import{I as ge}from"./DO7ZADv0.js";import{I as fe}from"./pnh8EOCJ.js";import{c as Xe,a as Je}from"./CE_miPw0.js";import{s as Ye}from"./GhFrNfLP.js";import{_ as Ze}from"./DcLXeWJj.js";import{u as Qe}from"./CbqWd3-v.js";import{u as et,f as tt}from"./BsSRCWlq.js";import"./CuOLYiG3.js";import"./BEsrX2qS.js";import"./DU6cNFPH.js";import"./DxbuN_IJ.js";import"./VfYlVZiT.js";import"./RsnzuqlS.js";import"./D3z7HCH_.js";import"./DnT6CYIS.js";import"./CecOVL8Q.js";import"./DxIERjcP.js";(function(){try{var k=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new k.Error().stack;s&&(k._sentryDebugIds=k._sentryDebugIds||{},k._sentryDebugIds[s]="2c00d7e2-cf25-4b1f-8ea0-cc0db685dd27",k._sentryDebugIdIdentifier="sentry-dbid-2c00d7e2-cf25-4b1f-8ea0-cc0db685dd27")}catch{}})();var st=Y("outline","bolt","Bolt",[["path",{d:"M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11",key:"svg-0"}]]);var ot=Y("outline","stethoscope","Stethoscope",[["path",{d:"M6 4h-1a2 2 0 0 0 -2 2v3.5a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1",key:"svg-0"}],["path",{d:"M8 15a6 6 0 1 0 12 0v-3",key:"svg-1"}],["path",{d:"M11 3v2",key:"svg-2"}],["path",{d:"M6 3v2",key:"svg-3"}],["path",{d:"M18 10a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-4"}]]);var nt=Y("outline","stopwatch","Stopwatch",[["path",{d:"M5 13a7 7 0 1 0 14 0a7 7 0 0 0 -14 0",key:"svg-0"}],["path",{d:"M14.5 10.5l-2.5 2.5",key:"svg-1"}],["path",{d:"M17 8l1 -1",key:"svg-2"}],["path",{d:"M14 3h-4",key:"svg-3"}]]);var at=Y("outline","volume-off","VolumeOff",[["path",{d:"M15 8a5 5 0 0 1 1.912 4.934m-1.377 2.602a5 5 0 0 1 -.535 .464",key:"svg-0"}],["path",{d:"M17.7 5a9 9 0 0 1 2.362 11.086m-1.676 2.299a9 9 0 0 1 -.686 .615",key:"svg-1"}],["path",{d:"M9.069 5.054l.431 -.554a.8 .8 0 0 1 1.5 .5v2m0 4v8a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l1.294 -1.664",key:"svg-2"}],["path",{d:"M3 3l18 18",key:"svg-3"}]]);var rt=Y("outline","volume","Volume",[["path",{d:"M15 8a5 5 0 0 1 0 8",key:"svg-0"}],["path",{d:"M17.7 5a9 9 0 0 1 0 14",key:"svg-1"}],["path",{d:"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5",key:"svg-2"}]]);const it=["src"],lt=["src"],ct={class:"relative z-10 mx-auto mt-[7vh] w-full max-w-6xl px-6 text-center"},dt={class:"mx-auto mt-6 max-w-2xl text-lg leading-relaxed text-ink-700 motion-safe:animate-[rr-rise_0.7s_cubic-bezier(0.16,1,0.3,1)_both]",style:{"animation-delay":"140ms"}},ut={class:"font-semibold text-ink-900"},mt={class:"mt-8 flex flex-wrap items-center justify-center gap-x-7 gap-y-2 text-base font-medium text-ink-700 motion-safe:animate-[rr-rise_0.7s_cubic-bezier(0.16,1,0.3,1)_both]",style:{"animation-delay":"240ms"}},pt=["placeholder"],_t={type:"submit",class:"btn-primary shrink-0 px-6 py-3 text-base"},ht={class:"mt-3"},xt=["href"],gt={class:"mt-10 flex flex-wrap items-center justify-center gap-x-8 gap-y-4 opacity-70"},ft=["src","alt"],bt=P({__name:"HeroSection",setup(k){const{t:s}=M(),{whatsapp:r}=ne(),p=U(),g=Se(),u=[s("heroSection.trustWarranty"),s("heroSection.trustOriginalParts"),s("heroSection.trustTechnicians")],i=[{name:"Apple",logo:p("/brands/apple.svg")},{name:"Samsung",logo:p("/brands/samsung.svg")},{name:"Xiaomi",logo:p("/brands/xiaomi.svg")},{name:"Oppo",logo:p("/brands/oppo.svg")},{name:"Vivo",logo:p("/brands/vivo.svg")}],c=T("");function h(){const S=c.value.trim();g("Search",{search_string:S||"(empty)"}),Ie(S?{path:"/perbaikan",query:{q:S}}:"/perbaikan")}const l=["iPhone","iPad","MacBook","Apple Watch","Samsung","Xiaomi","Oppo","Vivo","Realme"],y=T(l[0]),{key:x}=we(),v=R(()=>x.value==="merdeka"),$=R(()=>v.value?{lead:s("heroSection.merdekaHeadingLead"),suffix:s("heroSection.merdekaHeadingSuffix"),line2:s("heroSection.merdekaHeadingLine2")}:{lead:s("heroSection.headingService"),suffix:s("heroSection.headingCheapest"),line2:s("heroSection.headingNationwide")}),f=T();let _,b;const F=T(0);let L=0;function N(){L||(L=requestAnimationFrame(()=>{L=0;const S=f.value;S&&(F.value=Math.min(Math.max(-S.getBoundingClientRect().top/(S.offsetHeight*.6),0),1))}))}return W(()=>{window.matchMedia?.("(prefers-reduced-motion: reduce)").matches||(window.addEventListener("scroll",N,{passive:!0}),N())}),q(()=>{window.removeEventListener("scroll",N),L&&cancelAnimationFrame(L)}),W(()=>{if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let S=0,I=l[0].length,O=!0,a=!0,V=!1;const X=()=>{const J=l[S];if(O)y.value=J.slice(0,--I),I===0&&(O=!1,S=(S+1)%l.length),_=setTimeout(X,45);else{if(y.value=J.slice(0,++I),I===J.length){O=!0,_=setTimeout(X,1500);return}_=setTimeout(X,85)}},be=()=>{V||(V=!0,_=setTimeout(X,700))},ve=()=>{V=!1,_&&clearTimeout(_)},te=()=>a&&!document.hidden?be():ve();b=new IntersectionObserver(([J])=>{a=!!J?.isIntersecting,te()},{threshold:0}),f.value&&b.observe(f.value),document.addEventListener("visibilitychange",te),q(()=>document.removeEventListener("visibilitychange",te))}),q(()=>{_&&clearTimeout(_),b?.disconnect()}),(S,I)=>{const O=le;return d(),m("section",{ref_key:"heroRoot",ref:f,class:"relative flex min-h-screen items-center overflow-hidden bg-white pt-28 pb-20 sm:pt-32"},[n(O,{name:"hero-ribbon"}),t(v)?A("",!0):(d(),m("img",{key:0,src:t(p)("/photos/hero.webp"),alt:"","aria-hidden":"true",class:"pointer-events-none absolute inset-0 hidden h-full w-full object-cover lg:block"},null,8,it)),t(v)?A("",!0):(d(),m("img",{key:1,src:t(p)("/photos/hero_after.webp"),alt:"","aria-hidden":"true",class:"pointer-events-none absolute inset-0 hidden h-full w-full object-cover will-change-[op

1acity] lg:block",style:H({opacity:t(F)})},null,12,lt)),e("div",ct,[e("h1",{class:z(["display text-4xl text-ink-900 motion-safe:animate-[rr-rise_0.7s_cubic-bezier(0.16,1,0.3,1)_both] sm:text-6xl lg:text-[64px] xl:text-7xl",t(v)?"leading-[1.35]":""])},[w(o(t($).lead)+" ",1),e("span",{class:z(t(v)?"":"text-brand-500"),style:H(t(v)?{color:"var(--theme-accent)"}:void 0)},[w(o(t(y)),1),I[2]||(I[2]=e("span",{"aria-hidden":"true",class:"ml-0.5 inline-block font-light motion-safe:animate-pulse"},"|",-1))],6),w(o(t($).suffix),1),I[3]||(I[3]=e("br",null,null,-1)),e("span",{class:z(["rounded-xl",t(v)?"px-2":"text-brand-500"]),style:H(t(v)?{background:"var(--theme-accent)",color:"var(--theme-accent-contrast)"}:void 0)},o(t($).line2),7)],2),e("p",dt,[t(v)?(d(),m(D,{key:0},[w(o(t(s)("heroSection.merdekaIntro")),1)],64)):(d(),m(D,{key:1},[w(o(t(s)("heroSection.introLead"))+" ",1),e("span",ut,o(t(s)("heroSection.introFree")),1),w(o(t(s)("heroSection.introTail")),1)],64))]),e("div",mt,[(d(),m(D,null,j(u,a=>e("span",{key:a,class:"inline-flex items-center gap-1.5"},[n(t(oe),{class:"h-5 w-5 text-brand-500","stroke-width":2}),w(" "+o(a),1)])),64))]),e("form",{class:"mx-auto mt-10 flex max-w-2xl items-center gap-2 rounded-full border border-slate-200 bg-white p-2 pl-6 shadow-lg shadow-black/5 motion-safe:animate-[rr-rise_0.7s_cubic-bezier(0.16,1,0.3,1)_both]",style:{"animation-delay":"340ms"},onSubmit:ke(h,["prevent"])},[n(t(me),{class:"h-5 w-5 shrink-0 text-slate-400"}),C(e("input",{"onUpdate:modelValue":I[0]||(I[0]=a=>$e(c)?c.value=a:null),type:"text",placeholder:t(s)("heroSection.searchPlaceholder"),class:"min-w-0 flex-1 bg-transparent text-base text-ink-900 placeholder:text-slate-400 focus:outline-none"},null,8,pt),[[ye,t(c)]]),e("button",_t,o(t(s)("heroSection.searchButton")),1)],32),e("div",ht,[e("a",{href:t(r)(t(s)("heroSection.whatsappMessage")),target:"_blank",rel:"noopener",class:"text-sm font-medium text-ink-700 underline-offset-4 transition-colors duration-300 hover:text-brand-500 hover:underline",onClick:I[1]||(I[1]=a=>t(g)("home_consult_click_hero"))},o(t(s)("heroSection.whatsappLink")),9,xt)]),e("div",gt,[(d(),m(D,null,j(i,a=>e("img",{key:a.name,src:a.logo,alt:a.name,class:"h-6 w-auto"},null,8,ft)),64))]),n(t(Fe),{class:"mx-auto mt-10 h-6 w-6 text-slate-400 motion-safe:animate-bounce"})])],512)}}}),vt=Object.assign(bt,{__name:"HeroSection"}),wt={id:"tentang",class:"bg-white py-20 sm:py-28"},kt={class:"reveal mx-auto max-w-7xl px-6"},yt={class:"grid items-center gap-12 lg:grid-cols-2"},$t={class:"mt-6 max-w-md text-base leading-relaxed text-ink-700"},St=["href"],It={class:"relative overflow-hidden rounded-3xl shadow-xl ring-1 ring-black/5"},Tt={class:"absolute bottom-4 left-4 rounded-2xl bg-white/90 px-4 py-2.5 backdrop-blur"},Ct={class:"text-sm font-semibold text-ink-900"},Ft={class:"text-xs text-slate-500"},Lt={class:"mx-auto mt-20 max-w-7xl px-6"},Dt={class:"grid border-l border-t border-slate-200/80 sm:grid-cols-2 lg:grid-cols-3"},Mt={class:"mt-5 text-lg font-medium text-ink-900"},jt={class:"mt-2 text-sm leading-relaxed text-ink-700"},Pt=P({__name:"FeaturesSection",setup(k){const{whatsapp:s}=ne(),{t:r}=M(),p=U(),g=[{icon:Be,title:r("featuresSection.feature1Title"),desc:r("featuresSection.feature1Desc")},{icon:pe,title:r("featuresSection.feature2Title"),desc:r("featuresSection.feature2Desc")},{icon:oe,title:r("featuresSection.feature3Title"),desc:r("featuresSection.feature3Desc")},{icon:nt,title:r("featuresSection.feature4Title"),desc:r("featuresSection.feature4Desc")},{icon:_e,title:r("featuresSection.feature5Title"),desc:r("featuresSection.feature5Desc")},{icon:Ne,title:r("featuresSection.feature6Title"),desc:r("featuresSection.feature6Desc")}];return(u,i)=>{const c=Pe,h=Oe;return d(),m("section",wt,[e("div",kt,[e("div",yt,[e("div",null,[i[0]||(i[0]=e("h2",{class:"display text-3xl text-ink-900 sm:text-4xl md:text-5xl"},[w(" Fast, Reliable &"),e("br"),w("Trusted Service. ")],-1)),e("p",$t,o(t(r)("featuresSection.introParagraph")),1),e("a",{href:t(s)(t(r)("featuresSection.whatsappMessage")),target:"_blank",rel:"noopener",class:"btn-primary mt-8"},[n(t(Re),{class:"h-4 w-4"}

1),w(" "+o(t(r)("featuresSection.ctaButton")),1)],8,St)]),e("div",It,[n(c,{src:t(p)("/photos/inside-us/admin-customer-2.webp"),alt:t(r)("galeri.altTeam"),format:"webp",sizes:"sm:100vw lg:600px","img-attrs":{class:"aspect-[4/3] w-full object-cover"}},null,8,["src","alt"]),e("div",Tt,[e("p",Ct,o(t(r)("featuresSection.technicianBadgeTitle")),1),e("p",Ft,o(t(r)("featuresSection.technicianBadgeSubtitle")),1)])])])]),e("div",Lt,[n(h,{cols:3},{default:B(()=>[e("div",Dt,[(d(),m(D,null,j(g,l=>e("div",{key:l.title,class:"border-b border-r border-slate-200/80 p-8 transition-colors duration-300 hover:bg-[#fafaff] sm:p-10"},[(d(),E(se(l.icon),{class:"h-7 w-7 text-brand-500","stroke-width":1.5})),e("h3",Mt,o(l.title),1),e("p",jt,o(l.desc),1)])),64))])]),_:1})])])}}}),Ot=Object.assign(Pt,{__name:"FeaturesSection"}),Rt={class:"bg-[#fafafa] py-16 sm:py-24"},Bt={class:"reveal mx-auto max-w-7xl px-6"},Nt={class:"flex flex-wrap items-end justify-between gap-4"},At={class:"display text-3xl text-ink-900 sm:text-4xl"},Et={class:"mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},Vt=P({__name:"PromoSection",setup(k){const{t:s}=M(),{promos:r,status:p}=Ee(),g=R(()=>p.value==="pending"||p.value==="idle"),u=R(()=>r.value.slice(0,3));return(i,c)=>{const h=K,l=he,y=Ae;return d(),m("section",Rt,[e("div",Bt,[e("div",Nt,[e("div",null,[e("h2",At,o(t(s)("promo.headerTitle")),1)]),n(h,{to:"/promo",class:"inline-flex shrink-0 items-center gap-1.5 text-sm font-semibold text-brand-600 hover:underline"},{default:B(()=>[w(o(t(s)("promo.seeAll"))+" ",1),n(t(G),{class:"h-4 w-4"})]),_:1})]),e("div",Et,[t(g)?(d(),m(D,{key:0},j(3,x=>n(l,{key:x,class:"h-80 w-full rounded-3xl"})),64)):A("",!0),(d(!0),m(D,null,j(t(u),x=>(d(),E(y,{key:x.slug,promo:x},null,8,["promo"]))),128))])])])}}}),Ht=Object.assign(Vt,{__name:"PromoSection"}),zt={class:"bg-white py-16 sm:py-24"},qt={class:"mx-auto max-w-7xl px-6"},Wt={class:"flex items-center justify-between gap-10"},Ut={class:"display max-w-2xl text-3xl text-ink-900 sm:text-4xl md:text-5xl"},Gt={class:"grid lg:grid-cols-2"},Kt={class:"border-b border-slate-200/80 p-8 sm:p-10 lg:border-r"},Xt={class:"text-sm text-slate-500"},Jt={class:"display mt-4 text-5xl tabular-nums leading-none text-ink-900 sm:text-6xl"},Yt={class:"mt-3 text-sm text-slate-500"},Zt={class:"flex flex-col border-b border-slate-200/80 p-8 sm:p-10"},Qt={class:"text-sm text-slate-500"},es={key:0,viewBox:"0 0 300 96",preserveAspectRatio:"none",class:"mt-4 h-24 w-full flex-1"},ts=["d"],ss=["d"],os={class:"mt-3 flex justify-between text-xs text-slate-500"},ns={class:"grid sm:grid-cols-3"},as={class:"border-b border-slate-200/80 p-8 sm:border-b-0 sm:border-r sm:p-10"},rs={class:"display mt-4 text-3xl tabular-nums text-ink-900 sm:text-4xl"},is={class:"mt-1 text-sm text-slate-500"},ls={class:"border-b border-slate-200/80 p-8 sm:border-b-0 sm:border-r sm:p-10"},cs={class:"display mt-4 text-3xl tabular-nums text-ink-900 sm:text-4xl"},ds={class:"mt-1 text-sm text-slate-500"},us={class:"p-8 sm:p-10"},ms={class:"display mt-4 text-3xl tabular-nums text-ink-900 sm:text-4xl"},ps={class:"mt-1 text-sm text-slate-500"},_s=300,Z=96,Q=6,hs=P({__name:"RepairCounter",setup(k){const{t:s}=M(),r=U(),p=R(()=>{const x=`url("${r("/brand/indonesia.svg")}")`;return{maskImage:x,WebkitMaskImage:x}}),{fetchStats:g}=ee(),{data:u}=ce("repair-stats",()=>g(),{default:()=>({repairs:0,customers:0,outlets:0,models:0,series:[]})}),i=x=>x.toLocaleString("id-ID"),c=R(()=>{const x=u.value.series;if(!x||x.length<2)return null;const v=Math.max(...x)||1,$=x.length,f=x.map((F,L)=>[Q+L/($-1)*(_s-2*Q),Z-Q-F/v*(Z-2*Q)]);let _=`M ${f[0][0].toFixed(1)},${f[0][1].toFixed(1)}`;for(let F=1;F<$;F++){const[L,N]=f[F-1],[S,I]=f[F],O=(L+S)/2;_+=` C ${O.toFixed(1)},${N.toFixed(1)} ${O.toFixed(1)},${I.toFixed(1)} ${S.toFixed(1)},${I.toFixed(1)}`}const b=`${_} L ${f[$-1][0].toFixed(1)},${Z} L ${f[0][0].toFixed(1)},${Z} Z`;return{line:_,area:b}}),h=T(!1),l=T();let y;return W(()=>{y=new IntersectionObserver(([x])=>{x?.isIntersecting&&(h.value=!0,y?.disconnect())},{threshold:.25}),l.value&&y.observe(l.value)}),q(()=>y?.disconnect()),(x,v)=>(d(),m("section",zt,[e("div",qt,[e("div",Wt,[e("h2",Ut,o(t(s)("repairCounter.heading")),1),e("div",{"aria-hidden":"true",class:"hidden h-28 w-72 shrink-0 bg-brand-500/20 [mask-position:center] [mask-repeat:no-repeat] [mask-size:cover] lg:block",style:H(t(p))},null,4)]),e("div",{ref_key:"root",ref:l,class:"mt-10 overflow-hidden rounded-[1.75rem] border border-slate-200/80"},[e("div",Gt,[e("div",Kt,[e("p",Xt,o(t(s)("repairCounter.totalRepairsLabel")),1),e("p",Jt,[w(o(i(t(u).repairs)),1),v[0]||(v[0]=e("span",{class:"text-brand-500"},"+",-1))]),e("p",Yt,o(t(s)("repairCounter.totalRepairsDesc")),1

1)]),e("div",Zt,[e("p",Qt,o(t(s)("repairCounter.growthLabel")),1),t(c)?(d(),m("svg",es,[v[1]||(v[1]=e("defs",null,[e("linearGradient",{id:"rcGrad",x1:"0",y1:"0",x2:"0",y2:"1"},[e("stop",{offset:"0%","stop-color":"#353791","stop-opacity":"0.22"}),e("stop",{offset:"100%","stop-color":"#353791","stop-opacity":"0"})])],-1)),e("path",{d:t(c).area,fill:"url(#rcGrad)",class:z(["transition-opacity duration-700",t(h)?"opacity-100":"opacity-0"])},null,10,ts),e("path",{d:t(c).line,fill:"none",stroke:"#353791","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round",pathLength:"1",class:"[stroke-dasharray:1] transition-[stroke-dashoffset] duration-[1600ms] ease-out",style:H({strokeDashoffset:t(h)?0:1})},null,12,ss)])):A("",!0),e("div",os,[e("span",null,o(t(s)("repairCounter.growthStart")),1),e("span",null,o(t(s)("repairCounter.growthToday")),1)])])]),e("div",ns,[e("div",as,[n(t(_e),{class:"h-6 w-6 text-brand-500","stroke-width":1.75}),e("p",rs,[w(o(i(t(u).customers)),1),v[2]||(v[2]=e("span",{class:"text-brand-500"},"+",-1))]),e("p",is,o(t(s)("repairCounter.customersLabel")),1)]),e("div",ls,[n(t(ze),{class:"h-6 w-6 text-brand-500","stroke-width":1.75}),e("p",cs,o(i(t(u).outlets)),1),e("p",ds,o(t(s)("repairCounter.outletsLabel")),1)]),e("div",us,[n(t(He),{class:"h-6 w-6 text-brand-500","stroke-width":1.75}),e("p",ms,[w(o(i(t(u).models)),1),v[3]||(v[3]=e("span",{class:"text-brand-500"},"+",-1))]),e("p",ps,o(t(s)("repairCounter.modelsLabel")),1)])])],512)])]))}}),xs=Object.assign(hs,{__name:"RepairCounter"}),gs={class:"bg-[#fafaff] py-20 sm:py-28"},fs={class:"mx-auto max-w-7xl px-6"},bs={class:"relative order-2 mx-auto w-full max-w-lg lg:max-w-none"},vs={class:"absolute bottom-4 left-4 max-w-[calc(100%-2rem)] rounded-2xl bg-white/90 px-4 py-2.5 shadow-lg ring-1 ring-black/5 backdrop-blur"},ws={class:"text-sm font-semibold text-ink-900"},ks={class:"mt-0.5 text-xs text-slate-500"},ys={class:"order-1"},$s={class:"max-w-xl"},Ss={class:"display text-3xl text-ink-900 sm:text-4xl md:text-5xl"},Is={class:"mt-6 max-w-md text-base leading-relaxed text-ink-700"},Ts={class:"mt-10 grid grid-cols-1 gap-x-5 gap-y-4 sm:grid-cols-2"},Cs={"aria-hidden":"true",class:"pointer-events-none absolute -right-1 -top-3 select-none text-6xl font-black leading-none text-brand-100/80"},Fs={class:"relative grid h-11 w-11 place-items-center rounded-xl bg-white text-brand-600 shadow-sm ring-1 ring-brand-100 transition-colors duration-300 group-hover:bg-brand-500 group-hover:text-white"},Ls={class:"relative mt-4 text-sm font-semibold text-ink-900"},Ds={class:"relative mt-1 text-xs leading-relaxed text-slate-500"},Ms=P({__name:"RepairFlow",setup(k){const{t:s}=M(),r=U(),p=[{icon:qe,title:s("repairFlow.step1Title"),desc:s("repairFlow.step1Desc")},{icon:ot,title:s("repairFlow.step2Title"),desc:s("repairFlow.step2Desc")},{icon:me,title:s("repairFlow.step3Title"),desc:s("repairFlow.step3Desc")},{icon:pe,title:s("repairFlow.step4Title"),desc:s("repairFlow.step4Desc")},{icon:We,title:s("repairFlow.step5Title"),desc:s("repairFlow.step5Desc")},{icon:oe,title:s("repairFlow.step6Title"),desc:s("repairFlow.step6Desc")}],g=T(),u=T(!1);let i;return W(()=>{i=new IntersectionObserver(([c])=>{c?.isIntersecting&&(u.value=!0,i?.disconnect())},{threshold:.2}),g.value&&i.observe(g.value)}),q(()=>i?.disconnect()),(c,h)=>{const l=de;return d(),m("section",gs,[e("div",fs,[e("div",{ref_key:"root",ref:g,class:"grid items-center gap-12 lg:grid-cols-[1.1fr_1fr] lg:gap-14"},[e("div",bs,[n(l,{src:t(r)("/photos/service-process/DSC03354.webp"),alt:t(s)("repairFlow.imageAlt"),format:"webp",sizes:"100vw lg:600px",class:"aspect-square w-full rounded-3xl object-cover shadow-xl shadow-ink-900/10 ring-1 ring-black/5 lg:aspect-[4/5]"},null,8,["src","alt"]),e("div",vs,[e("p",ws,o(t(s)("repairFlow.badgeTitle")),1),e("p",ks,o(t(s)("repairFlow.badgeDesc")),1)])]),e("div",ys,[e("div",$s,[e("h2",Ss,o(t(s)("repairFlow.heading")),1),e("p",Is,o(t(s)("repairFlow.subheading")),1)]),e("ol",Ts,[(d(),m(D,null,j(p,(y,x)=>e("li",{key:y.title,class:z(["group relative overflow-hidden rounded-2xl bg-slate-50/70 p-5 ring-1 ring-slate-100 transition-all duration-500 ease-out hover:bg-white hover:shadow-lg hover:shadow-brand-500/5 hover:ring-brand-200 motion-reduce:transition-none",[t(u)?"translate-y-0 opacity-100":"translate-y-4 opacity-0",x%2===1?"sm:mt-9":""]]),style:H({transitionDelay:t(u)?x*.09+"s":"0s"})},[e("span",Cs,o((x+1).toString().padStart(2,"0")),1),e("span",Fs,[(d(),E(se(y.icon),{class:"h-5 w-5","stroke-width":1.75}))]),e("h3",Ls,o(y.title),1),e("p",Ds,o(y.desc),1)],6)),64))])])],512)])])}}}),js=Object.assign(Ms,{__name:"RepairFlow"}),Ps={key:0,class:"bg-white py-16 sm:py-24"},Os={class:"reveal mx-auto max-w-7xl px-6"},Rs={class:"flex flex-wrap items-end justify-between gap-x-8 gap-y-3"},Bs={class:"display text-3xl text-ink-900 sm:text-4xl"},Ns={class:"mt-3 max-w-lg text-base leading-relaxed text-slate-500"},As={class:"no-scrollbar mt-8 flex snap-x gap-4 overflow-x-auto pb-2 md:grid md:grid-cols-2 md:gap-5 md:overflow-visible md:pb-0 lg:grid-cols-3"},Es=P({__name:"NearestOutlets",setup(k){const{t:s}=M(),{fetchLocations:r,fetchNearest:p}=ee(),g=T([]),u=T(!0),i=()=>new Promise(h=>{if(!navigator.geolocation)return h(null);navigator.geolocation.getCurrentPosition(h,()=>h(null),{timeout:6e3,maximumAge:6e5})});async function c(){try{const h=await i();if(h){const l=await p(h.coords.latitude,h.coords.longitude).catch(()=>null);if(l?.locations.length){g.value=l.locations.slice(0,6);return}}g.value=(await r().catch(()=>[])).slice(0,6)}finally{u.value=!1}}return W(c),(h,l)=>{const y=K,x=he,v=Le;return t(u)||t(g).length?(d(),m("section",Ps,[e("div",Os,[e("div",Rs,[e("div",null,[e("h2",Bs,o(t(s)("nearestOutlets.heading")),1),e("p",Ns,o(t(s)("nearestOutlets.subtitle")),1)]),n(y,{to:"/lokasi",class:"inline-flex items-center gap-2 rounded-full border border-slate-200 px-5 py-2.5 text-sm font-semibold text-ink-900 transition-colors hover:border-brand-300 hover:text-brand-600"},{default:B(()=>[w(o(t(s)("nearestOutlets.viewAll"))+" ",1),n(t(G),{class:"h-4 w-4"})]),_:1})]),e("div",As,[t(u)&&!t(g).length?(d(),m(D,{key:0},j(3,$=>n(x,{key:$,class:"h-40 w-[78%] shrink-0 rounded-2xl md:w-auto"})),64)):A("",!0),(d(!0),m(D,null,j(t(g),$=>(d(),E(v,{key:$.id,outlet:$,"distance-km":$.distance_km,class:"w-[78%] shrink-0 snap-start md:w-auto"},null,8,["outlet","distance-km"]))),128))])])])):A("",!0)}}}),Vs=Object.assign(Es,{__name:"NearestOutlets"}),Hs={class:"flex min-h-screen items-center overflow-hidden py-16 md:sticky md:top-0 md:py-0"},zs={class:"relative mx-auto w-full max-w-7xl px-6"},qs={class:"display text-4xl text-ink-900 sm:text-5xl"},Ws={class:"mt-5 text-base leading-relaxed text-ink-700"},Us=["src"],Gs=["aria-label"],Ks=P({__name:"TestimonialVideo",setup(k){const{t:s}=M(),r=["why-us.mp4","why-us-2.mp4","why-us-3.mp4"],p=T(0),g=R(()=>`https://content.rajarepair.id/rajarepair/${r[p.value]}`),u=T(!0),i=T(),c=T(),h=T(0),l=T(!1),y=a=>a*a*(3-2*a),x=a=>Math.min(1,Math.max(0,a)),v=R(()=>y(x(h.value/.7))),$=R(()=>l.value?{width:`${56+44*v.value}%`}:void 0),f=R(()=>

1{if(!l.value)return;const a=x(h.value/.5);return{opacity:String(1-a),transform:`translateY(${-a*24}px)`}});let _=0,b,F,L;function N(){const a=i.value;if(!a)return;const V=a.offsetHeight-window.innerHeight;h.value=V>0?x(-a.getBoundingClientRect().top/V):0}function S(){_||(_=requestAnimationFrame(()=>{_=0,N()}))}W(()=>{const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;F=window.matchMedia("(min-width: 768px)"),L=()=>{l.value=!a&&F.matches,l.value&&N()},L(),F.addEventListener("change",L),b=new IntersectionObserver(([V])=>{!!V?.isIntersecting?(window.addEventListener("scroll",S,{passive:!0}),N(),c.value&&(c.value.muted=u.value),c.value?.play().catch(()=>{})):(window.removeEventListener("scroll",S),c.value?.pause())},{threshold:0}),i.value&&b.observe(i.value)}),q(()=>{b?.disconnect(),window.removeEventListener("scroll",S),F&&L&&F.removeEventListener("change",L),_&&cancelAnimationFrame(_)});function I(){p.value=(p.value+1)%r.length,ue(()=>{const a=c.value;a&&(a.muted=u.value,a.play().catch(()=>{}))})}function O(){const a=c.value;a&&(u.value=!u.value,a.muted=u.value,u.value||a.play().catch(()=>{}))}return(a,V)=>(d(),m("section",{ref_key:"section",ref:i,class:"relative bg-white md:h-[160vh]"},[e("div",Hs,[e("div",zs,[e("div",{class:"md:max-w-sm",style:H(t(f))},[e("h2",qs,o(t(s)("testimonialVideo.heading")),1),e("p",Ws,o(t(s)("testimonialVideo.body")),1)],4),e("div",{class:"relative mt-8 aspect-video overflow-hidden rounded-3xl shadow-xl ring-1 ring-black/5 md:absolute md:right-0 md:top-1/2 md:mt-0 md:w-[56%] md:-translate-y-1/2",style:H(t($))},[e("video",{ref_key:"video",ref:c,src:t(g),class:"h-full w-full object-cover",muted:"",playsinline:"",preload:"metadata",onEnded:I},null,40,Us),e("button",{type:"button",class:"absolute bottom-3 right-3 z-10 grid h-10 w-10 place-items-center rounded-full bg-black/50 text-white backdrop-blur transition hover:bg-black/70","aria-label":t(s)(t(u)?"testimonialVideo.unmute":"testimonialVideo.mute"),onClick:O},[t(u)?(d(),E(t(at),{key:0,class:"h-5 w-5"})):(d(),E(t(rt),{key:1,class:"h-5 w-5"}))],8,Gs)],4)])])],512))}}),Xs=Object.assign(Ks,{__name:"TestimonialVideo"}),Js=[{id:"detikcom",outlet:"detikcom",logo:"/press/detikcom.webp",logoH:"h-8 sm:h-9",title:"3 Tempat Service Handphone Terpercaya untuk iPhone hingga HP Lipat & Fold",url:"https://inet.detik.com/cyberlife/d-8595992/3-tempat-service-handphone-terpercaya-untuk-iphone-hingga-hp-lipat-fold",date:"2026-07-29"},{id:"kontan",outlet:"Kontan.co.id",logo:"/press/kontan.svg",logoH:"h-7 sm:h-8",title:"3 Tempat Service HP Terpercaya untuk iPhone, Android & Flip/Fold",url:"https://adv.kontan.co.id/news/3-tempat-service-hp-terpercaya-untuk-iphone-android-flipfold",date:"2026-07-29"}];function Ys(k,s){if(!k)return"";const r=new Date(k);return Number.isNaN(r.getTime())?"":r.toLocaleDateString(s==="en"?"en-US":"id-ID",{day:"numeric",month:"long",year:"numeric"})}const Zs=()=>{const{locale:k}=M(),s=U();return{mentions:R(()=>Js.map(p=>({...p,logo:s(p.logo),dateLabel:Ys(p.date,k.value)})))}},Qs={key:0,class:"bg-white py-16 sm:py-24"},eo={class:"reveal mx-auto max-w-6xl px-6"},to={class:"flex flex-wrap items-baseline justify-between gap-x-8 gap-y-2 border-b border-slate-200 pb-6"},so={class:"display text-3xl text-ink-900 sm:text-4xl"},oo={class:"text-sm text-slate-500"},no={class:"mt-10 grid gap-10 lg:grid-cols-[0.8fr_1fr] lg:gap-16"},ao={class:"relative aspect-[4/3] overflow-hidden rounded-[1.75rem] ring-1 ring-ink-900/5 lg:aspect-auto lg:h-full"},ro={class:"-mt-2 lg:mt-0"},io=["href","data-track-label"],lo=["src","alt"],co={class:"relative mt-5 block text-lg font-semibold leading-snug text-ink-900 transition-colors group-hover:text-brand-600 sm:text-xl sm:leading-snug"},uo={class:"relative mt-4 flex items-center gap-4 text-sm text-slate-500"},mo={class:"ml-auto grid h-9 w-9 shrink-0 place-items-center rounded-full text-brand-600 ring-1 ring-slate-200 transition-colors duration-300 group-hover:bg-brand-600 group-hover:text-white group-hover:ring-brand-600","aria-hidden":"true"},po=P({__name:"PressSection",setup(k){const{t:s}=M(),{mentions:r}=Zs(),p=U();return(g,u)=>{const i=de;return t(r).length?(d(),m("section",Qs,[e("div",eo,[e("header",to,[e("h2",so,o(t(s)("pressSection.heading")),1),e("p",oo,o(t(s)("pressSection.subtitle")),1)]),e("div",no,[e("div",ao,[n(i,{src:t(p)("/photos/interior/DSC03345_1.webp"),alt:"","aria-hidden":"true",format:"webp",sizes:"sm:100vw lg:460px",class:"absolute inset-0 h-full w-full object-cover"},null,8,["src"])]),e("ul",ro,[(d(!0),m(D,null,j(t(r),(c,h)=>(d(),m("li",{key:c.id,class:z(h>0?"border-t border-slate-200":"")},[e("a",{href:c.url,target:"_blank",rel:"noopener noreferrer","data-track":"press_click","data-track-label":c.outlet,class:"group relative block py-7 sm:py-9"},[u[0]||(u[0]=e("span",{class:"pointer-events-none absolute -inset-x-5 inset-y-0 rounded-2xl bg-brand-50/0 transition-colors duration-300 group-hover:bg-brand-50/70","aria-hidden":"true"},null,-1)),e("img",{src:c.logo,alt:c.outlet,loading:"lazy",class:z(["relative w-auto",c.logoH])},null,10,lo),e("span",co,o(c.title),1),e("span",uo,[w(o(c.dateLabel)+" ",1),e("span",mo,[n(t(xe),{class:"h-4 w-4"})])])],8,io)],2))),128))])])])])):A("",!0)}}}),_o=Object.assign(po,{__name:"PressSection"}),ho={class:"py-20 sm:py-28"},xo={class:"reveal mx-auto max-w-7xl px-6"},go={class:"grid gap-12 lg:grid-cols-2 lg:items-center lg:gap-16"},fo={class:"max-w-xl"},bo={class:"display text-3xl text-ink-900 sm:text-4xl md:text-5xl"},vo={class:"mt-5 max-w-md text-base leading-relaxed text-ink-700"},wo={class:"mt-4 text-sm text-slate-500"},ko={class:"grid grid-cols-1 gap-4 sm:grid-cols-2"},yo={class:"grid h-12 w-12 place-items-center rounded-xl bg-brand-50 ring-1 ring-brand-100"},$o=["src","alt"],So={class:"mt-4 text-base font-semibold text-ink-900"},Io={class:"mt-1 text-sm leading-relaxed text-slate-500"},To=P({__name:"ServiceCategories",setup(k){const{t:s}=M(),r=U(),p=[{label:"iPhone",logo:r("/icons/devices/ic-iphone.svg"),desc:s("serviceCategories.cat1Desc")},{label:"Android",logo:r("/icons/devices/ic-android.svg"),desc:s("serviceCategories.cat2Desc")},{label:"iPad & Tablet",logo:r("/icons/devices/ic-ipadtab.svg"),desc:s("serviceCategories.cat3Desc")},{label:"MacBook & Mac",logo:r("/icons/devices/ic-mac.svg"),desc:s("serviceCategories.cat4Desc")}];return(g,u)=>{const i=K;return d(),m("section",ho,[e("div",xo,[e("div",go,[e("div",fo,[e("h2",bo,o(t(s)("serviceCategories.heading")),1),e("p",vo,o(t(s)("serviceCategories.subheading")),1),n(i,{to:"/perbaikan",class:"btn-primary mt-7"},{default:B(()=>[w(o(t(s)("serviceCategories.ctaStart")),1)]),_:1}),e("p",wo,[w(o(t(s)("serviceCategories.nearbyLead"))+" ",1),n(i,{to:"/service-terdekat",class:"font-semibold text-brand-600 underline-offset-2 hover:underline"},{default:B(()=>[w(o(t(s)("site.navServisHp")),1)]),_:1}),u[0]||(u[0]=w(". ",-1))])]),e("div",ko,[(d(),m(D,null,j(p,c=>n(i,{key:c.label,to:"/perbaikan",class:"group relative rounded-2xl border border-slate-200/80 bg-white p-6 transition-all duration-300 hover:-translate-y-1 hover:border-brand-300 hover:shadow-lg hover:shadow-brand-500/5"},{default:B(()=>[e("span",yo,[e("img",{src:c.logo,alt:c.label,class:"h-7 w-7 object-contain"},null,8,$o)]),e("p",So,o(c.label),1),e("p",Io,o(c.desc),1),n(t(xe),{class:"absolute right-5 top-5 h-5 w-5 text-slate-300 transition-colors duration-300 group-hover:text-brand-500"})]),_:2},1024)),64))])])])])}}}),Co=Object.assign(To,{__name:"ServiceCategories"}),Fo={key:0,class:"bg-white py-20 sm:py-28"},Lo={class:"reveal mx-auto max-w-7xl px-6"},Do={class:"flex flex-wrap items-end justify-between gap-6"},Mo={class:"max-w-2xl"},jo={class:"inline-flex items-center gap-1.5 rounded-full bg-gold-500/10 px-3 py-1 text-sm font-semibold text-brand-700 ring-1 ring-gold-500/30"},Po={class:"display mt-4 text-3xl text-ink-900 sm:text-4xl md:text-5xl"},Oo={class:"mt-3 text-lg text-slate-600"},Ro={class:"mt-10 grid grid-cols-2 gap-4 lg:grid-cols-4"},Bo={class:"relative aspect-[3/2] overflow-hidden bg-gradient-to-br from-brand-50 to-gold-400/20"},No=["src","alt"],Ao={key:1,class:"grid h-full w-full place-items-center"},Eo={key:2,class:"absolute left-3 top-3 rounded-full bg-white/90 px-2.5 py-1 text-sm font-bold text-brand-700 ring-1 ring-black/5 backdrop-blur"},Vo={class:"flex flex-1 flex-col gap-1 p-4"},Ho={class:"line-clamp-2 font-semibold text-ink-900"},zo={class:"mt-auto inline-flex items-center gap-1 pt-2 text-sm font-medium text-ink-700"},qo=P({__name:"RewardTeaser",setup(k){const{t:s}=M(),{fetchRewardCatalog:r}=ee(),{data:p}=ce("reward-teaser",()=>r().catch(()=>[]),{default:()=>[]}),g=R(()=>(p.value??[]).slice(0,4));function u(i){return i.reward_type==="percentage"?`${i.value}%`:i.reward_type==="free_item"?s("rewardTeaser.free"):`Rp ${Math.round(i.value).toLocaleStr

1ing("id-ID")}`}return(i,c)=>{const h=K;return t(g).length?(d(),m("section",Fo,[e("div",Lo,[e("div",Do,[e("div",Mo,[e("span",jo,[n(t(ie),{class:"h-4 w-4 text-gold-500"}),w(" "+o(t(s)("rewardTeaser.badge")),1)]),e("h2",Po,o(t(s)("rewardTeaser.heading")),1),e("p",Oo,o(t(s)("rewardTeaser.subheading")),1)]),n(h,{to:"/akun/poin",class:"inline-flex items-center gap-1.5 rounded-full bg-brand-600 px-5 py-2.5 text-base font-semibold text-white transition-colors hover:bg-brand-700"},{default:B(()=>[w(o(t(s)("rewardTeaser.cta"))+" ",1),n(t(G),{class:"h-4 w-4"})]),_:1})]),e("div",Ro,[(d(!0),m(D,null,j(t(g),l=>(d(),E(h,{key:l.id,to:"/akun/poin",class:"group relative flex flex-col overflow-hidden rounded-3xl border border-slate-200/80 bg-white transition-all duration-300 hover:-translate-y-1 hover:border-brand-300 hover:shadow-lg hover:shadow-brand-500/5"},{default:B(()=>[e("div",Bo,[l.image?(d(),m("img",{key:0,src:l.image,alt:l.name,loading:"lazy",class:"h-full w-full object-cover object-center transition-transform duration-500 group-hover:scale-105"},null,8,No)):(d(),m("div",Ao,[n(t(Ue),{class:"h-12 w-12 text-brand-300"})])),l.image?A("",!0):(d(),m("span",Eo,o(u(l)),1))]),e("div",Vo,[e("h3",Ho,o(l.name),1),e("p",zo,[n(t(ie),{class:"h-3.5 w-3.5 text-gold-500"}),w(" "+o(t(s)("rewardTeaser.points",{n:l.points_cost.toLocaleString("id-ID")})),1)])])]),_:2},1024))),128))])])])):A("",!0)}}}),Wo=Object.assign(qo,{__name:"RewardTeaser"}),Uo={id:"perbaikan",class:"bg-[#fafafa] py-16 sm:py-24"},Go={class:"reveal mx-auto max-w-6xl px-6"},Ko={class:"grid gap-10 lg:grid-cols-[minmax(0,340px)_1fr] lg:gap-16"},Xo={class:"lg:sticky lg:top-28 lg:self-start"},Jo={class:"display text-4xl leading-[1.05] text-ink-900 sm:text-5xl"},Yo={class:"mt-4 text-base leading-relaxed text-slate-500"},Zo={class:"mt-5 text-xs text-slate-500"},Qo={class:"border-t border-slate-200"},en={class:"w-6 shrink-0 text-sm font-medium tabular-nums text-slate-400 transition-colors group-hover:text-brand-500"},tn={class:"min-w-0 flex-1"},sn={class:"flex flex-wrap items-center gap-x-2.5 gap-y-0.5"},on={class:"text-[15px] font-semibold text-ink-900 transition-colors group-hover:text-brand-600"},nn={key:0,class:"inline-flex items-center gap-1 text-[11px] font-semibold uppercase tracking-wide text-emerald-600"},an={key:1,class:"text-[11px] font-medium uppercase tracking-wide text-slate-500"},rn={class:"truncate text-[13px] text-slate-500"},ln={class:"shrink-0 text-right text-base font-semibold tabular-nums text-ink-900"},cn=P({__name:"PriceEstimate",setup(k){const{t:s}=M(),{issues:r}=Ge();return(p,g)=>{const u=K;return d(),m("section",Uo,[e("div",Go,[e("div",Ko,[e("div",Xo,[e("h2",Jo,o(t(s)("priceEstimate.heading")),1),e("p",Yo,o(t(s)("priceEstimate.subheading")),1),n(u,{to:"/perbaikan",class:"btn-primary mt-7"},{default:B(()=>[w(o(t(s)("priceEstimate.ctaLabel"))+" ",1),n(t(G),{class:"h-4 w-4"})]),_:1}),e("p",Zo,o(t(s)("priceEstimate.disclaimer")),1)]),e("div",Qo,[(d(!0),m(D,null,j(t(r),(i,c)=>(d(),E(u,{key:i.id,to:"/perbaikan",class:"group flex items-center gap-4 border-b border-slate-200 py-3.5"},{default:B(()=>[e("span",en,o((c+1).toString().padStart(2,"0")),1),e("div",tn,[e("div",sn,[e("h3",on,o(i.label),1),i.express?(d(),m("span",nn,[n(t(st),{class:"h-3 w-3"}),w(" "+o(i.eta),1)])):(d(),m("span",an,o(i.eta),1))]),e("p",rn,o(i.desc),1)]),e("p",ln,o(i.price),1),n(t(G),{class:"hidden h-4 w-4 shrink-0 -translate-x-1 text-slate-300 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:text-brand-500 group-hover:opacity-100 sm:block"})]),_:2},1024))),128))])])])])}}}),dn=Object.assign(cn,{__name:"PriceEstimate"}),un={class:"bg-white py-16 sm:py-24"},mn={class:"reveal mx-auto max-w-7xl px-6"},pn={class:"grid gap-10 lg:grid-cols-[300px_1fr] lg:items-start lg:gap-14"},_n={class:"display text-3xl text-ink-900 sm:text-4xl"},hn={class:"mt-4 max-w-xs text-base leading-relaxed text-slate-500"},xn={class:"mt-8 hidden gap-2 lg:flex"},gn=["aria-label"],fn=["aria-label"],bn={class:"overflow-hidden rounded-2xl ring-1 ring-slate-200/70"},vn=["src","alt"],wn={class:"mt-4 text-xs font-semibold uppercase tracking-wider text-brand-600"},kn={class:"mt-2 text-lg font-semibold leading-snug text-ink-900 transition-colors group-hover:text-brand-600"},yn={class:"mt-1.5 text-xs text-slate-500"},$n=P({__name:"ResourcesSection",setup(k){const{t:s}=M(),{articles:r}=Xe(),p=T(),g=u=>p.value?.scrollBy({left:u*(p.value.clientWidth*.85),behavior:"smooth"});return(u,i)=>{const c=K,h=Ke;return d(),m("section",un,[e("div",mn,[e("div",pn,[e("div",null,[e("h2",_n,o(t(s)("resourcesSection.heading")),1),e("p",hn,o(t(s)("resourcesSection.subtitle")),1),n(c,{to:"/informasi",class:"mt-6 inline-flex items-center gap-2 rounded-full border border-slate-200 px-5 py-2.5 text-sm font-semibold text-ink-900 transition-colors hover:border-brand-300 hover:text-brand-600"},{default:B(()=>[w(o(t(s)("resourcesSection.viewAll"))+" ",1),n(t(G),{class:"h-4 w-4"})]),_:1}),e("div",xn,[e("button",{type:"button","aria-label":t(s)("resourcesSection.prev"),class:"grid h-10 w-10 place-items-center rounded-full border border-slate-200 text-ink-700 transition-colors hover:bg-slate-50 active:scale-95",onClick:i[0]||(i[0]=l=>g(-1))},[n(t(ge),{class:"h-5 w-5"})],8,gn),e("button",{type:"button","aria-label":t(s)("resourcesSection.next"),class:"grid h-10 w-10 place-items-center rounded-full border border-slate-200 text-ink-700 transition-colors hover:bg-slate-50 active:scale-95",onClick:i[1]||(i[1]=l=>g(1))},[n(t(fe),{class:"h-5 w-5"})],8,fn)])]),e("div",{ref_key:"scroller",ref:p,class:"no-scrollbar flex snap-x gap-5 overflow-x-auto pb-2"},[(d(!0),m(D,null,j(t(r),l=>(d(),E(h,{key:l.slug,to:t(Je)(l.catSlug,l.slug),class:"group flex w-72 shrink-0 snap-start flex-col sm:w-80"},{default:B(()=>[e("div",bn,[e("img",{src:l.img,alt:l.title,loading:"lazy",class:"aspect-[1200/630] w-full object-cover transition-transform duration-500 group-hover:scale-105"}

1,null,8,vn)]),e("p",wn,o(l.cat),1),e("h3",kn,o(l.title),1),e("p",yn,o(l.date),1)]),_:2},1032,["to"]))),128)),i[2]||(i[2]=e("div",{class:"w-1 shrink-0","aria-hidden":"true"},null,-1))],512)])])])}}}),Sn=Object.assign($n,{__name:"ResourcesSection"});function In(){async function k(){return(await $fetch("/api/tiktok")).items??[]}return{fetchTikTok:k}}const Tn={key:0,class:"bg-[#f5f5f7] py-20 sm:py-28"},Cn={class:"reveal mx-auto max-w-7xl px-6"},Fn={class:"flex flex-wrap items-end justify-between gap-6"},Ln={class:"display text-3xl text-ink-900 sm:text-4xl md:text-5xl"},Dn={class:"mt-3 flex flex-wrap items-center gap-x-5 gap-y-1.5"},Mn=["href"],jn=["href"],Pn={class:"hidden gap-2 sm:flex"},On=["aria-label"],Rn=["aria-label"],Bn=["href"],Nn=["src","alt"],An={class:"absolute right-4 top-4 grid h-9 w-9 place-items-center rounded-full bg-white/15 text-white ring-1 ring-white/25 backdrop-blur transition-colors group-hover:bg-white/25"},En={key:0,class:"absolute inset-x-0 bottom-0 line-clamp-2 p-5 text-sm font-medium leading-snug text-white"},Vn=P({__name:"InstagramFeed",setup(k){const{t:s}=M(),{fetchInstagram:r}=ee(),{fetchTikTok:p}=In(),{socials:g}=ne(),u=g.find(f=>f.label==="Instagram")?.href??"https://instagram.com/rajarepair.id",i=g.find(f=>f.label==="TikTok")?.href??"https://tiktok.com/@rajarepair.id",c=T([]),h=T(),l=T(!1);let y;function x(f){const _=h.value;if(!_)return;const b=_.querySelector("[data-card]");_.scrollBy({left:f*((b?.clientWidth??280)+16),behavior:"smooth"})}function v(){const f=h.value;!f||l.value||document.hidden||(f.scrollLeft+f.clientWidth>=f.scrollWidth-8?f.scrollTo({left:0,behavior:"smooth"}):x(1))}W(async()=>{const[f,_]=await Promise.all([r().catch(()=>[]),p().catch(()=>[])]);c.value=[...f.map(b=>({...b,source:"instagram"})),..._.map(b=>({...b,source:"tiktok"}))],!(!c.value.length||window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)&&(await ue(),y=Ye(v,3500))}),q(()=>{y&&clearInterval(y)});const $=f=>(f||"").split(`
2`)[0];return(f,_)=>t(c).length?(d(),m("section",Tn,[e("div",Cn,[e("div",Fn,[e("div",null,[e("h2",Ln,o(t(s)("instagramFeed.heading")),1),e("div",Dn,[e("a",{href:t(u),target:"_blank",rel:"noopener",class:"inline-flex items-center gap-1.5 text-base font-medium text-brand-600 transition-colors hover:text-brand-700"},[n(t(ae),{class:"h-4 w-4"}),_[4]||(_[4]=w(" @rajarepair.id ",-1))],8,Mn),e("a",{href:t(i),target:"_blank",rel:"noopener",class:"inline-flex items-center gap-1.5 text-base font-medium text-brand-600 transition-colors hover:text-brand-700"},[n(t(re),{class:"h-4 w-4"}),_[5]||(_[5]=w(" @rajarepair.id ",-1))],8,jn)])]),e("div",Pn,[e("button",{type:"button","aria-label":t(s)("instagramFeed.prev"),class:"grid h-11 w-11 place-items-center rounded-full border border-slate-200 text-ink-700 transition-colors hover:bg-slate-50",onClick:_[0]||(_[0]=b=>x(-1))},[n(t(ge),{class:"h-5 w-5"})],8,On),e("button",{type:"button","aria-label":t(s)("instagramFeed.next"),class:"grid h-11 w-11 place-items-center rounded-full border border-slate-200 text-ink-700 transition-colors hover:bg-slate-50",onClick:_[1]||(_[1]=b=>x(1))},[n(t(fe),{class:"h-5 w-5"})],8,Rn)])]),e("div",{ref_key:"track",ref:h,class:"no-scrollbar mt-10 flex snap-x snap-mandatory gap-4 overflow-x-auto pb-2",onMouseenter:_[2]||(_[2]=b=>l.value=!0),onMouseleave:_[3]||(_[3]=b=>l.value=!1)},[(d(!0),m(D,null,j(t(c),b=>(d(),m("a",{key:b.id,href:b.permalink,target:"_blank",rel:"noopener","data-card":"",class:"group relative aspect-[5/8] w-[72%] shrink-0 snap-start overflow-hidden rounded-3xl bg-slate-100 ring-1 ring-black/5 sm:w-[42%] lg:w-[23.5%]"},[e("img",{src:b.image,alt:$(b.caption)||t(s)("instagramFeed.imageAlt"),loading:"lazy",class:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"},null,8,Nn),e("div",{class:z(["absolute inset-0",$(b.caption)?"bg-gradient-to-t from-black/90 via-black/40 to-black/5":"bg-gradient-to-t from-black/35 via-trans

2parent to-transparent"])},null,2),e("span",An,[(d(),E(se(b.source==="tiktok"?t(re):t(ae)),{class:"h-4 w-4"}))]),$(b.caption)?(d(),m("p",En,o($(b.caption)),1)):A("",!0)],8,Bn))),128))],544)])])):A("",!0)}}),Hn=Object.assign(Vn,{__name:"InstagramFeed"}),Oa=P({__name:"index",setup(k){const{t:s}=M();return Te({titleTemplate:"%s"}),Qe({title:s("home.seoTitle"),ogTitle:s("home.seoOgTitle"),ogSiteName:s("home.seoTitle"),description:s("home.seoDescription")}),et([tt({name:s("home.seoTitle"),alternateName:s("home.seoTitle")})]),(r,p)=>{const g=vt,u=le,i=De,c=Ot,h=Ht,l=Ve,y=xs,x=js,v=Vs,$=Xs,f=Me,_=_o,b=Co,F=Wo,L=dn,N=Sn,S=Hn,I=je,O=Ze,a=Ce("reveal");return d(),m("div",null,[n(g),n(u,{name:"after-hero"}),C(n(i,null,null,512),[[a]]),C(n(c,null,null,512),[[a]]),C(n(h,null,null,512),[[a]]),C(n(l,null,null,512),[[a]]),C(n(y,null,null,512),[[a]]),C(n(x,null,null,512),[[a]]),C(n(v,null,null,512),[[a]]),C(n($,null,null,512),[[a]]),C(n(f,null,null,512),[[a]]),C(n(_,null,null,512),[[a]]),C(n(b,null,null,512),[[a]]),C(n(F,null,null,512),[[a]]),C(n(L,null,null,512),[[a]]),C(n(N,null,null,512),[[a]]),C(n(S,null,null,512),[[a]]),C(n(I,null,null,512),[[a]]),C(n(O,null,null,512),[[a]])])}}});export{Oa as default};