https://konoozi.ai/_next/static/chunks/2916-52c058eb92e66a1d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2916],{709:(e,t,a)=>{a.d(t,{default:()=>b});var r=a(95155),s=a(74756),i=a(15239),n=a(12115),o=a(22544),l=a(66942),c=a(19070),d=a(3998),m=a(65142),u=a(31120),x=a(58368),p=a(22663),h=a(38126),f=a(45081),g=a(80010);let b=e=>{let{eventLabel:t="homepage_partner_cta_form_fill"}=e,[a,b]=(0,n.useState)(!1),{elementRef:v,isVisible:y}=(0,f.r)({threshold:.15}),{register:w,handleSubmit:N,formState:{errors:j},reset:D}=(0,o.mN)({resolver:(0,l.u)(c.q)}),A=async e=>{(0,g.d)({event:"form_submit",event_category:"Partner Contact Form",event_action:"Fill form",event_label:"blog_partner_cta_form_fill"});try{b(!0),await x.Ay.send("service_5owbrmo","template_cfr8nqf",{name:"".concat(e.firstName," ").concat(e.lastName),email:e.email,message:e.message,contactNumber:e.contactNumber},"asJDcxCQ_MJ4Dn2o-"),(0,g.d)({event:"form_submission",event_category:"Partner Contact Form",event_action:"Submit",event_label:t}),b(!1),p.Ay.success("Thank you for your message! We'll get back to you soon."),(0,g.oD)(),D()}catch(e){b(!1),console.error("Error submitting form:",e),p.Ay.error("There was an error sending your message. Please try again.")}};return(0,r.jsxs)("div",{id:"contact",ref:v,children:[(0,r.jsx)(h.A,{}),(0,r.jsxs)("div",{className:"bg-[#0F0F0F] min-h-[500px] pt-20 relative overflow-hidden",children:[(0,r.jsx)(i.default,{src:s.Oi,alt:"general contact banner stars",className:"absolute top-0 left-0 w-full h-full object-cover animate-hidden ".concat(y?"animate-dark-star-parallax":"")}),(0,r.jsxs)("div",{className:"flex flex-col lg:flex-row justify-between items-center relative z-10 h-full min-h-[500px] px-[20px] lg:px-[80px] gap-[20px]",children:[(0,r.jsxs)("div",{className:"w-full lg:w-1/2 h-full flex items-start gap-[10px] justify-center flex-col relative mb-8 lg:mb-0 animate-hidden ".concat(y?"animate-contact-illustration":""),children:[(0,r.jsx)("h2",{className:"text-xl sm:text-2xl lg:text-[32px] text-[#EFEFEF]",children:"Partner with Konoozi"}),(0,r.jsx)("p",{className:"text-[#EFEFEF] text-[18px] 2xl:text-[24px] pr-4",children:"The future doesn't wait. Whether you're modernizing legacy systems or building intelligent platforms from the ground up, Konoozi is your partner in strategic transformation."})]}),(0,r.jsxs)("div",{className:"w-full lg:w-1/2 h-full flex flex-col items-start gap-[20px] justify-center animate-hidden ".concat(y?"animate-contact-side-panel delay-200":""),children:[(0,r.jsx)("div",{className:"text-center lg:text-left space-y-2",children:(0,r.jsx)("h2",{className:"text-xl sm:text-2xl lg:text-[24px] text-[#EFEFEF]",children:"Smart Systems Begin with a Smart Tech Strategy"})}),(0,r.jsxs)("form",{onSubmit:N(A),className:"space-y-4 lg:space-y-6 w-full",children:[(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{className:"space-y-1 animate-hidden ".concat(y?"animate-fade-up":""),style:{animationDelay:"0ms"},children:[(0,r.jsx)(m.p,{type:"text",placeholder:"First Name",className:"border-[#393939] text-white placeholder:text-[#ADADAD] focus:border-[#a855f7] transition-colors",...w("firstName"),disabled:a}),j.firstName&&(0,r.jsx)("p",{className:"text-red-400 text-xs",children:j.firstName.message})]}),(0,r.jsxs)("div",{className:"space-y-1 animate-hidden ".concat(y?"animate-fade-up":""),style:{animationDelay:"80ms"},children:[(0,r.jsx)(m.p,{type:"text",placeholder:"Last Name",className:"border-[#393939] text-white placeholder:text-[#ADADAD] focus:border-[#a855f7] transition-colors",...w("lastName"),disabled:a}),j.lastName&&(0,r.jsx)("p",{className:"text-red-400 text-xs",children:j.lastName.message})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{className:"space-y-1 animate-hidden ".concat(y?"animate-fade-up":""),style:{animationDelay:"160ms"},children:[(0,r.jsx)(m.p,{type:"email",placeholder:"Email",className:"border-[#393939] text-white placeholder:text-[#ADADAD] focus:border-[#a855f7] transition-colors",...w("email"),disabled:a}),j.email&&(0,r.jsx)("p",{className:"text-red-400 text-xs",children:j.email.message})]}),(0,r.jsxs)("div",{className:"space-y-1 animate-hidden ".concat(y?"animate-fade-up":""),style:{animationDelay:"240ms"},children:[(0,r.jsx)(m.p,{type:"tel",placeholder:"Contact Number",className:"border-[#393939] text-white placeholder:text-[#ADADAD] focus:border-[#a855f7] transition-colors",...w("contactNumber"),disabled:a}),j.contactNumber&&(0,r.jsx)("p",{className:"text-red-400 text-xs",children:j.contactNumber.message})]})]}),(0,r.jsxs)("div",{className:"space-y-1 animate-hidden ".concat(y?"animate-fade-up":""),style:{animationDelay:"320ms"},children:[(0,r.jsx)(u.T,{placeholder:"Message",rows:4,className:"border-[#393939] text-white placeholder:text-[#ADADAD] focus:border-[#a855f7] transition-colors resize-none",...w("message"),disabled:a}),j.message&&(0,r.jsx)("p",{className:"text-red-400 text-xs",children:j.message.message})]}),(0,r.jsx)("div",{className:"flex justify-center sm:justify-end pt-4",children:(0,r.jsx)(d.$,{variant:"gradientOutline",type:"submit",disabled:a,children:a?(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"w-4 h-4 border-2 border-white border-t-transparent roun

1ded-full animate-spin"}),"Sending..."]}):"Send"})})]})]})]})]})]})}},3998:(e,t,a)=>{a.d(t,{$:()=>l});var r=a(95155);a(12115);var s=a(46673),i=a(83101),n=a(64269);let o=(0,i.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-[50px] md:h-[60px] lg:h-[68px] w-[200px] md:w-[230px] lg:w-[260px] text-xs md:text-sm",{variants:{variant:{default:"cursor-pointer bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"cursor-pointer bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"cursor-pointer border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"cursor-pointer bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"cursor-pointer hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"cursor-pointer text-primary underline-offset-4 hover:underline",contact:"bg-[#2a2a2a] hover:text-[#fff] border border-[#2a2a2a] text-white shadow-xs cursor-pointer hover:bg-[#120E19] hover:border-transparent focus-visible:ring-[#a855f7]/50",gradientOutline:"cursor-pointer relative text-white shadow-xs rounded-xl bg-gradient-to-b from-[#182346] via-[#7482BB] to-[#46528E] hover:from-[#393939] hover:via-[#393939] hover:to-[#393939] transition-all duration-300 [background-clip:padding-box] border border-transparent hover:border-[#94B7CB]"},size:{default:"h-[50px] md:h-[60px] lg:h-[68px] w-[200px] md:w-[230px] lg:w-[260px] px-4 py-2 has-[>svg]:px-3",sm:"h-8 w-auto rounded-xl gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 w-auto rounded-xl px-6 has-[>svg]:px-4",xl:"h-16 w-auto rounded-xl sm:py-7 px-8 py-3 text-lg has-[>svg]:px-6",icon:"size-9 w-auto"}},defaultVariants:{variant:"default",size:"default"}});function l(e){let{className:t,variant:a,size:i,asChild:l=!1,...c}=e,d=l?s.DX:"button";return(0,r.jsx)(d,{"data-slot":"button",className:(0,n.cn)(o({variant:a,size:i,className:t})),...c})}},19070:(e,t,a)=>{a.d(t,{q:()=>s});var r=a(72377);let s=r.Ik({firstName:r.Yj().min(1,"First name is required"),lastName:r.Yj().min(1,"Last name is required"),email:r.Yj().email("Please enter a valid email address"),contactNumber:r.Yj().min(1,"Contact number is required"),message:r.Yj().min(10,"Message must be at least 10 characters long")})},31120:(e,t,a)=>{a.d(t,{T:()=>n});var r=a(95155),s=a(12115),i=a(64269);let n=(0,s.forwardRef)((e,t)=>{let{className:a,error:s,label:n,showLabel:o=!1,...l}=e;return(0,r.jsxs)("div",{className:"w-full",children:[o&&n&&(0,r.jsx)("label",{className:"block text-sm font-medium text-gray-300 mb-2",children:n}),(0,r.jsx)("textarea",{className:(0,i.cn)("flex min-h-[120px] border-[#3B454A] bg-transparent text-white placeholder:text-white/80 w-full rounded-md border px-3 py-2","focus:outline-none focus:border-[#3B454A] focus:ring-1 focus:ring-[#3B454A]","disabled:cursor-not-allowed disabled:opacity-50","resize-none",s&&"border-red-500 focus:border-red-500 focus:ring-[#3B454A]",a),ref:t,...l}),s&&(0,r.jsx)("p",{className:"mt-1 text-sm text-red-500",children:s})]})});n.displayName="Textarea"},37928:(e,t,a)=>{a.d(t,{AR:()=>d,Ub:()=>s,VU:()=>c,Yv:()=>m,cM:()=>i,eX:()=>l,j8:()=>o});var r=a(12115);function s(e){let[t,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let r=window.matchMedia(e);r.matches!==t&&a(r.matches);let s=()=>a(r.matches);return r.addEventListener("change",s),()=>r.removeEventListener("change",s)},[t,e]),t}function i(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"visible",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200;(0,r.useEffect)(()=>{let r=setTimeout(()=>{e.current&&e.current.classList.add(t)},a);return()=>clearTimeout(r)},[e,t,a])}let n=["about","services","portfolio","blogs","contact"];

1function o(e){let t=e.split("/").filter(Boolean);return t.length>=2&&!n.includes(t[0])?"/"+t.slice(1).join("/"):1!==t.length||n.includes(t[0])?e:"/"}function l(e,t){let a=function(e){let t=e.split("/").filter(Boolean);return t.length>=1&&!n.includes(t[0])?"/"+t[0]:""}(t);return a&&!e.startsWith(a)?a+e:e}function c(e,t){e.push(l(t,window.location.pathname))}function d(e){let t=document.getElementById(e);t&&(history.replaceState(null,"","".concat(window.location.pathname).concat(window.location.search,"#").concat(e)),t.scrollIntoView({behavior:"smooth"}))}function m(e){return e.toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}},38126:(e,t,a)=>{a.d(t,{A:()=>i});var r=a(95155),s=a(22663);let i=()=>(0,r.jsx)(s.l$,{position:"top-right",toastOptions:{duration:4e3,style:{background:"#1E1D20",color:"#ADADAD",border:"1px solid #393939"},success:{iconTheme:{primary:"#10B981",secondary:"#1E1D20"}},error:{iconTheme:{primary:"#EF4444",secondary:"#1E1D20"}}}})},64269:(e,t,a)=>{a.d(t,{cn:()=>i});var r=a(2821),s=a(75889);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,r.$)(t))}},65142:(e,t,a)=>{a.d(t,{p:()=>n});var r=a(95155),s=a(12115),i=a(64269);let n=(0,s.forwardRef)((e,t)=>{let{className:a,type:s,error:n,label:o,showLabel:l=!1,...c}=e;return(0,r.jsxs)("div",{className:"w-full",children:[l&&o&&(0,r.jsx)("label",{className:"block text-sm font-medium text-gray-300 mb-2",children:o}),(0,r.jsx)("input",{type:s,"data-slot":"input",className:(0,i.cn)("flex h-12 w-full rounded-[12px] border-[1px] border-[#393939] bg-transparent px-3 py-2 text-[#ADADAD] placeholder:text-[#ADADAD]","focus:outline-none focus:border-[#a855f7] focus:ring-1 focus:ring-[#a855f7]","disabled:cursor-not-allowed disabled:opacity-50","file:bg-[#a855f7] file:border-0 file:text-white file:px-4 file:py-2 file:rounded file:cursor-pointer file:mr-4",n&&"border-red-500 focus:border-red-500 focus:ring-red-500",a),ref:t,...c}),n&&(0,r.jsx)("p",{className:"mt-1 text-sm text-red-500",children:n})]})});n.displayName="Input"}}]);