1import{f as h,g as y,c as o,o as s,a as e,F as C,r as N,n as A,p as B,t as l,w as T,d as S,m as c,e as E,L as I}from"./BO1c306U.js";import{g as i}from"./DIY4gbtN.js";const L={id:"how-it-works",class:"border-y border-[#e3dbd3] bg-white py-14 lg:py-20"},V={class:"mx-auto w-11/12 max-w-6xl"},q={class:"mt-9 grid gap-5 lg:grid-cols-3"},F=["src","alt"],H={class:"flex flex-1 flex-col p-5"},U={class:"mb-2 text-lg font-bold"},$={class:"text-[0.95rem] leading-relaxed text-[#625b55]"},G={__name:"HowItWorks",props:{steps:{type:Array},customCta:{type:String}},setup(d){const r=h(),u=I(),{$fbq:m}=y(),p=d,{steps:x,customCta:_}=p;function g(){return u.trackEvent({event:"clickCTA",userId:i(r,"value._id"),buttonName:"start evaluation-hero"})}function b(){return m("trackCustom","clickCTA",{userId:i(r,"value._id"),buttonName:"start evaluation-hero"})}return(j,t)=>{const f=E;return s(),o("section",L,[e("div",V,[t[2]||(t[2]=e("p",{class:"mb-2 text-center text-[0.8rem] font-bold uppercase tracking-[0.08em] text-[var(--solid-blue)]"},"Simple, doctor-led care",-1)),t[3]||(t[3]=e("h2",{class:"text-center text-[clamp(2rem,4vw,3rem)]"},"How Siena works",-1)),e("div",q,[(s(!0),o(C,null,N(c(x),({src:k,title:a,description:v,cta:w},n)=>(s(),o("div",{class:"flex h-full flex-col overflow-hidden rounded-[14px] border border-[#e3dbd3] bg-white",key:n},[e("img",{src:k,class:"aspect-[4/3] w-full object-cover",alt:a,loading:"lazy",decoding:"async"},null,8,F),e("div",H,[e("h3",U,l(a),1),e("p",$,l(v),1),n==0?(s(),A(f,{key:0,to:{path:"/register",query:{redirect:c(_)||w}},onClick:t[0]||(t[0]=z=>{g(),b()}),class:"btn btn-primary mt-5 self-start px-5"},{default:T(()=>t[1]||(t[1]=[S(" Book appointment ")])),_:2,__:[1]},1032,["to"])):B("",!0)])]))),128))])])])}}};export{G as _};
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.