https://evdev.dev/_next/static/chunks/9963-a82bc9b46f7785df.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9963],{39963:(e,t,a)=>{a.r(t),a.d(t,{ContactForm:()=>_});var r=a(93012),n=a(65848),s=a(59704),l=a(83893),o=a(11532),i=a(84499),c=a(63050),d=a(95391),m=a(60142),x=a(46568),u=a(19928),p=a(86933),g=a(97234),f=a(7555),h=a(35859),b=a(44203),v=a(22653),j=a(84245);function N({isSubmitting:e,ready:t}){let a=(0,n.useRef)(null),s=(0,n.useRef)(null),l=(0,n.useMemo)(()=>[{ref:a,strength:.15},{ref:s,strength:.08}],[]),o=(0,p.M)(l);return(0,r.jsxs)("button",{ref:a,type:"submit",form:"contact-form",disabled:e,...o,"data-analytics-cta":"contact_submit_desktop","data-analytics-location":"contact_form",className:"group relative hidden size-[200px] cursor-pointer items-center justify-center transition-transform duration-300 ease-out lg:flex xl:size-[250px] 2xl:size-[296px]","aria-label":"Submit contact form",children:[(0,r.jsx)("svg",{className:"absolute inset-0 size-full transition-transform duration-500 ease-out group-hover:rotate-[30deg]",viewBox:"0 0 296 296",fill:"none","aria-hidden":"true",children:(0,r.jsx)("circle",{cx:"148",cy:"148",r:"147",stroke:"rgba(203,203,203,0.25)",strokeWidth:"0.5",strokeDasharray:"6 6"})}),(0,r.jsx)("div",{ref:s,className:`absolute inset-[15%] flex items-center justify-center rounded-full shadow-lg transition-all duration-300 ease-out group-hover:scale-105 ${t?"animate-cta-pulse bg-accent":"bg-foreground"}`,children:(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"size-[8px] rounded-full bg-accent"}),(0,r.jsx)("span",{className:"whitespace-nowrap text-[13px] font-normal uppercase tracking-[-0.02em] text-background xl:text-[15px]",children:"Get a Free Quote"})]})}),(0,r.jsx)("div",{className:"absolute left-[15%] top-[15%] flex size-[42px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-white/10 bg-white/[0.15] backdrop-blur-[6px] transition-all duration-300 ease-out group-hover:bg-white/[0.25] lg:size-[52px] xl:size-[64px]",children:(0,r.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#121212",strokeWidth:"1.5","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M12 5v14M5 12h14"})})})]})}let y=i.Ik({name:i.Yj().min(2,"Name must be at least 2 characters").max(100),email:i.Yj().email("Please enter a valid email address"),website:i.Yj().max(200,"URL is too long").optional(),consent:i.eu(!0,{errorMap:()=>({message:"You must agree to the privacy policy"})}),honeypot:i.Yj().max(0).optional()});function _({data:e}){let t=(0,s.usePathname)(),a=(0,n.useRef)(!1),i=(0,n.useRef)(new Set),{submitState:p,serverError:w,submit:k}=(0,v.e)({formName:"contact_form"}),{register:z,handleSubmit:C,reset:F,setValue:M,formState:{errors:I,isSubmitting:L,isValid:S}}=(0,l.mN)({...j.C,resolver:(0,o.u)(y)});(0,n.useEffect)(()=>{for(let[e,a]of Object.entries(I)){let r=`${e}:${a?.message??"invalid"}`;i.current.has(r)||(i.current.add(r),(0,b.IX)({form_name:"contact_form",form_location:t,field_name:e,error_code:a?.message??"invalid"}))}},[I,t]);let V=(0,n.useCallback)(e=>{a.current||(a.current=!0,(0,b.M4)({form_name:"contact_form",form_location:t})),(0,b.et)({form_name:"contact_form",form_location:t,field_name:e})},[t]);async function E(e){await k(e)&&F()}return(0,r.jsxs)("section",{id:"contact","aria-label":"Contact form","data-section-id":"contact_form",className:"relative isolate overflow-hidden py-12 lg:py-14",children:[(0,r.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 -z-10 bg-[linear-gradient(to_bottom,rgba(18,18,18,0)_0%,rgba(18,18,18,0.45)_24%,rgba(18,18,18,0.88)_52%,rgba(18,18,18,0.92)_100%),linear-gradient(to_right,rgba(18,18,18,0)_0%,rgba(18,18,18,0.55)_16%,rgba(18,18,18,0.55)_84%,rgba(18,18,18,0)_100%)]"}),(0,r.jsx)("div",{className:"pointer-events-none absolute -left-[16%] top-0 hidden h-full w-[40%] lg:block","aria-hidden":"true",children:(0,r.jsx)("div",{className:"relative h-full w-full",children:(0,r.jsx)(d.s,{image:e.decorativeImage,fallbackSrc:"/images/decorative/crystal-star.png",alt:"",width:735,height:814,className:"absolute left-[8%] top-[5%] h-[90%] w-auto object-contain"})})}),(0,r.jsx)("div",{className:"pointer-events-none absolute right-0 top-1/2 z-20 hidden -translate-y-1/2 pr-6 lg:block xl:pr-10 2xl:pr-[120px]",children:(0,r.jsx)("div",{className:"pointer-events-auto",children:(0,r.jsx)(N,{isSubmitting:L,ready:S&&!L})})}),(0,r.jsx)(c.m,{className:"relative z-10",children:(0,r.jsx)("div",{className:"flex flex-col lg:flex-row lg:items-start lg:justify-start",children:(0,r.jsxs)("div",{className:"w-full lg:ml-[24%] lg:w-[56%]",children:[(0,r.jsxs)("h2",{className:"mb-6 text-[40px] font-light leading-[0.9] md:text-[64px] lg:mb-6 lg:text-[64px] xl:text-[72px] 2xl:text-[80px] tracking-[-0.022em] md:tracking-[-0.028em] xl:tracking-[-0.029em] 2xl:tracking-[-0.03em]",children:[(0,r.jsxs)("span",{className:"text-foreground",children:[e.contactHeadingText," "]}),(0,r.jsx)("span",{className:"text-accent",children:e.contactHeadingAccent})]}),(0,r.jsx)("p",{className:"mb-8 text-[22px] font-normal leading-[1.2] text-accent lg:mb-10 lg:text-[28px]",children:e.contactFormHeading}),(0,r.jsxs)("div",{className:"lg:grid lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1fr)] lg:grid-rows-[auto_1fr] lg:items-start lg:gap-x-12 xl:gap-x-16",children:[(0,r.jsxs)("div",{className:"lg:col-start-1 lg:row-start-1 lg:pt-1",children:[(0,r.jsx)(m.r,{className:"mb-8"}),(0,r.jsx)(x.T,{tone:"dark",className:"mb-8 lg:mb-0"})]}),(0,r.jsxs)("form",{id:"contact-form",onSubmit:C(E),className:"flex flex-col gap-5 lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:gap-5",noValidate:!0,children:[(0,r.jsxs)("div",{className:"absolute -left-[9999px]","aria-hidden":"true",children:[(0,r.jsx)("label",{htmlFor:"contact-hp",children:"Do not fill"}),(0,r.jsx)("input",{id:"contact-hp",type:"text",tabIndex:-1,autoComplete:"off",...z("honeypot")})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("label",{htmlFor:"contact-name",className:"text-[15px] font-light leading-[1.2] text-foreground lg:text-[17px]",children:e.formNameLabel}),(0,r.jsx)("input",{id:"contact-name",type:"text",autoComplete:"name",className:"min-h-[44px] border-b border-border/70 bg-transparent pb-2.5 pt-1.5 text-[16px] font-light text-foreground outline-none transition-colors placeholder:text-muted/70 focus:border-accent lg:text-[18px]","aria-invalid":I.name?"true":void 0,"aria-describedby":I.name?"contact-name-error":void 0,"aria-required":"true",...z("name"),onFocus:()=>V("name")}

1),I.name&&(0,r.jsx)("p",{id:"contact-name-error",className:"text-[14px] text-red-500",children:I.name.message})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("label",{htmlFor:"contact-email",className:"text-[15px] font-light leading-[1.2] text-foreground lg:text-[17px]",children:e.formEmailLabel}),(0,r.jsx)("input",{id:"contact-email",type:"email",autoComplete:"email",className:"min-h-[44px] border-b border-border/70 bg-transparent pb-2.5 pt-1.5 text-[16px] font-light text-foreground outline-none transition-colors placeholder:text-muted/70 focus:border-accent lg:text-[18px]","aria-invalid":I.email?"true":void 0,"aria-describedby":I.email?"contact-email-error":void 0,"aria-required":"true",...z("email"),onFocus:()=>V("email")}),I.email&&(0,r.jsx)("p",{id:"contact-email-error",className:"text-[14px] text-red-500",children:I.email.message})]}),(0,r.jsx)(u.f,{id:"contact-website",label:e.formWebsiteLabel??"Add your website",registration:z("website"),error:I.website?.message,onClear:()=>M("website","",{shouldValidate:!1}),onFocusField:()=>V("website"),analyticsLocation:"contact_form",toggleClassName:"text-foreground",inputClassName:"min-h-[44px] w-full border-b border-border/70 bg-transparent pb-2.5 pt-1.5 text-[16px] font-light text-foreground outline-none transition-colors placeholder:text-muted/70 focus:border-accent lg:text-[18px]"}),(0,r.jsxs)("div",{className:"flex items-start gap-4",children:[(0,r.jsxs)("div",{className:"relative mt-0.5 flex shrink-0",children:[(0,r.jsx)("input",{id:"contact-consent",type:"checkbox",className:"peer size-6 cursor-pointer appearance-none border border-accent bg-transparent transition-colors checked:bg-accent","aria-required":"true","aria-invalid":I.consent?"true":void 0,"aria-describedby":I.consent?"contact-consent-error":void 0,...z("consent")}),(0,r.jsx)("svg",{className:"pointer-events-none absolute inset-0 hidden size-6 text-background peer-checked:block",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,"aria-hidden":"true",children:(0,r.jsx)("path",{d:"M5 13l4 4L19 7"})})]}),(0,r.jsxs)("label",{htmlFor:"contact-consent",className:"cursor-pointer text-[14px] font-light leading-[1.1] text-foreground lg:text-[16px]",children:["I agree to the processing of my personal data in accordance with the"," ",(0,r.jsx)("a",{href:"/legal/privacy",target:"_blank",rel:"noopener noreferrer",onClick:e=>e.stopPropagation(),"data-analytics-cta":"contact_consent_privacy_link","data-analytics-location":"contact_form",className:"underline decoration-foreground/70 underline-offset-2 transition-colors hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:"Privacy Policy"}),"."]})]}),I.consent&&(0,r.jsx)("p",{id:"contact-consent-error",className:"text-[14px] text-red-500",children:I.consent.message}),(0,r.jsxs)("div",{"aria-live":"polite",role:"status",className:"idle"===p?"sr-only":"rounded-md p-3",children:["success"===p&&(0,r.jsx)("p",{className:"text-[14px] font-normal text-accent",children:"Thanks! We'll be in touch within 2 hours."}),"error"===p&&w&&(0,r.jsx)("p",{className:"text-[14px] text-red-400",children:w})]}),(0,r.jsx)(h.I,{items:f.uG,className:"mt-2"}),(0,r.jsxs)("button",{type:"submit",disabled:L,"data-analytics-cta":"contact_submit_pill","data-analytics-location":"contact_form",className:`mt-2 flex items-center justify-center gap-2 self-start rounded-full bg-accent px-8 py-4 text-[16px] font-normal uppercase text-background transition-opacity hover:opacity-90 disabled:opacity-50 max-lg:w-full ${S&&!L?"animate-cta-pulse":""}`,"aria-label":"Submit contact form",children:[(0,r.jsx)("span",{className:"size-2.5 rounded-full bg-background"}),"Get a Free Quote"]}),(0,r.jsx)("a",{href:g.XQ,"data-analytics-cta":"contact_form_book_call","data-analytics-location":"contact_form",className:"self-start text-[14px] font-light text-foreground/80 underline underline-offset-4 transition-colors hover:text-accent max-lg:self-center",children:f.dW})]}),(0,r.jsx)("div",{className:"mt-8 flex items-center lg:col-start-1 lg:row-start-2 lg:mt-10",children:(0,r.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("a",{href:g.DX,target:"_blank",rel:"noopener noreferrer","aria-label":"Connect with EVDEV on LinkedIn",className:"flex size-[44px] items-center justify-center rounded-full bg-accent p-2.5 transition-opacity hover:opacity-80",children:(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"white","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})}),(0,r.jsx)("a",{href:g.f$,target:"_blank",rel:"noopener noreferrer","aria-label":"Follow us on Instagram",className:"flex size-[44px] items-center justify-center rounded-full border border-border/60 p-2.5 text-foreground transition-colors hover:border-accent hover:text-accent",children:(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"

1currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"})})})]})})]})]})})})]})}},63050:(e,t,a)=>{a.d(t,{m:()=>s});var r=a(93012),n=a(3502);function s({children:e,className:t,as:a="div"}){return(0,r.jsx)(a,{className:(0,n.cn)("mx-auto w-full max-w-[1440px] px-5 md:px-10",t),children:e})}}}]);
2//# sourceMappingURL=9963-a82bc9b46f7785df.js.map