https://jantrakakikaki.com/build/assets/show-BMtLYjCw.js

1import{j as n,b as Ae,c as Ke,u as Le,a as Fe,H as Me}from"./app-CDAK86nN.js";import{c as L}from"./compiler-runtime-XwJGfsyn.js";import{a as Be}from"./index-qjxSbUU5.js";import{S as De}from"./Select-CvTMZzKH.js";/* empty css            */import"./iconBase-C56g48ku.js";import"./index-CpCP808Y.js";function Re(t){const e=L.c(33),{name:s,city:a,location:d,telephone:r,googleMaps:o,branchPhoto:x}=t;let m;e[0]!==x||e[1]!==s?(m=n.jsx("div",{className:"w-full shrink-0 overflow-hidden rounded-xl shadow sm:w-56",children:n.jsx("img",{src:x,alt:s,className:"h-40 w-full object-cover sm:h-48"})}),e[0]=x,e[1]=s,e[2]=m):m=e[2];let u;e[3]===Symbol.for("react.memo_cache_sentinel")?(u=n.jsx("p",{className:"text-xs font-semibold tracking-wide text-brand uppercase",children:"Cabang Terdekat"}),e[3]=u):u=e[3];let l;e[4]!==s?(l=n.jsx("h3",{className:"mt-0.5 text-xl font-bold text-neutral-800",children:s}),e[4]=s,e[5]=l):l=e[5];let i;e[6]!==a?(i=n.jsx("p",{className:"text-sm text-neutral-500",children:a}),e[6]=a,e[7]=i):i=e[7];let h;e[8]!==l||e[9]!==i?(h=n.jsxs("div",{children:[u,l,i]}),e[8]=l,e[9]=i,e[10]=h):h=e[10];let p;e[11]!==d?(p=n.jsx("p",{className:"max-w-sm text-sm leading-relaxed text-neutral-600",children:d}),e[11]=d,e[12]=p):p=e[12];let c;if(e[13]!==r){let E;e[15]===Symbol.for("react.memo_cache_sentinel")?(E=/\D/g,e[15]=E):E=e[15],c=r.replace(E,""),e[13]=r,e[14]=c}else c=e[14];const f=`tel:${c}`;let g;e[16]===Symbol.for("react.memo_cache_sentinel")?(g=n.jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})}),e[16]=g):g=e[16];let b;e[17]!==f||e[18]!==r?(b=n.jsxs("a",{href:f,className:"inline-flex items-center gap-2 rounded-full border border-brand px-4 py-2 text-sm font-medium text-brand transition-colors hover:bg-brand hover:text-white",children:[g,r]}),e[17]=f,e[18]=r,e[19]=b):b=e[19];let y;e[20]===Symbol.for("react.memo_cache_sentinel")?(y=n.jsxs("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:[n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"}),n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 11a3 3 0 11-6 0 3 3 0 016 0z"})]}),e[20]=y):y=e[20];let k;e[21]!==o?(k=n.jsxs("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 rounded-full border border-neutral-300 px-4 py-2 text-sm font-medium text-neutral-600 transition-colors hover:bg-neutral-100",children:[y,"Lihat di Maps"]}),e[21]=o,e[22]=k):k=e[22];let v;e[23]!==b||e[24]!==k?(v=n.jsxs("div",{className:"mt-1 flex flex-col gap-2 sm:flex-row",children:[b,k]}),e[23]=b,e[24]=k,e[25]=v):v=e[25];let P;e[26]!==v||e[27]!==h||e[28]!==p?(P=n.jsxs("div",{className:"flex flex-col gap-3",children:[h,p,v]}),e[26]=v,e[27]=h,e[28]=p,e[29]=P):P=e[29];let C;return e[30]!==m||e[31]!==P?(C=n.jsxs("section",{className:"mx-auto hidden w-full max-w-5xl flex-col items-start gap-6 px-5 sm:flex-row lg:px-10",children:[m,P]}),e[30]=m,e[31]=P,e[32]=C):C=e[32],C}const Te={meta:"Meta Ads",facebook:"Facebook Ads",google:"Google Ads",tiktok:"TikTok Ads",instagram:"Instagram Ads",organic:"Organic"};function qe(t){const e=L.c(16),{workshopCity:s,source:a,withForm:d,campaignName:r}=t,o=d===void 0?!0:d,m=o?"#form-pengecekan":`https://api.whatsapp.com/send?phone=628113603168&text=${encodeURIComponent(`Halo, saya klik dari ${r===void 0?"":r}, ingin konsultasi kaki-kaki mobil`)}`;let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u=n.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"absolute inset-0 h-full w-full object-cover",children:n.jsx("source",{src:"/video/video-lp.mp4",type:"video/mp4"})}),e[0]=u):u=e[0];let l;e[1]===Symbol.for("react.memo_cache_sentinel")?(l=n.jsx("div",{className:"z-10 w-60 lg:w-70",children:n.jsx("img",{src:"/image/Logo-JKK-Tagline.png",alt:"Jantrakakikaki Logo"})}),e[1]=l):l=e[1];const i=Te[a]??a;let h;e[2]!==i?(h=n.jsx("span",{className:"hidden items-center rounded-full bg-white/20 px-3 py-1 text-xs font-medium tracking-wide text-white uppercase",children:i}),e[2]=i,e[3]=h):h=e[3];let p,c;e[4]===Symbol.for("react.memo_cache_sentinel")?(p=n.jsxs("h1",{className:"max-w-2xl text-3xl leading-tight font-bold text-white sm:text-4xl",children:["Nikmati Kenyamanan Mengemudi",n.jsx("br",{}),"Seperti Business Class"]}),c=n.jsx("p",{className:"max-w-md text-sm text-white/90 sm:text-base",children:"Reservasi mudah dan pengerjaan bergaransi, mobilmu pasti terasa optimal seperti naik business class."}),e[4]=p,e[5]=c):(p=e[4],c=e[5]);let f;e[6]!==s?(f=n.jsxs("p",{className:"hidden text-xs text-white/60",children:["Cabang ",s," — Spesialis Kaki-Kaki Terpercaya"]}),e[6]=s,e[7]=f):f=e[7];const g=o?void 0:"_blank",b=o?void 0:"noopener noreferrer";let y;e[8]!==m||e[9]!==g||e[10]!==b?(y=n.jsx("a",{href:m,target:g,rel:b,className:"mt-2 rounded-full bg-neutral-800 px-8 py-3 text-sm font-semibold text-white shadow-lg transition-colors hover:bg-neutral-900",children:"Konsultasi Sekarang"}

1),e[8]=m,e[9]=g,e[10]=b,e[11]=y):y=e[11];let k;return e[12]!==y||e[13]!==h||e[14]!==f?(k=n.jsxs("section",{className:"relative -mt-10 h-screen w-full overflow-hidden",children:[u,n.jsxs("div",{className:"relative z-10 mx-auto flex h-full max-w-360 flex-col gap-6 py-10 text-center lg:px-10",children:[l,n.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-6 px-5",children:[h,p,c,f,y]})]})]}),e[12]=y,e[13]=h,e[14]=f,e[15]=k):k=e[15],k}const Oe={success:{border:"border-l-4 border-green-500",bg:"bg-green-50",iconBg:"bg-green-500",titleColor:"text-green-700",msgColor:"text-green-600",icon:"✓"},error:{border:"border-l-4 border-red-500",bg:"bg-red-50",iconBg:"bg-red-500",titleColor:"text-red-700",msgColor:"text-red-600",icon:"✕"},warning:{border:"border-l-4 border-yellow-400",bg:"bg-yellow-50",iconBg:"bg-yellow-400",titleColor:"text-yellow-700",msgColor:"text-yellow-600",icon:"!"}};function He(t){const e=L.c(26),{alert:s,onDismiss:a,duration:d}=t,r=d===void 0?6e3:d,o=Oe[s.variant];let x;e[0]!==r||e[1]!==a?(x=()=>{if(r<=0)return;const k=setTimeout(a,r);return()=>clearTimeout(k)},e[0]=r,e[1]=a,e[2]=x):x=e[2];let m;e[3]!==s||e[4]!==r||e[5]!==a?(m=[s,a,r],e[3]=s,e[4]=r,e[5]=a,e[6]=m):m=e[6],Ae.useEffect(x,m);const u=`flex items-start gap-3 rounded-xl shadow-xl p-4 ${o.bg} ${o.border}`,l=`shrink-0 w-7 h-7 rounded-full ${o.iconBg} flex items-center justify-center text-white text-xs font-bold`;let i;e[7]!==o.icon||e[8]!==l?(i=n.jsx("div",{className:l,children:o.icon}),e[7]=o.icon,e[8]=l,e[9]=i):i=e[9];const h=`text-sm font-bold ${o.titleColor}`;let p;e[10]!==s.title||e[11]!==h?(p=n.jsx("p",{className:h,children:s.title}),e[10]=s.title,e[11]=h,e[12]=p):p=e[12];const c=`text-sm mt-0.5 ${o.msgColor}`;let f;e[13]!==s.message||e[14]!==c?(f=n.jsx("p",{className:c,children:s.message}),e[13]=s.message,e[14]=c,e[15]=f):f=e[15];let g;e[16]!==f||e[17]!==p?(g=n.jsxs("div",{className:"flex-1 min-w-0",children:[p,f]}),e[16]=f,e[17]=p,e[18]=g):g=e[18];let b;e[19]!==a?(b=n.jsx("button",{type:"button",onClick:a,className:"shrink-0 text-gray-400 hover:text-gray-600 transition text-xl leading-none",children:"×"}),e[19]=a,e[20]=b):b=e[20];let y;return e[21]!==g||e[22]!==b||e[23]!==u||e[24]!==i?(y=Ke.createPortal(n.jsx("div",{className:"fixed top-6 right-4 z-9999 w-full max-w-sm",children:n.jsxs("div",{className:u,children:[i,g,b]})}),document.body),e[21]=g,e[22]=b,e[23]=u,e[24]=i,e[25]=y):y=e[25],y}let Qe=()=>({});const ge=t=>t===!0?"1":t===!1?"0":t.toString(),$e=(t,e,s)=>{Object.entries(t).forEach(([a,d])=>{if(d===void 0)return;const r=`${e}[${a}]`;Array.isArray(d)?d.forEach(o=>s.append(`${r}[]`,ge(o))):d!==null&&typeof d=="object"?$e(d,r,s):["string","number","boolean"].includes(typeof d)&&s.set(r,ge(d))})},te=t=>{if(!t||!t.query&&!t.mergeQuery)return"";const e=t.query??t.mergeQuery,s=t.mergeQuery!==void 0,a=new URLSearchParams(s&&typeof window<"u"?window.location.search:"");for(const r in e){const o=e[r];if(o==null){a.delete(r);continue}Array.isArray(o)?(a.has(`${r}[]`)&&a.delete(`${r}[]`),o.forEach(x=>{a.append(`${r}[]`,x.toString())})):typeof o=="object"?(a.forEach((x,m)=>{m.startsWith(`${r}[`)&&a.delete(m)}),$e(o,r,a)):a.set(r,ge(o))}const d=a.toString();return d.length>0?`?${d}`:""},ne=t=>{const e={...t??{}},s=Qe();for(const a in s)e[a]===void 0&&s[a]!==void 0&&(e[a]=s[a]);return e},w=(t,e)=>({url:w.url(t,e),method:"get"});w.definition={methods:["get","head"],url:"/ads/{source}"};w.url=(t,e)=>{(typeof t=="string"||typeof t=="number")&&(t={source:t}),Array.isArray(t)&&(t={source:t[0]}),t=ne(t);const s={source:t.source};return w.definition.url.replace("{source}",s.source.toString()).replace(/\/+$/,"")+te(e)};w.get=(t,e)=>({url:w.url(t,e),method:"get"});w.head=(t,e)=>({url:w.url(t,e),method:"head"});const xe=(t,e)=>({action:w.url(t,e),method:"get"});xe.get=(t,e)=>({action:w.url(t,e),method:"get"});xe.head=(t,e)=>({action:w.url(t,{[e?.mergeQuery?"mergeQuery":"query"]:{_method:"HEAD",...e?.query??e?.mergeQuery??{}}}),method:"get"});w.form=xe;const _=(t,e)=>({url:_.url(t,e),method:"post"});_.definition={methods:["post"],url:"/ads/{source}"};_.url=(t,e)=>{(typeof t=="string"||typeof t=="number")&&(t={source:t}),Array.isArray(t)&&(t={source:t[0]}),t=ne(t);const s={source:t.source};return _.definition.url.replace("{source}",s.source.toString()).replace(/\/+$/,"")+te(e)};_.post=(t,e)=>({url:_.url(t,e),method:"post"});const Ce=(t,e)=>({action:_.url(t,e),method:"post"});Ce.post=(t,e)=>({action:_.url(t,e),method:"post"});_.form=Ce;const ke={show:Object.assign(w,w),store:Object.assign(_,_)},j=(t,e)=>({url:j.url(t,e),method:"get"});j.definition={methods:["get","head"],url:"/{any}"};j.url=(t,e)=>{(typeof t=="string"||typeof t=="number")&&(t={any:t}),Array.isArray(t)&&(t={any:t[0]}),t=ne(t);const s={any:t.any};return j.definition.url.replace("{any}",s.any.toString()).replace(/\/+$/,"")+te(e)};j.get=(t,e)=>({url:j.url(t,e),method:"get"});j.head=(t,e)=>({url:j.url(t,e),method:"head"});const be=(t,e)=>({action:j.url(t,e),method:"get"});be.get=(t,e)=>({action:j.url(t,e),method:"get"});be.head=(t,e)=>({action:j.url(t,{[e?.mergeQuery?"mergeQuery":"query"]:{_method:"HEAD",...e?.query??e?.mergeQuery??{}}}),method:"get"});j.form=be;const A=(t,e)=>({url:A.url(t,e),method:"post"});A.definition={methods:["post"],url:"/{any}"};A.url=(t,e)=>{(typeof t=="string"||typeof t=="number")&&(t={any:t}),Array.isArray(t)&&(t={any:t[0]}),t=ne(t);const s={any:t.any};return A.definition.url.replace("{any}",s.any.toString()).replace(/\/+$/,"")+te(e)};A.post=(t,e)=>({url:A.url(t,e),method:"post"});const Pe=(t,e)=>({action:A.url(t,e),method:"post"});Pe.post=(t,e)=>({action:A.url(t,e),method:"post"});A.form=Pe;const we={show:Object.assign(j,j),store:Object.assign(A,A)},N=(t,e)=>

1({url:N.url(t,e),method:"get"});N.definition={methods:["get","head"],url:"/ads/{citySlug}/{source}"};N.url=(t,e)=>{Array.isArray(t)&&(t={citySlug:t[0],source:t[1]}),t=ne(t);const s={citySlug:t.citySlug,source:t.source};return N.definition.url.replace("{citySlug}",s.citySlug.toString()).replace("{source}",s.source.toString()).replace(/\/+$/,"")+te(e)};N.get=(t,e)=>({url:N.url(t,e),method:"get"});N.head=(t,e)=>({url:N.url(t,e),method:"head"});const ye=(t,e)=>({action:N.url(t,e),method:"get"});ye.get=(t,e)=>({action:N.url(t,e),method:"get"});ye.head=(t,e)=>({action:N.url(t,{[e?.mergeQuery?"mergeQuery":"query"]:{_method:"HEAD",...e?.query??e?.mergeQuery??{}}}),method:"get"});N.form=ye;const S=(t,e)=>({url:S.url(t,e),method:"post"});S.definition={methods:["post"],url:"/ads/{citySlug}/{source}"};S.url=(t,e)=>{Array.isArray(t)&&(t={citySlug:t[0],source:t[1]}),t=ne(t);const s={citySlug:t.citySlug,source:t.source};return S.definition.url.replace("{citySlug}",s.citySlug.toString()).replace("{source}",s.source.toString()).replace(/\/+$/,"")+te(e)};S.post=(t,e)=>({url:S.url(t,e),method:"post"});const Ee=(t,e)=>({action:S.url(t,e),method:"post"});Ee.post=(t,e)=>({action:S.url(t,e),method:"post"});S.form=Ee;Object.assign(N,N),Object.assign(S,S),Object.assign(ke,ke),Object.assign(we,we);const pe=50,je=200,Ne=15;function Se(t){return t.trim()?t.trim().split(/\s+/).length:0}function ve(t){return t.length}function _e(t,e){const s=t.toLowerCase();for(const a of e)if(s.includes(a.toLowerCase()))return a;return null}function ze(t){const e=L.c(82),{citySlug:s,source:a,workshops:d,postUrl:r,spamWords:o}=t,[x,m]=Ae.useState(null);let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u={name:"",phone:"",city:"",consultation:""},e[0]=u):u=e[0];const{data:l,setData:i,post:h,processing:p,errors:c,reset:f}=Le(u);let g;e[1]===Symbol.for("react.memo_cache_sentinel")?(g=()=>m(null),e[1]=g):g=e[1];const b=g;let y;e[2]!==d?(y=Array.from(new Map(d.map(We)).values()).sort(Ie),e[2]=d,e[3]=y):y=e[3];const k=y,v=Se(l.consultation),P=ve(l.consultation);let C;e[4]!==i?(C=function(K){const ee=K.replace(/\D/g,"").slice(0,Ne);i("phone",ee)},e[4]=i,e[5]=C):C=e[5];const E=C;let se;e[6]!==i?(se=function(K){const ee=Se(K),fe=ve(K);ee>pe||fe>je||i("consultation",K)},e[6]=i,e[7]=se):se=e[7];const de=se;let ae;e[8]!==s||e[9]!==l.consultation||e[10]!==l.name||e[11]!==h||e[12]!==r||e[13]!==f||e[14]!==a||e[15]!==o?(ae=function(K){K.preventDefault();const ee=_e(l.consultation,o)??_e(l.name,o);if(ee){m({variant:"error",title:"Pesan Tidak Dapat Dikirim",message:`Pesan mengandung kata yang tidak diizinkan: "${ee}". Harap periksa kembali isian Anda.`});return}const fe=r??(s?S.url({citySlug:s,source:a}):`/ads/${a}`);h(fe,{preserveScroll:!0,onSuccess:()=>{f(),m({variant:"success",title:"Berhasil!",message:"Terima kasih! Tim kami akan segera menghubungi Anda."})},onError:()=>{m({variant:"warning",title:"Periksa Kembali",message:"Ada field yang belum diisi dengan benar."})}})},e[8]=s,e[9]=l.consultation,e[10]=l.name,e[11]=h,e[12]=r,e[13]=f,e[14]=a,e[15]=o,e[16]=ae):ae=e[16];const me=ae;let F;e[17]!==x?(F=x&&n.jsx(He,{alert:x,onDismiss:b}),e[17]=x,e[18]=F):F=e[18];let le;e[19]===Symbol.for("react.memo_cache_sentinel")?(le=n.jsxs("div",{className:"relative flex shrink-0 flex-col gap-5 overflow-hidden rounded-2xl bg-[url('/image/bg-blue-1.png')] bg-cover bg-center p-8 pb-20 text-white lg:w-100 lg:pb-0",children:[n.jsx("h2",{className:"text-xl leading-snug font-bold lg:text-2xl",children:"Form Pengecekan"}),n.jsx("p",{className:"flex-1 text-sm leading-relaxed text-white/85",children:"Contoh: mobil bunyi saat jalan, setir berat, atau getar"}),n.jsx(Be,{className:"pointer-events-none absolute right-0 bottom-0 h-40 w-40 opacity-30 lg:h-70 lg:w-70"})]}),e[19]=le):le=e[19];let oe;e[20]===Symbol.for("react.memo_cache_sentinel")?(oe=n.jsxs("label",{className:"mb-1 block text-xs font-medium",children:["Nama ",n.jsx("span",{className:"text-red-400",children:"*"})]}),e[20]=oe):oe=e[20];let M;e[21]!==i?(M=$=>i("name",$.target.value),e[21]=i,e[22]=M):M=e[22];let B;e[23]!==l.name||e[24]!==M?(B=n.jsx("input",{type:"text",placeholder:"Isi nama anda...",value:l.name,required:!0,onChange:M,className:"w-full rounded-xl border border-gray-300 bg-white px-4 py-2.5 text-sm text-neutral-800 placeholder-neutral-400 transition focus:border-brand focus:ring-2 focus:ring-brand/40 focu

1s:outline-none"}),e[23]=l.name,e[24]=M,e[25]=B):B=e[25];let D;e[26]!==c.name?(D=c.name&&n.jsx("p",{className:"mt-1 text-xs text-red-500",children:c.name}),e[26]=c.name,e[27]=D):D=e[27];let R;e[28]!==B||e[29]!==D?(R=n.jsxs("div",{className:"flex-1",children:[oe,B,D]}),e[28]=B,e[29]=D,e[30]=R):R=e[30];let re;e[31]===Symbol.for("react.memo_cache_sentinel")?(re=n.jsxs("label",{className:"mb-1 block text-xs font-medium",children:["Nomor WhatsApp"," ",n.jsx("span",{className:"text-red-400",children:"*"})]}),e[31]=re):re=e[31];let T;e[32]!==E?(T=$=>E($.target.value),e[32]=E,e[33]=T):T=e[33];let q;e[34]!==l.phone||e[35]!==T?(q=n.jsx("input",{type:"tel",placeholder:"Masukkan nomor whatsapp",value:l.phone,required:!0,inputMode:"numeric",onChange:T,className:"w-full rounded-xl border border-gray-300 bg-white px-4 py-2.5 text-sm text-neutral-800 placeholder-neutral-400 transition focus:border-brand focus:ring-2 focus:ring-brand/40 focus:outline-none"}),e[34]=l.phone,e[35]=T,e[36]=q):q=e[36];let O;e[37]!==l.phone.length?(O=n.jsxs("p",{className:"mt-1 text-right text-xs text-gray-400",children:[l.phone.length,"/",Ne]}),e[37]=l.phone.length,e[38]=O):O=e[38];let H;e[39]!==c.phone?(H=c.phone&&n.jsx("p",{className:"mt-1 text-xs text-red-500",children:c.phone}),e[39]=c.phone,e[40]=H):H=e[40];let Q;e[41]!==q||e[42]!==O||e[43]!==H?(Q=n.jsxs("div",{className:"flex-1",children:[re,q,O,H]}),e[41]=q,e[42]=O,e[43]=H,e[44]=Q):Q=e[44];let z;e[45]!==R||e[46]!==Q?(z=n.jsxs("div",{className:"flex flex-col gap-4 sm:flex-row",children:[R,Q]}),e[45]=R,e[46]=Q,e[47]=z):z=e[47];let I;e[48]!==i?(I=$=>i("city",$),e[48]=i,e[49]=I):I=e[49];let W;e[50]!==k||e[51]!==l.city||e[52]!==c.city||e[53]!==I?(W=n.jsx(De,{options:k,value:l.city,onChange:I,label:"Pilih Kota Terdekat",placeholder:"Pilih kota...",error:c.city}),e[50]=k,e[51]=l.city,e[52]=c.city,e[53]=I,e[54]=W):W=e[54];let ie;e[55]===Symbol.for("react.memo_cache_sentinel")?(ie=n.jsxs("label",{className:"mb-1 block text-xs font-medium",children:["Keluhan ",n.jsx("span",{className:"text-red-400",children:"*"})]}),e[55]=ie):ie=e[55];let J;e[56]!==de?(J=$=>de($.target.value),e[56]=de,e[57]=J):J=e[57];let U;e[58]!==l.consultation||e[59]!==J?(U=n.jsx("textarea",{rows:4,placeholder:"Konsultasikan keluhan anda!",value:l.consultation,onChange:J,required:!0,className:"w-full resize-none rounded-xl border border-gray-300 bg-white px-4 py-2.5 text-sm text-neutral-800 placeholder-neutral-400 transition focus:border-brand focus:ring-2 focus:ring-brand/40 focus:outline-none"}),e[58]=l.consultation,e[59]=J,e[60]=U):U=e[60];const ue=`mt-1 hidden text-right text-xs ${v>=pe||P>=je?"font-medium text-red-500":"text-gray-400"}`;let V;e[61]!==ue||e[62]!==v?(V=n.jsxs("p",{className:ue,children:[v,"/",pe]}),e[61]=ue,e[62]=v,e[63]=V):V=e[63];let X;e[64]!==c.consultation?(X=c.consultation&&n.jsx("p",{className:"mt-1 text-xs text-red-500",children:c.consultation}),e[64]=c.consultation,e[65]=X):X=e[65];let G;e[66]!==U||e[67]!==V||e[68]!==X?(G=n.jsxs("div",{children:[ie,U,V,X]}),e[66]=U,e[67]=V,e[68]=X,e[69]=G):G=e[69];const he=p?"Mengirim...":"Submit";let Y;e[70]!==p||e[71]!==he?(Y=n.jsx("button",{type:"submit",disabled:p,className:"w-full rounded-xl bg-brand py-3 text-sm font-semibold text-white transition-colors hover:bg-brand-dark disabled:opacity-60",children:he}),e[70]=p,e[71]=he,e[72]=Y):Y=e[72];let Z;e[73]!==me||e[74]!==z||e[75]!==W||e[76]!==G||e[77]!==Y?(Z=n.jsx("div",{className:"w-full rounded-2xl bg-white p-5 text-neutral-800 shadow-md",children:n.jsxs("form",{onSubmit:me,className:"flex flex-col gap-4",children:[z,W,G,Y]})}),e[73]=me,e[74]=z,e[75]=W,e[76]=G,e[77]=Y,e[78]=Z):Z=e[78];let ce;return e[79]!==Z||e[80]!==F?(ce=n.jsxs("section",{id:"form-pengecekan",className:"mx-auto flex w-full max-w-360 flex-col gap-2 px-5 md:gap-8 lg:flex-row lg:px-10",children:[F,le,Z]}),e[79]=Z,e[80]=F,e[81]=ce):ce=e[81],ce}function Ie(t,e){return t.label.localeCompare(e.label)}function We(t){return[t.city,{label:t.city,value:t.city}]}const Je=[{title:"Paket",highlight:"Kaki-kaki",description:"Kaki-kaki mobil yang bermasalah dapat ditandai dengan adanya bunyi-bunyian yang timbul pada bagian kolong mobil. Metode pengerjaan rekondisi kaki-kaki ini langsung diperbaiki dengan mesin roll. Jasa Paket Kaki-Kaki ini meliputi rekondisi Tie Rod, Long Tie Rod, Ball Joint, hingga Link Stabil.",image:"/image/layanan-kami/Kaki-Kaki.jpg"},{title:"Paket",highlight:"Rack Steer/EPS",description:"Jika mengalami permasalahan pada sistem kemudi yang tidak responsif, itu berarti perlu untuk dilakukan rekondisi pada komponen rack steer. Pengerjaan rekondisi Rack Steer / EPS ini dilakukan de

1ngan membongkar, serta mengganti booster dan pelumas, untuk mencegah aus dan getaran.",image:"/image/layanan-kami/Racksteer.jpg"},{title:"Paket",highlight:"Spooring & Balancing",description:"Seimbangkan posisi ban mobil, agar kendaraan melaju dengan maksimal dan optimal dengan Spooring & Balancing. Spooring berfungsi untuk meluruskan posisi ban depan belakang agar sesuai spesifikasi standar. Balancing membantu menganalisa putaran dan getaran roda akibat beban yang diterima oleh ban.",image:"/image/layanan-kami/Spooring.jpg"}];function Ue(t){const e=L.c(6),{withForm:s,campaignName:a}=t,d=s===void 0?!0:s,o=d?"#form-pengecekan":`https://api.whatsapp.com/send?phone=628113603168&text=${encodeURIComponent(`Halo, saya klik dari ${a===void 0?"":a}, ingin konsultasi kaki-kaki mobil`)}`;let x;e[0]===Symbol.for("react.memo_cache_sentinel")?(x=n.jsxs("div",{className:"text-center",children:[n.jsxs("h2",{className:"text-2xl font-bold text-neutral-800 lg:text-3xl",children:["Spesialis ",n.jsx("span",{className:"text-brand",children:"Kaki-Kaki"})," ","Mobil Terpercaya"]}),n.jsx("p",{className:"mx-auto mt-5 max-w-2xl text-sm text-neutral-800",children:"Jantrakakikaki adalah bengkel spesialis perbaikan kaki-kaki mobil yang berkualitas dan berpengalaman di Indonesia. Konsisten meningkatkan mutu & kualitasnya demi kepuasan customer."})]}),e[0]=x):x=e[0];let m;e[1]===Symbol.for("react.memo_cache_sentinel")?(m=Je.map(Ve),e[1]=m):m=e[1];const u=d?void 0:"_blank",l=d?void 0:"noopener noreferrer";let i;return e[2]!==o||e[3]!==u||e[4]!==l?(i=n.jsxs("section",{className:"mx-auto flex w-full max-w-360 flex-col items-center gap-8 px-5 lg:px-10",children:[x,n.jsxs("div",{className:"flex w-full max-w-5xl flex-col items-center justify-center gap-4",children:[m,n.jsx("a",{href:o,target:u,rel:l,className:"mt-2 w-fit rounded-full bg-brand px-10 py-3 text-sm font-semibold text-white transition-colors hover:bg-brand-dark md:px-20",children:"Selengkapnya"})]})]}),e[2]=o,e[3]=u,e[4]=l,e[5]=i):i=e[5],i}function Ve(t){return n.jsxs("div",{className:"flex flex-row overflow-hidden rounded-xl border border-gray-100 bg-white shadow-sm transition-shadow hover:shadow-md",children:[n.jsx("div",{className:"w-28 shrink-0 sm:w-40",children:n.jsx("img",{src:t.image,alt:t.highlight,className:"h-full w-full object-cover"})}),n.jsxs("div",{className:"flex flex-col justify-center gap-1.5 px-4 py-4 sm:px-6",children:[n.jsxs("h3",{className:"text-base font-bold text-neutral-800 sm:text-lg",children:[t.title," ",n.jsx("span",{className:"text-brand",children:t.highlight})]}),n.jsx("p",{className:"line-clamp-4 text-xs leading-relaxed text-neutral-800 sm:line-clamp-none sm:text-sm",children:t.description})]})]},t.highlight)}function Xe(t){const e=L.c(2),{children:s}=t;let a;return e[0]!==s?(a=n.jsx("div",{className:"min-h-screen bg-[url('/image/white-background.jpg')] bg-cover bg-center",children:n.jsx("main",{className:"flex flex-col gap-10 pb-16 lg:gap-20",children:s})}),e[0]=s,e[1]=a):a=e[1],a}function at(){const t=L.c(26),{workshop:e,campaignSource:s,workshops:a,postUrl:d,spamWords:r}=Fe().props;let o;t[0]!==e?(o=e?e.city.toLowerCase().replace(/\s+/g,"-"):"",t[0]=e,t[1]=o):o=t[1];const x=o,m=e?`Bengkel Spesialis Kaki-kaki Mobil | Cabang ${e.city}`:"Jantrakakikaki | Bengkel Spesialis Kaki-kaki Mobil | Spooring Balancing";let u;t[2]!==m?(u=n.jsx(Me,{title:m}),t[2]=m,t[3]=u):u=t[3];const l=e?.city??"",i=s.with_form!==!1;let h;t[4]!==s.source||t[5]!==l||t[6]!==i?(h=n.jsx(qe,{workshopCity:l,source:s.source,withForm:i,campaignName:s.source}),t[4]=s.source,t[5]=l,t[6]=i,t[7]=h):h=t[7];const p=s.with_form!==!1;let c;t[8]!==s.source||t[9]!==p?(c=n.jsx(Ue,{withForm:p,campaignName:s.source}),t[8]=s.source,t[9]=p,t[10]=c):c=t[10];let f;t[11]!==e?(f=e&&n.jsx(Re,{name:e.name,city:e.city,location:e.location,telephone:e.telephone,googleMaps:e.google_maps,branchPhoto:e.branch_photo}),t[11]=e,t[12]=f):f=t[12];let g;t[13]!==s.source||t[14]!==s.with_form||t[15]!==x||t[16]!==d||t[17]!==r||t[18]!==a?(g=s.with_form!==!1?n.jsx(ze,{citySlug:x,source:s.source,workshops:a,postUrl:d,spamWords:r}):n.jsx(n.Fragment,{}),t[13]=s.source,t[14]=s.with_form,t[15]=x,t[16]=d,t[17]=r,t[18]=a,t[19]=g):g=t[19];let b;

1return t[20]!==u||t[21]!==h||t[22]!==c||t[23]!==f||t[24]!==g?(b=n.jsxs(Xe,{children:[u,h,c,f,g]}),t[20]=u,t[21]=h,t[22]=c,t[23]=f,t[24]=g,t[25]=b):b=t[25],b}export{at as default};