1import{_ as p}from"./DcS-IxdG.js";import{_,o as a,c as i,a as e,z as u,t as n,F as b,l as g,y as l,e as m,b as d}from"./BSepDlR9.js";const k={name:"HomePageSectionHowWorks",props:{isDesktop:{type:Boolean,default:!0}},data(){return{isVisible:!1,howWorks:[{number:"01",title:this.$t("Home.SignUp"),text:this.$t("Home.Signup"),img:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/create-account.png",webpImg:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/create-account.webp"},{number:"02",title:this.$t("Home.ProvideYour"),text:this.$t("Home.AllowAstopia"),img:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/give-your-payment.png",webpImg:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/give-your-payment.webp"},{number:"03",title:this.$t("Home.GetLifeChanging"),text:this.$t("Home.SeeYour"),img:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/pick-an-advisor.png",webpImg:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/pick-an-advisor.webp"},{number:"04",title:this.$t("Home.NeedDeeper"),text:this.$t("Home.ForDeeper"),img:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/start-the-chat.png",webpImg:"https://astopia-cdn.s3.eu-central-1.amazonaws.com/home-web/start-the-chat.webp"}]}},mounted(){const o=new IntersectionObserver(c=>{c[0].isIntersecting&&(this.isBgVideoVisible=!0,o.disconnect(),this.$nextTick(()=>{const t=this.$refs.bgVideo;t&&t.addEventListener("loadeddata",()=>{t.classList.add("loaded")})}))},{threshold:.1});o.observe(this.$el)}},v={class:"how-works video-section pt-5 pb-5"},f={class:"content"},x={class:"astopia-container w-100"},y={class:"text-white"},H={class:"title-yellow"},z={class:"how-works-cards pt-5"},$={class:"how-works-card-number"},I={class:"how-works-circle-wrapper"},D={class:"how-works-circle-inner"},S={class:"how-works-number"},V={key:0,class:"how-works-card-img d-flex align-items-center"},B={class:"text-left"},F={class:"text-white"},N={class:"text-white",style:{"text-align":"left"}},A={key:0,class:"how-works-card-img d-flex align-items-center"};function L(o,c,t,W,w,C){const r=p;return a(),i("section",v,[c[0]||(c[0]=e("div",{class:"overlay"},null,-1)),e("div",f,[e("div",x,[e("h2",y,[u(n(o.$t("Home.HowAstopia"))+" ",1),e("span",H,n(o.$t("Home.works")),1)]),e("div",z,[(a(!0),i(b,null,g(w.howWorks,(s,h)=>(a(),i("div",{key:h,class:l(["d-flex gap-3 text-white",{"how-works-card":!t.isDesktop}])},[e("div",$,[e("div",I,[e("div",D,[e("span",S,n(s.number),1)])]),t.isDesktop?d("",!0):(a(),i("div",V,[m(r,{classImg:"w-100",src:s.img,webpSrc:s.webpImg,lazy:"",objectFit:"contain"},null,8,["src","webpSrc"])]))]),e("div",{class:l(["how-works-card-text d-flex",{"how-works-card":t.isDesktop}])},[e("div",B,[e("h3",F,n(s.title),1),e("p",N,n(s.text),1)]),t.isDesktop?(a(),i("div",A,[m(r,{classImg:"w-100",src:s.img,webpSrc:s.webpImg,lazy:"",objectFit:"contain"},null,8,["src","webpSrc"])])):d("",!0)],2)],2))),128))])])])])}const P=_(k,[["render",L]]);export{P as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.