https://mclvit.com/assets/contact-us-CnZr9_Bn.js

1import{i as e,n as t,t as n}from"./jsx-runtime-Dk72oS4N.js";import{t as r}from"./circle-check-8uoO3h-d.js";import{t as i}from"./send-BeNAIkH1.js";import{E as a,F as o,Ft as s,L as c,M as l,O as u,P as d,U as f,bt as p,gt as m,k as h,w as g,xt as _}from"./index-PhjSgcsr.js";import{t as v}from"./PageHero-D-cYBcmx.js";import{i as y,n as b,r as x,t as S}from"./contact-client-Br6Q1My7.js";var C=e(t(),1),w=s(),T=n(),E=e=>l(o(),c(),u(1,e)),D=h({firstName:E(`Please enter your first name.`),lastName:E(`Please enter your last name.`),email:b,phone:l(o(),c(),u(1,`Please enter your phone number.`),g(y,`Enter a valid US phone number, e.g. (484) 935-3028.`)),company:E(`Please enter your company name.`),message:E(`Tell us a little about your needs.`),heard:E(`Please choose an option.`)}),O=[`Referral`,`Google`,`Social Media`,`Other`],k=[{city:`Allentown`,address:`7535 Windsor Drive, Suite 401, Allentown, PA 18106`}],A={firstName:``,lastName:``,email:``,phone:``,company:``,message:``,heard:``,heardOther:``,website:``},j={submitting:`Preparing your message…`,sending:`Sending your message…`,sent:`Sent!`,error:``};function M(){let e=(0,w.c)(16),[t,n]=(0,C.useState)(A),o;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(o={},e[0]=o):o=e[0];let[s,c]=(0,C.useState)(o),[l,u]=(0,C.useState)(null),[p,m]=(0,C.useState)(!1),[h,g]=(0,C.useState)(``),_=l===`submitting`||l===`sending`,v;e[1]===Symbol.for(`react.memo_cache_sentinel`)?(v=e=>t=>{let r=e===`phone`?x(t.target.value):t.target.value;n(t=>{let n={...t,[e]:r};return e===`heard`&&r!==`Other`&&(n.heardOther=``),n}),c(t=>t[e]?{...t,[e]:void 0}:t)},e[1]=v):v=e[1];let y=v,b;e[2]!==_||e[3]!==t?(b=async e=>{if(e.preventDefault(),_)return;g(``);let r={},i=d(D,t);if(!i.success){let e=a(i.issues).nested??{};for(let[t,n]of Object.entries(e))n?.[0]&&(r[t]=n[0])}if(t.heard===`Other`&&!t.heardOther.trim()&&(r.heardOther=`Please tell us how you heard about us.`),Object.keys(r).length){c(r);return}let o=t.heard===`Other`?`Other (${t.heardOther.trim()})`:t.heard,s=await S({name:`${t.firstName} ${t.lastName}`.trim(),email:t.email.trim(),phone:t.phone.trim(),company:t.company.trim(),message:t.message.trim(),source:`contact`,meta:{"heard about us":o},website:t.website},e=>u(e.step));if(s.ok)m(!0),n(A),u(null);else if(u(`error`),g(s.error??`We could not send your message. Please try again.`),s.fieldErrors){let e={};s.fieldErrors.email&&(e.email=s.fieldErrors.email),s.fieldErrors.phone&&(e.phone=s.fieldErrors.phone),s.fieldErrors.message&&(e.message=s.fieldErrors.message),Object.keys(e).length&&c(t=>({...t,...e}))}},e[2]=_,e[3]=t,e[4]=b):b=e[4];let E=b,k;e[5]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,T.jsx)(`p`,{className:`mcit-eyebrow`,children:`Let's Connect`}),e[5]=k):k=e[5];let M;e[6]===Symbol.for(`react.memo_cache_sentinel`)?(M=(0,T.jsxs)(`div`,{className:`mcit-contact-head`,children:[k,(0,T.jsxs)(`h2`,{children:[`Get in `,(0,T.jsx)(`span`,{children:`Touch`})]}),(0,T.jsx)(`p`,{children:`Tell us a little about your business and what you need. We'll get back to you with a clear, no-pressure path forward.`})]}),e[6]=M):M=e[6];let F;e[7]===Symbol.for(`react.memo_cache_sentinel`)?(F=(0,T.jsx)(P,{}),e[7]=F):F=e[7];let I;return e[8]!==_||e[9]!==s||e[10]!==t||e[11]!==h||e[12]!==E||e[13]!==l||e[14]!==p?(I=(0,T.jsxs)(`section`,{className:`mcit-contact`,children:[M,(0,T.jsxs)(`div`,{className:`mcit-contact-grid`,children:[F,p?(0,T.jsxs)(`div`,{className:`mcit-contact-form mcit-contact-success`,role:`status`,"aria-live":`polite`,children:[(0,T.jsx)(r,{"aria-hidden":`true`}),(0,T.jsx)(`h3`,{children:`Thanks, your message is on its way.`}),(0,T.jsx)(`p`,{children:`We typically respond within one business day. Need us sooner? Call (484) 935-3028.`}),(0,T.jsx)(f,{type:`button`,variant:`ghost`,size:`md`,onClick:()=>m(!1),children:`Send another message`})]}):(0,T.jsxs)(`form`,{id:`mcit-contact-form`,className:`mcit-contact-form`,onSubmit:E,noValidate:!0,children:[(0,T.jsxs)(`div`,{className:`bos:sr-only`,"aria-hidden":`true`,children:[(0,T.jsx)(`label`,{htmlFor:`contact-website`,children:`Leave this field empty`}),(0,T.jsx)(`input`,{id:`contact-website`,type:`text`,tabIndex:-1,autoComplete:`off`,value:t.website,onChange:y(`website`)})]}),(0,T.jsxs)(`div`,{className:`mcit-contact-fields`,children:[(0,T.jsxs)(`div`,{className:`mcit-contact-field`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-first-name`,children:[`First Name `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-first-name`,type:`text`,autoComplete:`given-name`,"aria-label":`First name`,"aria-invalid":!!s.firstName,value:t.firstName,onChange:y(`firstName`),placeholder:`Jane`}),s.firstName?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.firstName}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-last-name`,children:[`Last Name `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-last-name`,type:`text`,autoComplete:`family-name`,"aria-label":`Last name`,"aria-invalid":!!s.lastName,value:t.lastName,onChange:y(`lastName`),placeholder:`Doe`}),s.lastName?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.lastName}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-email`,children:[`Email `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-email`,type:`email`,inputMode:`email`,autoComplete:`email`,"aria-label":`Email`,"aria-invalid":!!s.email,value:t.email,onChange:y(`email`),placeholder:`[email protected]`}),s.email?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.email}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-phone`,children:[`Phone `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-phone`,type:`tel`,inputMode:`tel`,autoComplete:`tel`,maxLength:14,"aria-label":`Phone`,"aria-invalid":!!s.phone,value:t.phone,onChange:y(`phone`),placeholder:`(484) 555-0123`}),s.phone?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.phone}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field mcit-contact-field-full`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-company`,children:[`Company Name `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-company`,type:`text`,autoComplete:`organization`,"aria-label":`Company name`,"aria-invalid":!!s.company,value:t.company,onChange:y(`company`),placeholder:`Acme Inc.`}),s.company?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.company}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field mcit-contact-field-full`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-message`,children:[`Description `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`textarea`,{id:`contact-message`,"aria-label":`Description`,"aria-invalid":!!s.message,value:t.message,onChange:y(`message`),placeholder:`Tell us what you're trying to solve or improve.`}),s.message?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.message}):null]}),(0,T.jsxs)(`div`,{className:`mcit-contact-field mcit-contact-field-full`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-heard`,children:[`How Did You Hear of Us? `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsxs)(`select`,{id:`contact-heard`,"aria-label":`How did you hear of us?`,"aria-invalid":!!s.heard,value:t.heard,onChange:y(`heard`),children:[(0,T.jsx)(`option`,{value:``,disabled:!0,children:`Select an option`}),O.map(N)]}),s.heard?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.heard}):null]}),t.heard===`Other`?(0,T.jsxs)(`div`,{className:`mcit-contact-field mcit-contact-field-full`,children:[(0,T.jsxs)(`label`,{htmlFor:`contact-heard-other`,children:[`Please specify `,(0,T.jsx)(`span`,{children:`*`})]}),(0,T.jsx)(`input`,{id:`contact-heard-other`,type:`text`,"aria-label":`How did you hear of us, other`,"aria-invalid":!!s.heardOther,value:t.heardOther,onChange:y(`heardOther`),placeholder:`Tell us how you found us.`}),s.heardOther?(0,T.jsx)(`span`,{className:`mcit-field-error`,children:s.heardOther}):null]}):null]}),h?(0,T.jsx)(`p`,{className:`mcit-field-error mcit-contact-formerror`,role:`alert`,children:h}):null,(0,T.jsxs)(`div`,{className:`mcit-contact-submit`,children:[(0,T.jsx)(f,{type:`submit`,variant:`accent`,

1size:`lg`,icon:i,disabled:_,children:_?j[l]:`Send Message`}),(0,T.jsx)(`p`,{"aria-live":`polite`,children:_?j[l]:`We typically respond within one business day.`})]})]})]})]}),e[8]=_,e[9]=s,e[10]=t,e[11]=h,e[12]=E,e[13]=l,e[14]=p,e[15]=I):I=e[15],I}function N(e){return(0,T.jsx)(`option`,{value:e,children:e},e)}function P(){let e=(0,w.c)(4),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,T.jsxs)(`div`,{className:`mcit-contact-info-head`,children:[(0,T.jsx)(`h3`,{children:`Reach Us Directly`}),(0,T.jsx)(`p`,{children:`Prefer to talk it through? Call us, send a message, or stop by our Lehigh Valley office.`})]}),e[0]=t):t=e[0];let n;e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,T.jsxs)(`div`,{className:`mcit-contact-method`,children:[(0,T.jsx)(`span`,{className:`mcit-contact-method-icon`,children:(0,T.jsx)(m,{"aria-hidden":`true`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{children:`Call Us`}),(0,T.jsx)(`a`,{href:`tel:4849353028`,children:`(484) 935-3028`})]})]}),e[1]=n):n=e[1];let r;e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,T.jsxs)(`div`,{className:`mcit-contact-method`,children:[(0,T.jsx)(`span`,{className:`mcit-contact-method-icon`,children:(0,T.jsx)(_,{"aria-hidden":`true`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{children:`Message Us`}),(0,T.jsx)(`a`,{href:`#mcit-contact-form`,children:`Use the contact form`})]})]}),e[2]=r):r=e[2];let i;return e[3]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,T.jsxs)(`div`,{className:`mcit-contact-info`,children:[t,n,r,(0,T.jsx)(`div`,{className:`mcit-contact-maps`,children:k.map(F)})]}),e[3]=i):i=e[3],i}function F(e){return(0,T.jsxs)(`a`,{className:`mcit-contact-map bos:group`,href:`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(e.address)}`,target:`_blank`,rel:`noreferrer`,children:[(0,T.jsx)(`iframe`,{title:`Map of MCIT ${e.city} office`,src:`https://www.google.com/maps?q=${encodeURIComponent(e.address)}&output=embed`,sandbox:`allow-scripts allow-popups allow-popups-to-escape-sandbox`,loading:`lazy`,referrerPolicy:`no-referrer-when-downgrade`}),(0,T.jsxs)(`span`,{className:`mcit-contact-map-label`,children:[(0,T.jsx)(p,{"aria-hidden":`true`}),e.city,` Office`]})]},e.city)}function I(){let e=(0,w.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,T.jsxs)(T.Fragment,{children:[`Contact `,(0,T.jsx)(`span`,{children:`MCIT`})]}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,T.jsxs)(`main`,{children:[(0,T.jsx)(v,{eyebrow:`Let's Connect`,title:t,subtitle:`Questions, quotes, or a second opinion on your IT, we're here and happy to help.`,breadcrumb:[{label:`Home`,href:`/`},{label:`Contact`}]}),(0,T.jsx)(M,{})]}),e[1]=n):n=e[1],n}export{I as component};