import{a as f,b as h,_ as g}from"../server.mjs";import{ref as x,mergeProps as $,unref as l,withCtx as _,createVNode as b,toDisplayString as y,useSSRContext as B}from"vue";import{ssrRenderAttrs as H,ssrInterpolate as s,ssrRenderComponent as R,ssrRenderList as S}from"vue/server-renderer";import"ofetch";import"#internal/nuxt/paths";import"hookable";import"unctx";import"h3";import"unhead";import"@unhead/shared";import"vue-router";import"radix3";import"defu";import"klona";import"cookie-es";import"destr";import"ohash";import"@vue/devtools-api";import"pinia";import"axios";const d={__name:"HomeHow",__ssrInlineRender:!0,setup(n){const i=f(),{t}=h(),p=x([{title:t("steps.search.title"),desc:t("steps.search.desc")},{title:t("steps.choose.title"),desc:t("steps.choose.desc")},{title:t("steps.order.title"),desc:t("steps.order.desc")},{title:t("steps.contact.title"),desc:t("steps.contact.desc")}]);return(e,o,m,v)=>{const w=g;o(`<div${H($({class:"container"},v))}><div class="how-work-section"><div class="row"><div class="col-12 col-xl-4 col-lg-16"><div class="text-container"><span>${s(e.$t("how1"))}</span><h3 class="mobileHead">${s(e.$t("how2"))}</h3><p>${s(e.$t("headStep"))}</p>`),o(R(w,{to:l(i)("/contact")},{default:_((r,c,C,u)=>{if(c)c(`<button class="contactBtn"${u}>${s(e.$t("contactUs"))}</button>`);else return[b("button",{class:"contactBtn"},y(e.$t("contactUs")),1)]}),_:1},m)),o('</div></div><div class="col-12 col-xl-8 col-lg-12"><div class="row cards"><!--[-->'),S(l(p),(r,c)=>{o(`<div class="col-12 col-xl-6 col-lg-6"><div class="main-card d-flex align-items-center justify-content-center"><div class="num"><svg class="default" xmlns="http://www.w3.org/2000/svg" width="105" height="105" viewBox="0 0 105 105" fill="none"><circle opacity="0.15" cx="52.5" cy="52.5" r="52.5" fill="#A7B9D0"></circle></svg><svg class="active" xmlns="http://www.w3.org/2000/svg" width="105" height="105" viewBox="0 0 105 105" fill="none"><circle cx="52.5" cy="52.5" r="52.5" fill="white"></circle></svg><span>${s(`0${c+1}.`)}</span></div><div class="text-card d-flex flex-column"><span>${s(r.title)}</span><p>${s(r.desc)}</p></div></div></div>`)}),o("<!--]--></div></div></div></div></div>")}}},a=d.setup;d.setup=(n,i)=>{const t=B();return(t.modules||(t.modules=new Set)).add("components/home/HomeHow.vue"),a?a(n,i):void 0};export{d as default};
