https://cybic.ai/_next/static/chunks/820.38df8ec5c58908f6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{5449:(e,a,t)=>{"use strict";t.d(a,{Dh:()=>s,FH:()=>r,RP:()=>n});var s=function(e){return e.Up="up",e.Down="down",e}({}),n=function(e){return e.fb="https://www.facebook.com/profile.php?id=61552646566633",e.twitter="https://x.com/cybictech",e.linkedIn="https://in.linkedin.com/company/cybicinc",e.youtube="https://www.youtube.com/@cybictech",e}({}),r=function(e){return e.hr="[email protected]",e.connect="[email protected]",e.sales="[email protected]",e}({})},12132:(e,a,t)=>{"use strict";t.d(a,{default:()=>l});var s=t(9784),n=t(52619),r=t.n(n);function l(e){var a;let{additionalClass:t="",onClick:n=()=>{},children:l,color:i="gradient",type:c="button",href:d="",target:o="",variant:m="primary",size:h="default",disabled:u=!1,...b}=e,x=()=>{n&&n()},p="".concat("box-border rounded-xl font-semibold uppercase tracking-widest cursor-pointer cb-button active:underline active:underline active:underline-offset-2 flex items-center"," ").concat(u?"tertiary"===m?"text-neutral-600":"bg-neutral-600 text-white":(null==(a=({black:{primary:"bg-[#1E1E1E] text-white hover:bg-[#514F4F]",secondary:"bg-transparent border border-[#1E1E1E] text-[#1E1E1E] hover:bg-[#1E1E1E] hover:text-white",tertiary:"bg-transparent text-[#1E1E1E] hover:text-[#514F4F] underline hover:no-underline"},white:{primary:"bg-white text-black hover:bg-[#1E1E1E] hover:text-white",secondary:"bg-transparent border border-white text-white hover:bg-white hover:text-black",tertiary:"bg-transparent text-white hover:bg-white hover:text-black underline hover:no-underline"},gradient:{primary:"bg-gradient text-white hover:bg-gradient-300 active:bg-gradient-400",secondary:"gradient-text dark:gradient-dark-text dark:gradient-dark-border",tertiary:"gradient-text dark:gradient-dark-text"}})[i])?void 0:a[m])||""," ").concat({small:"tertiary"!==m?"px-7 py-2 text-sm min-h-10":"py-2 px-3 rounded-none",default:"tertiary"!==m?"px-10 min-h-12 py-3":"p-3 rounded-none"}[h]," ").concat(t," ").concat(u?"pointer-events-none !text-disabled":"");return"anchor"===c?(0,s.jsx)(r(),{href:d,className:p,target:o,role:"button",onClick:x,tabIndex:u?-1:void 0,"aria-disabled":u,...b,children:l}):(0,s.jsx)("button",{type:"button",onClick:x,disabled:u,"aria-disabled":u,className:p,...b,children:l})}t(62773)},26571:()=>{},59958:(e,a,t)=>{"use strict";t.d(a,{A:()=>r});var s=t(9784),n=t(15239);function r(e){let{id:a,variant:t,message:r,validationClass:l=""}=e,i="/static/icons/".concat(t,".svg");return(0,s.jsxs)("div",{id:a,className:"flex gap-1 items-center mt-1 text-xs text-black outline-0 ".concat(l),children:[(0,s.jsx)(n.default,{src:i,alt:t,width:16,height:16}),r]})}},60820:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>F,defaultValues:()=>A,schema:()=>P});var s=t(9784),n=t(15239),r=t(13611),l=t(41407),i=t(36275),c=t(88495),d=t(35821),o=t(22544),m=t(35068),h=t(39860),u=t(30926);let b=(0,u.createServerReference)("40ac47dc86652ce6cedec4b5707d182df4d4a2b190",u.callServer,void 0,u.findSourceMapURL,"submitContactForm");var x=t(40904),p=t(68321),v=t(12132),g=t(5449),y=t(92333),f=t.n(y);function j(e){let{compact:a=!1}=e,t="https://calendly.com/connect-cybic/30min".trim()||void 0,[n,r]=(0,h.useState)(!1);return((0,h.useEffect)(()=>{if(!t)return;let e=document.querySelector('[data-calendly-url="'.concat(t,'"]'));if(!e)return;let a=new MutationObserver(()=>{e.querySelector("iframe")&&(r(!0),a.disconnect())});return a.observe(e,{childList:!0,subtree:!0}),()=>a.disconnect()},[t]),t)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("link",{rel:"stylesheet",href:"https://assets.calendly.com/assets/external/widget.css"}),(0,s.jsx)(p.default,{src:"https://assets.calendly.com/assets/external/widget.js",strategy:"lazyOnload"}),(0,s.jsx)("div",{className:a?f().calendlyChrome:void 0,children:(0,s.jsxs)("div",{className:f().calendlyPanel,children:[!n&&(0,s.jsxs)("div",{className:f().calendlySkeleton,"aria-hidden":"true",children:[(0,s.jsx)("span",{className:f().calendlySkeletonBar}),(0,s.jsx)("span",{className:f().calendlySkeletonBar}),(0,s.jsx)("span",{className:f().calendlySkeletonBarWide}),(0,s.jsx)("span",{className:f().calendlySkeletonBar})]}),(0,s.jsx)("div",{className:"calendly-inline-widget ".concat(f().calendlyEmbed," ").concat(a?f().calendlyEmbedCompact:""),"data-url":t,"data-calendly-url":t,style:{minWidth:"280px",height:"".concat(a?400:500,"px")}})]})}),(0,s.jsx)("p",{className:"cb-body-5 text-dark-text/55 ".concat(f().calendlyTimezone),children:"Times in your local timezone"})]}):(0,s.jsxs)("div",{className:f().calendlyFallback,children:[(0,s.jsx)("p",{className:"cb-body-5 text-dark-text/70 mb-6",children:"Online scheduling is being configured. Email us to book a call."}

1),(0,s.jsxs)(v.default,{type:"anchor",href:"mailto:".concat(g.FH.connect),color:"gradient",ariaLabel:"Email Cybic to schedule a call",children:["Email ",g.FH.connect]})]})}j.defaultProps={compact:!1};var N=t(87018),k=t(61418);let w="mt-12 mb-4 border-2 rounded-lg py-4 text-primary-bg text-left px-6";function C(e){var a,t,n,r,l;let{serverErrors:i,setServerErrors:c,onEnableValidation:d,shouldValidate:m,isAPILoading:u,isSubmissionSuccess:b,isSubmissionFailed:x,onSubmit:p}=e,{setValue:g,getValues:y,trigger:j,formState:{errors:C}}=(0,o.xW)(),S=(0,h.useCallback)(async()=>{d(),await j()&&p()},[d,p,j]);return(0,s.jsxs)("div",{className:f().formFields,children:[(0,s.jsxs)("div",{className:f().formRow,children:[(0,s.jsx)(N.A,{type:"text",label:"Full Name",name:"name",value:y("name"),onChange:e=>{g("name",e,{shouldValidate:!0}),c({...i,name:""})},validationState:(()=>{if(m){var e;if((null==(e=C.name)?void 0:e.message)||i.name)return"error"}})(),errorMessage:i.name||(null==(a=C.name)?void 0:a.message),id:"name"}),(0,s.jsx)(N.A,{type:"text",label:"Email",name:"email",value:y("email"),onChange:e=>{g("email",e,{shouldValidate:!0}),c({...i,email:""})},validationState:(()=>{if(m){var e;if((null==(e=C.email)?void 0:e.message)||i.email)return"error"}})(),errorMessage:i.email||(null==(t=C.email)?void 0:t.message),id:"email"})]}),(0,s.jsxs)("div",{className:f().formRow,children:[(0,s.jsx)(k.A,{label:"Contact Number",id:"phoneNumber",name:"phoneNumber",value:y("phone"),onChange:e=>{g("phone",e,{shouldValidate:!0}),c({...i,phone:""})},validationState:(()=>{if(m){var e;if((null==(e=C.phone)?void 0:e.message)||i.phone)return"error"}})(),errorMessage:i.phone||(null==(n=C.phone)?void 0:n.message)}),(0,s.jsx)(N.A,{type:"text",label:"Company Name",name:"companyName",value:y("companyName"),onChange:e=>{g("companyName",e,{shouldValidate:!0}),c({...i,companyName:""})},validationState:(()=>{if(m){var e;if((null==(e=C.companyName)?void 0:e.message)||i.companyName)return"error"}})(),errorMessage:i.companyName||(null==(r=C.companyName)?void 0:r.message),id:"companyName"})]}),(0,s.jsx)(N.A,{type:"text",label:"Write your Expectations",name:"message",value:y("message"),onChange:e=>{g("message",e,{shouldValidate:!0}),c({...i,message:""})},validationState:(()=>{if(m){var e;if((null==(e=C.message)?void 0:e.message)||i.message)return"error"}})(),errorMessage:i.message||(null==(l=C.message)?void 0:l.message),id:"message",multiline:!0,rows:4}),(0,s.jsx)("div",{className:f().formSubmit,children:(0,s.jsx)(v.default,{type:"button",color:"gradient",disabled:u,onClick:S,children:u?"Submitting...":"Submit"})}),b&&(0,s.jsxs)("div",{className:"".concat(w," border-success-green"),children:[(0,s.jsx)("p",{className:"cb-body-5 !font-medium mb-2",children:"Success!"}),(0,s.jsx)("p",{children:"Thanks for contacting us, we will get back to you soon!"})]}),x&&(0,s.jsxs)("div",{className:"".concat(w," border-red-600"),children:[(0,s.jsx)("p",{className:"cb-body-5 !font-medium mb-2",children:"Error"}),(0,s.jsx)("p",{children:"Some error occured while submiting the form. Please try again later."})]})]})}function S(e){let{methods:a,...t}=e;return(0,s.jsx)(o.Op,{...a,children:(0,s.jsx)(C,{...t})})}let E=[{title:"Tailored Solutions",desc:"Innovative strategies designed specifically for your business."},{title:"Speed & Efficiency",desc:"Rapid project delivery to keep you ahead of the competition."},{title:"Comprehensive Services",desc:"From ideation to execution, we handle it all."}],P=m.Ik().shape({name:m.Yj().trim().required("Name is required").min(2,"Name must be at least 2 characters").max(50,"Name must be at most 50 characters").matches(/^[A-Za-z]+$/,"Only alphabetic characters are allowed for name"),phone:m.Yj().trim().required("Phone Number is required").min(2,"Phone Number is required"),email:m.Yj().trim().email("Enter valid email").required("Email is required"),companyName:m.Yj().trim().required("Company name is required").min(2,"Company name must be at least 2 characters").max(75,"Company name must be at most 50 characters"),message:m.Yj().trim().required("This field is required").min(2,"Comments must be at least 2 characters").max(500,"Comments must be at most 500 characters")}

1),A={name:"",email:"",phone:"",companyName:"",message:""};function F(){let[e,a]=(0,h.useState)("schedule"),[t,m]=(0,h.useState)(!1),[u,p]=(0,h.useState)(!1),[v,g]=(0,h.useState)(!0),[y,N]=(0,h.useState)(A),[k,w]=(0,h.useState)(!1),C=(0,l.I)(),F=(0,h.useId)(),I=(0,h.useId)(),q=(0,o.mN)({resolver:(0,r.t)(P),defaultValues:{...A,phone:"1"}}),{getValues:V,reset:B,formState:{isValid:O}}=q,T=(0,h.useCallback)(()=>{p(!0),setTimeout(()=>p(!1),5e3)},[]),H=(0,h.useCallback)(()=>{m(!0),setTimeout(()=>m(!1),5e3),B()},[B]),M=(0,h.useCallback)(e=>{if(null==e?void 0:e.length){let a=e.reduce((e,a)=>{let{field:t,reason:s}=a;return e[t]=s,e},{});N(e=>({...e,...a}))}else T()},[T]),L=(0,h.useCallback)(e=>{a(e)},[]),R=(0,h.useCallback)(()=>{g(!0)},[]),_=(0,h.useCallback)(async()=>{let e=V();if(O){w(!0);try{let a=await b({name:e.name,email:e.email,phone:"+".concat(e.phone),companyName:e.companyName,message:e.message});a.success?H():M(a.errors)}catch(e){T()}finally{w(!1)}}},[V,O,M,H,T]);return(0,s.jsx)("section",{id:"contact",className:"md:bg-gradient-to-r from-[#3543E9] from-50% to-white to-50%","aria-labelledby":"contact-heading",children:(0,s.jsxs)("div",{className:"md:container md:mx-auto lg:!px-2 2xl:px-8 grid grid-cols-1 md:grid-cols-[minmax(280px,1fr)_minmax(0,2.2fr)] xl:grid-cols-[minmax(320px,1.5fr)_minmax(0,2.2fr)]",children:[(0,s.jsxs)("div",{className:"bg-[#3543E9] spacing text-white px-8 md:pl-0 md:pr-4 lg:px-10",children:[(0,s.jsx)("h2",{id:"contact-heading",className:"cb-h4 pb-6",children:"Let's Shape Possibilities"}),(0,s.jsx)("p",{className:"cb-body-5 text-white/80 pb-12 max-w-sm",children:"Two ways to reach us — book a discovery call or send a message. Pick whichever fits your schedule."}),E.map((e,a)=>{let{title:t,desc:r}=e;return(0,s.jsx)(x.default,{index:a+.2,children:(0,s.jsxs)("div",{className:"flex items-start gap-4 mb-10",children:[(0,s.jsx)(n.default,{src:"/static/icons/tick.png",alt:"check",width:32,height:32,className:"flex-shrink-0"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"cb-body-2 !font-medium pb-2",children:t}),(0,s.jsx)("div",{className:"cb-body-5",children:r})]})]})},t)})]}),(0,s.jsx)("div",{className:"spacing px-6 md:px-8 py-10 md:py-12 bg-white min-w-0",children:(0,s.jsxs)("div",{className:f().engagementHub,children:[(0,s.jsxs)("header",{className:f().engagementHeader,children:[(0,s.jsx)("p",{className:"cb-body-5 uppercase tracking-[0.18em] text-[#3543E9]/70 mb-3",children:"Get in touch"}),(0,s.jsx)("p",{className:"cb-h4",children:"Choose how you'd like to connect"})]}),(0,s.jsxs)("div",{className:f().pathSelector,role:"tablist","aria-label":"Choose how you'd like to connect",children:[(0,s.jsxs)(i.P.button,{type:"button",role:"tab",id:"book","aria-selected":"schedule"===e,"aria-controls":F,className:"".concat(f().pathCard," ").concat(f().pathCardFast," ").concat("schedule"===e?f().pathCardActive:""),onClick:()=>{var e;L("schedule"),null==(e=document.getElementById("contact-form-container"))||e.scrollIntoView({behavior:"smooth"})},whileHover:C?void 0:{y:-2},whileTap:C?void 0:{scale:.99},children:["schedule"===e&&(0,s.jsx)("span",{className:f().pathCardActiveIndicator,"aria-hidden":"true"}),(0,s.jsx)("span",{className:f().pathCardIcon,"aria-hidden":"true",children:(0,s.jsx)(c.A,{width:22,height:22})}),(0,s.jsx)("span",{className:"cb-body-2 !font-medium text-dark-text block",children:"Schedule a Call"}),(0,s.jsx)("span",{className:"cb-body-5 text-dark-text/60 mt-2 block",children:"Pick a time on our calendar - instant confirmation."})]}),(0,s.jsx)("div",{className:f().pathOrDivider,role:"separator","aria-label":"or",children:(0,s.jsx)("span",{className:f().pathOrLabel,children:"or"})}),(0,s.jsxs)(i.P.button,{type:"button",role:"tab",id:"form","aria-selected":"message"===e,"aria-controls":I,className:"".concat(f().pathCard," ").concat(f().pathCardDetail," ").concat("message"===e?f().pathCardActive:""),onClick:()=>{var e;L("message"),null==(e=document.getElementById("contact-form-container"))||e.scrollIntoView({behavior:"smooth"})},whileHover:C?void 0:{y:-2},whileTap:C?void 0:{scale:.99},children:["message"===e&&(0,s.jsx)("span",{className:f().pathCardActiveIndicator,"aria-hidden":"true"}),(0,s.jsx)("span",{className:f().pathCardIcon,"aria-hidden":"true",children:(0,s.jsx)(d.A,{width:22,height:22})}),(0,s.jsx)("span",{className:"cb-body-2 !font-medium text-dark-text block",children:"Send a Message"}),(0,s.jsx)("span",{className:"cb-body-5 text-dark-text/60 mt-2 block",children:"Share your details and we'll respond with tailored next steps."})]})]}),(0,s.jsxs)("div",{className:f().panelStack,id:"contact-form-container",children:[(0,s.jsx)("article",{id:F,role:"tabpanel","aria-labelledby":"book",hidden:"schedule"!==e,className:f().activePanel,children:(0,s.jsxs)("div",{className:f().activePanelInner,children:[(0,s.jsxs)("header",{className:f().panelHeader,children:[(0,s.jsx)("span",{className:f().optionBadge,children:"Option 1"}),(0,s.jsx)("h3",{className:"cb-body-2 !font-medium text-dark-text",children:"Schedule a Call"}),(0,s.jsx)("p",{className:"cb-body-5 text-dark-text/60 mt-2",children:"Pick a time on our calendar — instant confirmation."})]}),(0,s.jsx)(j,{compact:!0})]})}),(0,s.jsx)("article",{id:I,role:"tabpanel","aria-labelledby":"form",hidden:"message"!==e,className:f().activePanel,children:(0,s.jsxs)("div",{className:f().activePanelInner,children:[(0,s.jsxs)("header",{className:f().panelHeader,children:[(0,s.jsx)("span",{className:"".concat(f().optionBadge," ").concat(f().optionBadgeAlt),children:"Option 2"}),(0,s.jsx)("h3",{className:"cb-body-2 !font-medium text-dark-text",children:"Send a Message"}),(0,s.jsx)("p",{className:"cb-body-5 text-dark-text/60 mt-2",children:"Share your details and we'll respond with tailored next steps."})]}),(0,s.jsx)(S,{methods:q,serverErrors:y,setServerErrors:N,onEnableValidation:R,shouldValidate:v,isAPILoading:k,isSubmissionSuccess:t,isSubmissionFailed:u,onSubmit:_})]})})]})]})})]})})}},61418:(e,a,t)=>{"use strict";t.d(a,{A:()=>i});var s=t(9784),n=t(11124),r=t.n(n);t(96901);

1var l=t(59958);function i(e){let{id:a,validationState:t,errorMessage:n="",value:i="",onChange:c,additionalClass:d="",label:o="",name:m="",validationClass:h}=e;return(0,s.jsxs)("div",{children:[o&&(0,s.jsx)("label",{htmlFor:a,className:"cb cb-textfield-label--floating cb-textfield-label--floated-up  text-xs",id:"".concat(a,"-label"),children:"Phone Number"}),(0,s.jsx)(r(),{inputProps:{id:a,disabled:!1,autoFocus:!1,name:m,"aria-invalid":"error"===t,"aria-labelledby":"".concat(a,"-label"),"aria-describedby":t?"".concat(a,"-").concat(t):void 0,maxLength:18},dropdownClass:"",containerClass:"cb-textfield-input phone-container cb cb-textfield-default-label-input rounded-xl pt-4 pb-1 px-6 bg-white text-black  ".concat("error"===t?"cb-textfield--error ":""),inputClass:" ".concat(d),searchStyle:{border:"1px solid #9a9a9a ",width:"90%",borderRadius:"8px",padding:"8px 16px",backgroundColor:"white"},searchPlaceholder:"Search",value:i,onChange:c,enableSearch:!0,countryCodeEditable:!1,country:"us",isValid:e=>!(e.match(/12345/)||e.match(/1234/)),placeholder:""}),t&&(0,s.jsx)(l.A,{id:"".concat(a,"-").concat(t),message:null!=n?n:"",variant:t,validationClass:h})]})}t(26571)},62773:()=>{},87018:(e,a,t)=>{"use strict";t.d(a,{A:()=>l});var s=t(9784),n=t(39860),r=t(59958);t(26571);let l=function(e){let{ariaLabel:a,id:t,inputClass:l="",type:i="text",label:c,labelDetail:d,labelClass:o,name:m,value:h,onChange:u,disabled:b,readOnly:x,required:p,validationClass:v,validationState:g,errorMessage:y,multiline:f,shouldDisplayError:j=!0,...N}=e,[k,w]=(0,n.useState)(!1);return(0,s.jsxs)("div",{className:"cb-textfield ",children:[(0,s.jsxs)("div",{className:"relative ".concat(l),children:[(0,s.jsxs)("label",{htmlFor:t,className:"cb ".concat(null!=o?o:""," cb-textfield-label--floating ").concat(k||h?" cb-textfield-label--floated-up   text-xs":"cb-textxtarea-label--conversational","\n            ").concat(b||x?"disabled":"","\n            "),children:[c,d]}),(0,s.jsx)("div",{className:"cb-textfield-input-container",children:(0,s.jsx)(f?"textarea":"input",{id:t,type:f?void 0:i,autoComplete:"true",className:"cb-textfield-input cb cb-".concat(f?"textarea":"textfield","-default-label-input rounded-xl ").concat(f?"cb-textfield-textarea ":""," ").concat(g?"cb-textfield--".concat(g):"","  pt-4 pb-1 px-6 bg-white text-black ").concat(x?"read-only":""),value:h,name:m,disabled:b,required:p,readOnly:x,onBlur:()=>{w(!1)},onFocus:()=>{w(!0)},onChange:e=>{u&&!x&&u(e.target.value)},"aria-describedby":g?"".concat(t,"-").concat(g):void 0,"aria-required":p?"true":void 0,"aria-multiline":f?"true":void 0,"aria-disabled":b?"true":void 0,"aria-invalid":"error"===g?"true":void 0,"aria-label":null!=a?a:"".concat(t," textfield"),...N})})]}),j&&g&&(0,s.jsx)(r.A,{id:"".concat(t,"-").concat(g),message:null!=y?y:"",variant:g,validationClass:v})]})}},96901:()=>{}}]);