2 lines
4.2 KiB
JavaScript
2 lines
4.2 KiB
JavaScript
import{a as h,h as i,i as b,j as l,k as o,m as e,s as d,G as m,H as u,F as r,t as c,Q as p,p as v,I as _,J as n,K as k}from"./index-DAvBaevK.js";import{Q as x}from"./logo-DdmK5n0b.js";import{Q as y}from"./QForm-CgLsd63I.js";import{Q as V}from"./QPage-B68JuyjH.js";import{H as w,p as C,l as I,m as Q,f as U,i as E,w as F,a as H}from"./HomeHeader-oAwoUp8W.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./position-engine-BHgB6lrx.js";import"./selection-DrSF90ET.js";import"./QToolbar-DdNWxglI.js";const B={class:"contact-section"},S={class:"page-shell"},W={class:"contact-layout"},z={class:"contact-info-panel"},q={class:"contact-info-list"},N=["src","alt"],R={class:"contact-card-title"},T={class:"contact-card-text"},A={class:"social-row"},G={class:"social-links"},L=["src","alt"],M={class:"form-grid"},j={class:"reach-section"},D={class:"page-shell"},J="https://maps.google.com/maps?q=403%20Port%20Washington%20Road%2C%20Canada&z=14&output=embed",K=h({__name:"ContactUsPage",setup(O){const s=k({name:"",email:"",phone:"",message:""}),f=[{title:"Contact details",text:"+01-787-582-568",icon:C},{title:"Address",text:"403, Port Washington Road, Canada",icon:I},{title:"Email us",text:"info@domain.com",icon:Q}],g=[{icon:U,label:"Facebook"},{icon:E,label:"Instagram"},{icon:F,label:"WhatsApp"}];return(X,t)=>(i(),b(V,{class:"contact-page"},{default:l(()=>[o(w),e("section",B,[e("div",S,[e("div",W,[e("div",z,[t[6]||(t[6]=e("div",{class:"section-kicker"},"Contact us",-1)),t[7]||(t[7]=e("h1",{class:"section-title"},"Reach out for questions, appointments, or support",-1)),t[8]||(t[8]=e("p",{class:"section-text"}," We take the time to understand your individual needs and goals, creating customized treatment plans to help you achieve optimal health and peace of mind. ",-1)),e("div",q,[(i(),d(m,null,u(f,a=>o(r,{key:a.title,flat:"",class:"contact-info-card"},{default:l(()=>[e("img",{class:"contact-icon",src:a.icon,alt:a.title},null,8,N),e("div",null,[e("div",R,c(a.title),1),e("div",T,c(a.text),1)])]),_:2},1024)),64))]),e("div",A,[t[5]||(t[5]=e("span",{class:"social-label"},"Follow us:",-1)),e("div",G,[(i(),d(m,null,u(g,a=>o(p,{key:a.label,round:"",flat:"",dense:"",class:"social-btn","aria-label":a.label},{default:l(()=>[o(x,null,{default:l(()=>[v(c(a.label),1)]),_:2},1024),e("img",{class:"social-icon",src:a.icon,alt:a.label},null,8,L)]),_:2},1032,["aria-label"])),64))])])]),o(r,{flat:"",class:"contact-form-card"},{default:l(()=>[t[9]||(t[9]=e("div",{class:"form-kicker"},"Contact form",-1)),t[10]||(t[10]=e("h2",{class:"form-title"},"Send us a message",-1)),t[11]||(t[11]=e("p",{class:"form-text"}," Share your question and our team will get back to you with the most relevant next step. ",-1)),o(y,{class:"contact-form",onSubmit:t[4]||(t[4]=_(()=>{},["prevent"]))},{default:l(()=>[o(n,{modelValue:s.name,"onUpdate:modelValue":t[0]||(t[0]=a=>s.name=a),outlined:"",label:"Full name",placeholder:"Enter your name"},null,8,["modelValue"]),e("div",M,[o(n,{modelValue:s.email,"onUpdate:modelValue":t[1]||(t[1]=a=>s.email=a),outlined:"",type:"email",label:"Email",placeholder:"Enter your email"},null,8,["modelValue"]),o(n,{modelValue:s.phone,"onUpdate:modelValue":t[2]||(t[2]=a=>s.phone=a),outlined:"",label:"Phone",placeholder:"Enter your number"},null,8,["modelValue"])]),o(n,{modelValue:s.message,"onUpdate:modelValue":t[3]||(t[3]=a=>s.message=a),outlined:"",autogrow:"",type:"textarea",label:"Message",placeholder:"Write message..."},null,8,["modelValue"]),o(p,{unelevated:"",rounded:"","no-caps":"",color:"primary",label:"Submit now",class:"submit-btn"})]),_:1})]),_:1})])])]),e("section",j,[e("div",D,[t[12]||(t[12]=e("div",{class:"reach-heading"},[e("div",{class:"section-kicker"},"How to reach us"),e("h2",{class:"section-title center"},"Get in touch with us"),e("p",{class:"section-text center"}," The goal of our clinic is to deliver compassionate care and exceptional medical services, including general consultations, specialized treatments, and preventive care. ")],-1)),o(r,{flat:"",class:"map-card"},{default:l(()=>[e("iframe",{class:"map-frame",src:J,title:"Clinic location map",loading:"lazy",referrerpolicy:"no-referrer-when-downgrade"})]),_:1})])]),o(H)]),_:1}))}}),ne=P(K,[["__scopeId","data-v-c049bad3"]]);export{ne as default};
|