(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{347:()=>{},1064:(e,t,a)=>{"use strict";a.d(t,{i:()=>r});var s=a(5155),l=a(646);a(2115);let r=e=>{let{message:t}=e;if(t)return(0,s.jsxs)("div",{className:"flex items-center gap-x-2 rounded-md bg-emerald-500/15 p-3 text-sm text-emerald-500",children:[(0,s.jsx)(l.A,{className:"size-4"}),(0,s.jsx)("p",{children:t})]})}},2523:(e,t,a)=>{"use strict";a.d(t,{p:()=>r});var s=a(5155);a(2115);var l=a(9434);function r(e){let{className:t,type:a,...r}=e;return(0,s.jsx)("input",{type:a,"data-slot":"input",className:(0,l.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","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",t),...r})}},5538:(e,t,a)=>{"use strict";a.d(t,{Header:()=>b});var s=a(5155),l=a(2115),r=a(6874),n=a.n(r),i=a(5028),o=a(7271),d=a(663),c=a(9434),x=a(5695);let u=e=>{let{href:t,title:a}=e,l=(0,x.usePathname)();return(0,s.jsx)("li",{className:(0,c.cn)("h-full flex-1 flex items-center relative "),children:(0,s.jsx)(n(),{href:t,className:(0,c.cn)("text-nowrap flex nav-item items-center h-full px-[15px] relative text-[#e0dede] text-[16px] hover:text-web-primary duration-200 transition-all","after:absolute after:h-[3px] after:bg-web-primary after:top-0 after:left-0 after:w-full after:scale-x-0 hover:after:scale-x-100 after:transform after:transition-transform after:duration-150 after:ease-linear",l===t&&"text-web-primary after:scale-x-100"),children:a})})},m=()=>(0,s.jsx)("nav",{className:"flex items-center  h-full",children:(0,s.jsx)("ul",{className:"flex items-center space-x-0.5 h-full",children:d.MK.map(e=>(0,s.jsx)(u,{...e},e.id))})});var p=a(6329);let f=e=>{let{children:t,className:a}=e,[r,n]=(0,l.useState)(!1),i=(0,l.useCallback)(()=>{n(window.scrollY>0)},[]);return(0,l.useEffect)(()=>(window.addEventListener("scroll",i),()=>{window.removeEventListener("scroll",i)}),[i]),(0,s.jsx)("div",{className:(0,c.cn)(" w-full px-10  flex items-center justify-between transition-all duration-300",r?"h-[68px]  tablet:h-[70px] bg-black":"h-[68px]  tablet:h-[100px] bg-black/50",a),children:t})},h=(0,i.default)(()=>a.e(218).then(a.bind(a,9218)),{loadableGenerated:{webpack:()=>[9218]},ssr:!1}),b=()=>(0,s.jsx)("header",{className:"sticky top-0 inset-x-0 z-40",children:(0,s.jsxs)(f,{children:[(0,s.jsx)(n(),{href:"/",children:(0,s.jsx)(o.v,{width:63,height:66})}),(0,s.jsxs)("div",{className:"hidden tablet:flex items-center space-x-[35px] h-full ",children:[(0,s.jsx)(m,{}),(0,s.jsx)(p.B,{})]}),(0,s.jsx)(h,{})]})})},5937:(e,t,a)=>{"use strict";a.d(t,{lV:()=>c,MJ:()=>b,zB:()=>u,eI:()=>f,lR:()=>h,C5:()=>g});var s=a(5155),l=a(2115),r=a(9708),n=a(2177),i=a(9434),o=a(968);function d(e){let{className:t,...a}=e;return(0,s.jsx)(o.b,{"data-slot":"label",className:(0,i.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...a})}let c=n.Op,x=l.createContext({}),u=e=>{let{...t}=e;return(0,s.jsx)(x.Provider,{value:{name:t.name},children:(0,s.jsx)(n.xI,{...t})})},m=()=>{let e=l.useContext(x),t=l.useContext(p),{getFieldState:a}=(0,n.xW)(),s=(0,n.lN)({name:e.name}),r=a(e.name,s);if(!e)throw Error("useFormField should be used within <FormField>");let{id:i}=t;return{id:i,name:e.name,formItemId:"".concat(i,"-form-item"),formDescriptionId:"".concat(i,"-form-item-description"),formMessageId:"".concat(i,"-form-item-message"),...r}},p=l.createContext({});function f(e){let{className:t,...a}=e,r=l.useId();return(0,s.jsx)(p.Provider,{value:{id:r},children:(0,s.jsx)("div",{"data-slot":"form-item",className:(0,i.cn)("grid gap-2",t),...a})})}function h(e){let{className:t,...a}=e,{error:l,formItemId:r}=m();return(0,s.jsx)(d,{"data-slot":"form-label","data-error":!!l,className:(0,i.cn)("data-[error=true]:text-destructive",t),htmlFor:r,...a})}function b(e){let{...t}=e,{error:a,formItemId:l,formDescriptionId:n,formMessageId:i}=m();return(0,s.jsx)(r.DX,{"data-slot":"form-control",id:l,"aria-describedby":a?"".concat(n," ").concat(i):"".concat(n),"aria-invalid":!!a,...t})}function g(e){var t;let{className:a,...l}=e,{error:r,formMessageId:n}=m(),o=r?String(null!=(t=null==r?void 0:r.message)?t:""):l.children;return o?(0,s.jsx)("p",{"data-slot":"form-message",id:n,className:(0,i.cn)("text-destructive text-sm",a),...l,children:o}):null}},6075:(e,t,a)=>{"use strict";a.d(t,{j:()=>r});var s=a(5155),l=a(2196);a(2115);let r=e=>{let{message:t}=e;if(t)return(0,s.jsxs)("div",{className:"flex items-center gap-x-2 rounded-md bg-destructive/15 p-3 text-sm text-destructive",children:[(0,s.jsx)(l.A,{className:"size-4"}),(0,s.jsx)("p",{children:t})]})}},6329:(e,t,a)=>{"use strict";a.d(t,{B:()=>z});var s=a(5155),l=a(6075),r=a(1064),n=a(285),i=a(2115),o=a(9601),d=a(4416),c=a(9434);function x(e){let{...t}=e;return(0,s.jsx)(o.bL,{"data-slot":"dialog",...t})}function u(e){let{...t}=e;return(0,s.jsx)(o.l9,{"data-slot":"dialog-trigger",...t})}function m(e){let{...t}=e;return(0,s.jsx)(o.ZL,{"data-slot":"dialog-portal",...t})}function p(e){let{className:t,...a}=e;return(0,s.jsx)(o.hJ,{"data-slot":"dialog-overlay",className:(0,c.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function f(e){let{className:t,children:a,showCloseButton:l=!0,...r}=e;return(0,s.jsxs)(m,{"data-slot":"dialog-portal",children:[(0,s.jsx)(p,{}),(0,s.jsxs)(o.UC,{"data-slot":"dialog-content",className:(0,c.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...r,children:[a,l&&(0,s.jsxs)(o.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,s.jsx)(d.A,{}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function h(e){let{className:t,...a}=e;return(0,s.jsx)("div",{"data-slot":"dialog-header",className:(0,c.cn)("flex flex-col gap-2 text-center sm:text-left",t),...a})}function b(e){let{className:t,...a}=e;return(0,s.jsx)(o.hE,{"data-slot":"dialog-title",className:(0,c.cn)("text-lg leading-none font-semibold",t),...a})}function g(e){let{className:t,...a}=e;return(0,s.jsx)(o.VY,{"data-slot":"dialog-description",className:(0,c.cn)("text-muted-foreground text-sm",t),...a})}var j=a(5937),v=a(2523),w=a(8539),y=a(221),N=a(2177),k=a(8309);let C=k.Ik({name:k.Yj().min(1,{message:"T\xean l\xe0 bắt buộc!"}),email:k.Yj().email({message:"Email l\xe0 bắt buộc!"}),budget:k.Yj(),timeframe:k.Yj(),about:k.Yj().min(1,{message:"H\xe3y n\xf3i th\xeam về project của bạn!"})}),z=()=>{let[e,t]=(0,i.useState)(""),[a,o]=(0,i.useState)(""),[d,c]=(0,i.useState)(!1),m=(0,N.mN)({resolver:(0,y.u)(C),defaultValues:{name:"",email:"",budget:"",timeframe:"",about:""}}),p=async e=>{t(""),o("");try{c(!0);let a=await fetch("/api/mail",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(e)});if(a.ok)c(!1),o("Gửi th\xf4ng tin th\xe0nh c\xf4ng! Ch\xfang t\xf4i sẽ li\xean lạc với bạn sớm."),m.reset();else{c(!1);let e=await a.json();t(e.message||"C\xf3 lỗi xảy ra. Vui l\xf2ng thử lại.")}}catch(e){c(!1),console.log("error",e),t("Kh\xf4ng thể gửi th\xf4ng tin. Vui l\xf2ng kiểm tra kết nối.")}};return(0,s.jsxs)(x,{children:[(0,s.jsx)(u,{asChild:!0,children:(0,s.jsx)(n.$,{className:"bg-web-primary hover:bg-web-primary cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 w-auto text-white text-[16px] font-semibold rounded-full h-10 px-4 py-2",children:"Book a consultation"})}),(0,s.jsxs)(f,{className:"max-w-[650px] shadow-[0px_0px_60px_30px_#845AFF] bg-black border-none rounded-tl-[40px] rounded-br-[40px] p-[60px]",children:[(0,s.jsxs)(h,{children:[(0,s.jsx)(b,{className:"text-[40px] font-medium text-white",children:"Book a phone consultation!"}),(0,s.jsx)(g,{className:"text-[18px] text-[#a1a4a5]",children:"Got questions? Ideas? Fill out the form below & our specialist will contact you."})]}),(0,s.jsx)("div",{children:(0,s.jsx)(j.lV,{...m,children:(0,s.jsxs)("form",{onSubmit:m.handleSubmit(p),className:"mt-10",children:[(0,s.jsxs)("div",{className:" w-full space-y-7 ",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between space-x-9 w-full ",children:[(0,s.jsx)(j.zB,{control:m.control,name:"name",render:e=>{let{field:t}=e;return(0,s.jsxs)(j.eI,{className:"space-y-2.5 w-full",children:[(0,s.jsx)(j.lR,{className:"text-[12px] font-medium uppercase tracking-[0.2em] text-white",children:"Name"}),(0,s.jsx)(j.MJ,{children:(0,s.jsx)(v.p,{...t,disabled:!1,type:"text",className:"h-auto bg-white text-black px-1.5 py-2"})}),(0,s.jsx)(j.C5,{})]})}}),(0,s.jsx)(j.zB,{control:m.control,name:"email",render:e=>{let{field:t}=e;return(0,s.jsxs)(j.eI,{className:"space-y-2.5 w-full",children:[(0,s.jsx)(j.lR,{className:"text-[12px] w-full uppercase tracking-[0.2em] font-medium leading-normal text-white",children:"Email"}),(0,s.jsx)(j.MJ,{children:(0,s.jsx)(v.p,{...t,disabled:!1,type:"text",className:"h-auto bg-white text-black px-1.5 py-2"})}),(0,s.jsx)(j.C5,{})]})}})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between space-x-9 w-full ",children:[(0,s.jsx)(j.zB,{control:m.control,name:"budget",render:e=>{let{field:t}=e;return(0,s.jsxs)(j.eI,{className:"space-y-2.5 w-full",children:[(0,s.jsx)(j.lR,{className:"text-[12px] font-medium uppercase tracking-[0.2em] text-white",children:"Your budget"}),(0,s.jsx)(j.MJ,{children:(0,s.jsx)(v.p,{...t,disabled:!1,type:"text",className:"h-auto bg-white text-black px-1.5 py-2"})}),(0,s.jsx)(j.C5,{})]})}}),(0,s.jsx)(j.zB,{control:m.control,name:"timeframe",render:e=>{let{field:t}=e;return(0,s.jsxs)(j.eI,{className:"space-y-2.5 w-full",children:[(0,s.jsx)(j.lR,{className:"text-[12px] w-full uppercase tracking-[0.2em] font-medium leading-normal text-white",children:"Timeframe"}),(0,s.jsx)(j.MJ,{children:(0,s.jsx)(v.p,{...t,disabled:!1,type:"text",className:"h-auto bg-white text-black px-1.5 py-2"})}),(0,s.jsx)(j.C5,{})]})}})]}),(0,s.jsx)(j.zB,{control:m.control,name:"about",render:e=>{let{field:t}=e;return(0,s.jsxs)(j.eI,{className:"space-y-2.5 w-full",children:[(0,s.jsx)(j.lR,{className:"text-[12px] w-full uppercase tracking-[0.2em] font-medium leading-normal text-white",children:"Tell us a bit about your project"}),(0,s.jsx)(j.MJ,{children:(0,s.jsx)(w.T,{...t,disabled:!1,className:"h-auto bg-white text-black px-1.5 py-2 min-h-[50px]"})}),(0,s.jsx)(j.C5,{})]})}})]}),(0,s.jsxs)("div",{className:"mt-4",children:[(0,s.jsx)(l.j,{message:e}),(0,s.jsx)(r.i,{message:a})]}),(0,s.jsx)("div",{className:"mt-10 flex items-center justify-center",children:(0,s.jsx)(n.$,{disabled:!1,className:"flex h-auto py-3.5 w-full items-center justify-center  text-[16px] rounded-full bg-web-primary hover:bg-web-primary/80 font-semibold   !text-white active:scale-95",children:d?"Loading...":"Request a call-back"})})]})})})]})]})}},6859:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,6874,23)),Promise.resolve().then(a.t.bind(a,3063,23)),Promise.resolve().then(a.t.bind(a,6603,23)),Promise.resolve().then(a.t.bind(a,347,23)),Promise.resolve().then(a.bind(a,5538))},7271:(e,t,a)=>{"use strict";a.d(t,{v:()=>n});var s=a(5155),l=a(9434),r=a(6766);let n=(0,a(2115).forwardRef)((e,t)=>{let{className:a,style:n,width:i,height:o,...d}=e;return(0,s.jsx)(r.default,{ref:t,src:"/logo/app-logo.png",alt:"app-logo",className:(0,l.cn)("",a),style:n,width:i,height:o,...d})});n.displayName="AppLogo"},8539:(e,t,a)=>{"use strict";a.d(t,{T:()=>r});var s=a(5155);a(2115);var l=a(9434);function r(e){let{className:t,...a}=e;return(0,s.jsx)("textarea",{"data-slot":"textarea",className:(0,l.cn)("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),...a})}}},e=>{e.O(0,[895,337,103,646,627,441,964,358],()=>e(e.s=6859)),_N_E=e.O()}]);