https://www.cynder.io/_next/static/chunks/app/contact-us/page-4d3244f27e21c50a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[920],{53184:(e,s,a)=>{Promise.resolve().then(a.bind(a,3971)),Promise.resolve().then(a.bind(a,90931))},90931:(e,s,a)=>{"use strict";a.d(s,{default:()=>g});var l=a(54568),t=a(80694),r=a(38478),n=a(7620),i=a(82116),d=a(83631),c=a(97879),o=a(82006),m=a(43023),p=a(94193),x=a(76961),u=a(26840);let b=o.Ik({budgetRange:o.Yj().optional(),company:o.Yj().required("Company is required"),email:o.Yj().email("Invalid email address").required("Email is required"),message:o.Yj().min(10,"Message must be at least 10 characters").required("Message is required"),name:o.Yj().required("Name is required")}).required(),g=()=>{let[e,s]=(0,n.useState)(!1),[a,o]=(0,n.useState)(null),{executeRecaptcha:g}=(0,i._Y)(),h=(0,t.Xb)(),{register:j,handleSubmit:y,reset:N,formState:{errors:f}}=(0,d.mN)({resolver:(0,r.t)(b)}),v=async e=>{if(o(null),!g)return void o("Spam protection is still loading. Please try again in a moment.");try{let a=await g("contact_submit");await h.mutateAsync({data:{...e,recaptchaToken:a}}),s(!0),N()}catch(e){o("Something went wrong while sending your message. Please try again.")}};return(0,l.jsx)("div",{className:"pt-32 pb-32",children:(0,l.jsx)("div",{className:"container mx-auto px-6 2xl:px-20",children:(0,l.jsxs)("div",{className:"grid lg:grid-cols-12 gap-16 items-start",children:[(0,l.jsxs)("div",{className:"lg:col-span-5",children:[(0,l.jsx)(p.SectionTitle,{subtitle:"Connect",title:"Let’s build your next system together."}),(0,l.jsx)("div",{className:"space-y-8",children:[{icon:(0,l.jsx)(c.h2r,{}),label:"Email",value:"[email protected]"},{icon:(0,l.jsx)(c.Mej,{}),label:"Phone",value:"(+632) 8354 9552"},{icon:(0,l.jsx)(c.XSo,{}),label:"Address",value:"105-A Matimtiman St., Sikatuna Village, Diliman, Quezon City 1101"}].map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-6 p-6 bg-slate-50 rounded-[30px]",children:[(0,l.jsx)("div",{className:"text-2xl text-primary",children:e.icon}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-xs font-bold uppercase tracking-widest text-slate-400",children:e.label}),(0,l.jsx)("div",{className:"text-lg font-bold",children:e.value})]})]},e.label))})]}),(0,u.g)()&&(0,l.jsx)("div",{className:"lg:col-span-7 h-full",children:(0,l.jsx)("div",{className:"sticky top-32 p-8 md:p-12 bg-white rounded-4xl shadow-2xl border border-slate-50",children:e?(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center py-12 text-center space-y-6",children:[(0,l.jsx)("div",{className:"text-6xl text-green-500",children:(0,l.jsx)(c.GzK,{})}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h3",{className:"text-2xl font-bold",children:"Message Sent!"}),(0,l.jsx)("p",{className:"text-slate-500",children:"Thank you for reaching out. We'll get back to you shortly."})]}),(0,l.jsx)(m.PremiumButton,{onClick:()=>s(!1),children:"Send another message"})]}):(0,l.jsxs)("form",{className:"grid md:grid-cols-2 gap-8",onSubmit:y(v),children:[(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("label",{className:"text-xs font-bold uppercase tracking-widest ml-2",htmlFor:"name",children:"Name"}),(0,l.jsx)("input",{id:"name",...j("name"),className:"w-full px-6 py-4 rounded-2xl bg-slate-50 focus:bg-white border-2 transition-all outline-none ".concat(f.name?"border-red-500":"border-transparent focus:border-primary"),placeholder:"Your Name",type:"text"}),f.name&&(0,l.jsx)("p",{className:"text-red-500 text-[10px] ml-2 uppercase font-bold",children:f.name.message})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("label",{className:"text-xs font-bold uppercase tracking-widest ml-2",htmlFor:"email",children:"Email"}),(0,l.jsx)("input",{id:"email",...j("email"),className:"w-full px-6 py-4 rounded-2xl bg-slate-50 focus:bg-white border-2 transition-all outline-none ".concat(f.email?"border-red-500":"border-transparent focus:border-primary"),placeholder:"[email protected]",type:"email"}),f.email&&(0,l.jsx)("p",{className:"text-red-500 text-[10px] ml-2 uppercase font-bold",children:f.email.message})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("label",{className:"text-xs font-bold uppercase tracking-widest ml-2",htmlFor:"company",children:"Company"}),(0,l.jsx)("input",{id:"company",...j("company"),className:"w-full px-6 py-4 rounded-2xl bg-slate-50 focus:bg-white border-2 transition-all outline-none ".concat(f.company?"border-red-500":"border-transparent focus:border-primary"),placeholder:"Your Company Name",type:"text"}),f.company&&(0,l.jsx)("p",{className:"text-red-500 text-[10px] ml-2 uppercase font-bold",children:f.company.message})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("label",{className:"text-xs font-bold uppercase tracking-widest ml-2",htmlFor:"budgetRange",children:"Budget Range"}),(0,l.jsxs)("select",{id:"budgetRange",...j("budgetRange"),className:"w-full px-6 py-4 rounded-2xl bg-slate-50 focus:bg-white border-2 border-transparent focus:border-primary transition-all outline-none",defaultValue:"",children:[(0,l.jsx)("option",{value:"",children:"Select a range"}),x.F.map(e=>(0,l.jsx)("option",{value:e.range,children:e.range},e.label))]})]}),(0,l.jsxs)("div",{className:"md:col-span-2 space-y-2",children:[(0,l.jsx)("label",{className:"text-xs font-bold uppercase tracking-widest ml-2",htmlFor:"message",children:"What are you building?"}),(0,l.jsx)("textarea",{id:"message",...j("message"),className:"w-full px-6 py-4 rounded-2xl bg-slate-50 focus:bg-white border-2 transition-all outline-none resize-none ".concat(f.message?"border-red-500":"border-transparent focus:border-primary"),placeholder:"Tell us about your project goals or operational bottlenecks...",rows:5}),f.message&&(0,l.jsx)("p",{className:"text-red-500 text-[10px] ml-2 uppercase font-bold",children:f.message.message})]}),(0,l.jsxs)("div",{className:"md:col-span-2 space-y-3",children:[a&&(0,l.jsx)("p",{className:"text-red-500 text-xs font-bold uppercase tracking-wide text-center",children:a}),(0,l.jsx)(m.PremiumButton,{className:"w-full justify-center",disabled:h.isPending,type:"submit",children:h.isPending?"Sending…":"Deploy Now"})]})]})})})]})})})}}},e=>{e.O(0,[904,509,399,427,883,587,18,358],()=>e(e.s=53184)),_N_E=e.O()}]);