1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16],{1938:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/our-services/[tabId]",function(){return i(2357)}])},7316:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var a=i(5893),s=i(1596),n=i(512),r=i(2429),o=i(6549),d=i(2545),l=i(8510),c=i(1879);let p={working:i(1898)};var m=(0,r.Z)((0,o.Z)(),(0,s.Z)(e=>{let{breakpoints:t}=e;return{wrapper:{width:"100%",flex:1,flexDirection:"column",minHeight:320,gap:48,...c.Gq.flexCenter,"& .image":{flex:1,width:"30%",height:"30%",[t.down("1024")]:{width:"40%",height:"40%"},[t.down("960")]:{width:"50%",height:"50%"},[t.down("608")]:{width:"80%",height:"80%"}}}}}))(e=>{let{i18n:t,classes:i,className:s}=e;return(0,a.jsxs)("div",{className:(0,n.Z)(i.wrapper,s),children:[(0,a.jsx)(l.Z,{src:p.working,className:"image"}),(0,a.jsx)(d.Z,{size:"mediumBold",text:t.t("noContent")})]})})},8035:function(e,t,i){"use strict";i.d(t,{Z:function(){return f}});var a=i(5893),s=i(990),n=i(1596),r=i(5697),o=i.n(r),d=i(7294),l=i(1963),c=i(8274),p=i(599),m=i(2545),x=i(8510),h=i(1879),u=i(3860);let g=e=>{let{classes:t,datas:i}=e,{name:n,description:r,thumbnail:o,path:h}=i||{},u=(0,d.useMemo)(()=>n.split(l.Gp).map(e=>(0,p.Xv)(e)).join(l.Gp),[]),{url:g}=o||{};return g&&(g="".concat(c.Z.serviceCdn).concat(g)),(0,a.jsxs)(s.Z,{className:t.wrapper,onClick:()=>h&&window.open(h),children:[(0,a.jsx)("div",{className:t.image,children:(0,a.jsx)(x.Z,{lazyload:!0,width:"100%",height:"100%",src:g})}),(0,a.jsxs)("div",{className:t.content,children:[(0,a.jsx)(m.Z,{className:t.title,size:"mediumBold",__html:u}),(0,a.jsx)(m.Z,{className:t.desc,text:r})]})]})};g.propTypes={classes:o().shape({content:o().any,desc:o().any,image:o().any,title:o().any,wrapper:o().any}),datas:o().object};var f=(0,n.Z)(e=>{let{palette:t}=e;return{wrapper:{height:"100%",position:"relative",overflow:"hidden",alignItems:"stretch",borderRadius:24,background:t.white.main,...h.Gq.flexColumn,...(0,u.O1)("0.25s ease"),"&::before":{content:'""',position:"absolute",width:"100%",height:"100%",borderRadius:24,boxShadow:"inset 1px 1px 0px 0px ".concat(t.primary[100],",\n inset 0px -1px 0px 0px ").concat(t.primary[100],",\n inset 0px 0px 1px 1px ").concat(t.primary[100],"\n "),...(0,u.O1)("0.25s linear")},"&:hover":{cursor:"pointer","& .content":{"& .product":{color:t.info.main}},"&::before":{content:'""',boxShadow:"inset 2px 2px 0px 0px ".concat(t.info.main,",\n inset 0px -2px 0px 0px ").concat(t.info.main,",\n inset 0px 0px 2px 2px ").concat(t.info.main,"\n ")}}},image:{height:200},content:{padding:24,gap:16,...h.Gq.flexColumn},title:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},desc:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"}}})(g)},913:function(e,t,i){"use strict";i.d(t,{Z:function(){return N}});var a=i(5893),s=i(8573),n=i(1596),r=i(2429),o=i(5697),d=i.n(o),l=i(7294),c=i(6549),p=i(4260),m=i(3821),x=i(5011),h=i(8864),u=i(5376),g=i(2545),f=i(8510),v=i(6553),y=i(5647),j=i(8035),w=i(1879);let b={arrow:i(1456)};class Z extends l.Component{componentDidMount(){this.handleGetList()}componentWillUnmount(){this._mounted=!1}_renderContent(){let{datas:e}=this.state,{id:t}=this.props;return(0,h.kJ)(e,!0)?(0,a.jsx)(s.ZP,{container:!0,spacing:4,children:e.map((e,i)=>(0,a.jsx)(s.ZP,{item:!0,md:4,sm:6,xs:12,className:"!pt-[24px] sm:!pt-[32px]",children:(0,a.jsx)(u.Z,{type:"fadeIn",delay:150*i,triggerViewedId:t,className:"h-full",children:(0,a.jsx)(j.Z,{datas:e})},e.id)},e._id))}):(0,a.jsx)(v.Z,{})}render(){let{renderReady:e}=this.state,{id:t,i18n:i,classes:s}=this.props;return(0,a.jsxs)("div",{className:s.wrapper,...t&&{id:t},children:[(0,a.jsxs)("div",{className:s.header,children:[(0,a.jsx)(g.Z,{type:"h2",size:"bigextra",text:i.t("ourProject",{t:"ca"})}),(0,a.jsxs)("div",{className:s.viewAll,children:[(0,a.jsx)(g.Z,{color:"info",size:"medium",text:i.t("viewAll"),onClick:()=>(0,x.JT)("/our-project")}),(0,a.jsx)(f.Z,{src:b.arrow,svg:{color:"info"}})]})]}),e?this._renderContent():this._renderLoading()]})}constructor(e){super(e),this.handleGetList=async()=>{let e={page:this.page,size:this.size,keyword:this.keyword,filter:{category_ids:[],exclude_uuids:[],statuses:["approved"]}},{payload:t}=await (0,m.jh)(p.Z.getList,e,{delay:200}),{items:i}=t||{};this._mounted&&this.setState({renderReady:!0,datas:i})},this._renderLoading=()=>(0,a.jsx)(s.ZP,{container:!0,spacing:4,children:(0,h.KV)(6).map(e=>(0,a.jsx)(s.ZP,{item:!0,md:4,sm:6,xs:12,className:"!pt-[24px] sm:!pt-[32px]",children:(0,a.jsx)("div",{style:{height:348},children:(0,a.jsx)(y.Z,{borderRadius:"24px"})})},e))}),this.state={renderReady:!1,content:[]},this.page=1,this.size=6,this.keyword="",this._mounted=!0}}Z.propTypes={classes:d().shape({header:d().any,viewAll:d().any,wrapper:d().any}),i18n:d().shape({t:d().func}),id:d().string};var N=(0,r.Z)((0,c.Z)(),(0,n.Z)(()=>({wrapper:{width:"100%",gap:48,...w.Gq.flexColumn},header:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},viewAll:{gap:16,cursor:"pointer",...w.Gq.flexRowCenter}})))(Z)},2357:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eg}});var a=i(5893),s=i(7294),n=i(5011),r=i(1596),o=i(512),d=i(2429),l=i(5697),c=i.n(l),p=i(2329),m=i(5376),x=i(5432),h=i(2545),u=i(7316),g=i(8510),f=i(311),v=i(913),y=i(5891),j=i(6549),w=i(1245),b=i(3821),Z=i(8274),N=i(5450),C=e=>{let t="".concat(Z.Z.cloudServer,"v1/price/get-all");return(0,N.NE)("get",t,e)};let _=e=>(0,b.jh)(C,null,e),k={vi:"VND",en:"USD"};var I=i(3860),R=i(8864),S=i(1999),z=i(5647),G=i(1879);let T={checked:i(6499)},q=[{name:"VHS - 01",cpu:2,ram:4,memory:50,price:{en:28,vi:675e3}},{name:"VHS - 02",cpu:4,ram:4,memory:50,price:{en:35,vi:855e3}},{name:"VHS - 03",cpu:2,ram:8,memory:100,price:{en:48,vi:117e4}},{name:"VHS - 04",cpu:4,ram:8,memory:100,price:{en:55,vi:135e4}}],W=["unlimitedBandwidth","remoteSSHAdminMethod","windowsLinuxOS","supp
1ort247365"],D=e=>{let{i18n:t,classes:i}=e,r=(0,N.tm)(),[d,l]=(0,s.useState)([]),[c,p]=(0,s.useState)(!0);(0,s.useEffect)(()=>{x()},[]);let x=async()=>{let{payload:e}=await _({delay:!0});r()&&(p(!1),l([...(e||q).map((e,t)=>({...e,uid:(0,R.g9)(),color:"success",opacity:Math.max(100*t||50)})),{uid:(0,R.g9)(),color:"info",opacity:100,isCustom:!0}]))},u=(e,t)=>(0,a.jsxs)("div",{className:i.contentItem,children:[(0,a.jsx)(h.Z,{style:{opacity:.5},text:e}),(0,a.jsx)(h.Z,{size:"smallRegular",text:t})]}),f=e=>(0,a.jsx)("div",{className:i.service,children:e.map(e=>{let{uid:s,name:r,price:d,color:l,opacity:c,cpu:p,ram:m,memory:x,isCustom:g}=e,{[(0,w.Tq)()]:f}=d||{},v=(0,I.Lq)(l,c);return(0,a.jsxs)("div",{className:(0,o.Z)(i.item,l),children:[(0,a.jsxs)("div",{className:i.header,style:{background:v},children:[(0,a.jsx)(h.Z,{size:"mediumBold",color:g?l:"primary",className:"header-title",text:g?"VHS - ".concat(t.t("custom",{t:"c"})):r}),(0,a.jsxs)("div",{className:i.row,children:[!g&&(0,a.jsx)(h.Z,{size:"textBold",className:"header-price",color:l,text:function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:",",a=t||k[(0,w.Tq)()];if(!e)return"0 ".concat(a||"");let s=e.toString(),n="",r=e.toString();if(s.includes(".")&&(r=s.split(".")[0],n=s.split(".")[1]),r.length<4)return a?s.includes(".")?r+".".concat(n," ").concat(a):r+" ".concat(a):s.includes(".")?r+".".concat(n):r;r.includes(",")&&(r=removeNumberDelimiter(r));let o=r.replace(/\B(?=(\d{3})+(?!\d))/g,i);return a?s.includes(".")?o+".".concat(n," ").concat(a):o+" ".concat(a):s.includes(".")?o+".".concat(n):o}(f,null,".")}),(0,a.jsx)(h.Z,{className:"header-unit",style:{opacity:g?1:.5},text:g?t.t("customizeOnReq"):"/".concat(t.t("month"))})]})]}),(0,a.jsxs)("div",{className:i.content,children:[u("CPU (Share)",g?t.t("customize"):p+" Vcore"),u("RAM (Fix)",g?t.t("customize"):m+"GB"),u("SSD (Fix)",g?t.t("customize"):x+"GB"),(0,a.jsx)(S.Z,{size:"small",className:(0,o.Z)(i.btn,l),text:t.t(g?"contactUs":"useService",{t:"u"}),onClick:()=>(0,n.JT)("/contact-us")})]})]},s)})});return(0,a.jsxs)("div",{id:"tab_cloud_server",className:i.wrapper,children:[(0,a.jsx)(m.Z,{type:"fadeIn",triggerViewedId:"tab_cloud_server",children:c?(0,a.jsx)("div",{style:{height:397},children:(0,a.jsx)(z.Z,{width:"100%",height:"397px",borderRadius:32})}):(0,a.jsxs)(s.Fragment,{children:[(0,a.jsx)(y.Z,{mdDown:!0,children:f(d)}),(0,a.jsx)(y.Z,{mdUp:!0,children:(0,a.jsx)("div",{className:"grid grid-cols-1 gap-[16px] sm:grid-cols-2 md:grid-cols-3",children:d.map(e=>(0,a.jsx)(s.Fragment,{children:f([e])},e.id))})})]})}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:150,triggerViewedId:"tab_cloud_server",children:(0,a.jsxs)("div",{className:i.footer,children:[(0,a.jsx)("span",{className:i.subText,style:{fontStyle:"italic"},children:t.t("* ".concat(t.t("allPkgEnjoyPerks")))}),(0,a.jsx)("div",{className:"allServices",children:W.map(e=>(0,a.jsxs)("div",{className:i.row2,children:[(0,a.jsx)(g.Z,{src:T.checked,svg:{color:"success"}}),(0,a.jsx)(h.Z,{size:"smallRegular",text:t.t(e)})]},e))})]})})]})};D.propTypes={classes:c().shape({btn:c().any,content:c().any,contentItem:c().any,footer:c().any,header:c().any,item:c().any,row:c().any,row2:c().any,service:c().any,subText:c().any,wrapper:c().any}),i18n:c().shape({t:c().func})};var P=(0,d.Z)((0,j.Z)(),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{gap:24,...G.Gq.flexColumn},service:{display:"flex"},item:{flex:1,minWidth:200,overflow:"hidden",background:t.white.main,...G.Gq.flexColumn,...(0,I.O1)("all .25s"),"&:first-child":{borderRadius:"32px 0 0 32px"},"&:last-child":{borderRadius:"0 32px 32px 0"},[i.down("md")]:{borderRadius:"32px !important"},"&:hover":{zIndex:2,...(0,I.sM)({color:t.primary[160]}),...Object.fromEntries(["success","info"].map(e=>["&.".concat(e),{"& $header":{background:t[e].main+" !important","& .header":{"&-title, &-price, &-unit":{color:t.white.main+" !important"}}},"& $btn":{background:t[e].main+" !important",color:t.white.main+" !important"}}]))}},header:{padding:24,gap:8,...G.Gq.flexColumn,"& .header-unit":{whiteSpace:"nowrap"}},content:{padding:24,gap:24,...G.Gq.flexColumn},subText:{opacity:.5},row:{display:"flex"},contentItem:{gap:8,...G.Gq.flexColumn},btn:{width:"100% !important",padding:"12px 0 !important",height:"44px !important",fontWeight:"500 !important",...Object.fromEntries(["success","info"].map(e=>["&.".concat(e),{color:t[e].main,background:t[e][100],"&:hover":{background:t[e][100]+" !important"}}]))},footer:{gap:16,...G.Gq.flexColumn,"& .allServices":{display:"flex",flexWrap:"wrap",gap:32}},row2:{gap:2,...G.Gq.flexRowCenter}}}))(D),O=i(8573);let E=e=>{let{classes:t,className:i,data:s}=e,{id:n,name:r}=s;return(0,a.jsxs)("div",{className:(0,o.Z)(t.wrapper,i),children:[(0,a.jsx)(g.Z,{lazyload:!0,size:106,className:"imageIcon",resizeMode:"contain",src:"/static/technology/lg_".concat(n,".png")}),(0,a.jsx)(h.Z,{className:"textName",size:"smallBold",text:r})]})};E.propTypes={className:c().any,classes:c().shape({wrapper:c().any}),data:c().object};var V=(0,r.Z)(e=>{let{palette:t}=e;return{wrapper:{padding:16,boxSizing:"border-box",maxWidth:154,borderRadius:16,gap:12,...G.Gq.flexColCenter,...(0,I.O1)("0.2s linear"),"&:hover":{background:t.background.primary}}}})(E);let M={cicd:i(8527)},B=["autoDevProc","versionControl","qualityControl","monitoringAndLogging","continuousDeployment","infrastru
1ctureManagement","performanceOptimization"],J=["Jenkins","Harbor","Kubernetes","Rancher","Docker","Microservices"].map(e=>({id:e.toLowerCase(),name:e})),A=e=>{let{i18n:t,classes:i}=e;return(0,a.jsxs)("div",{id:"tab_devops_solution",className:i.wrapper,children:[(0,a.jsx)(O.ZP,{container:!0,columnSpacing:4,rowSpacing:5,children:B.map((e,s)=>(0,a.jsx)(O.ZP,{item:!0,md:6,sm:12,xs:12,children:(0,a.jsx)(m.Z,{type:"fadeIn",delay:100*s,triggerViewedId:"tab_devops_solution",children:(0,a.jsxs)("div",{className:i.item,children:[(0,a.jsx)("div",{className:i.box}),(0,a.jsxs)("div",{className:i.itemContent,children:[(0,a.jsx)(h.Z,{size:"medium",text:t.t("devOpsTitle.".concat(e))}),(0,a.jsx)(h.Z,{className:i.desc,text:t.t("devOpsDesc.".concat(e))})]})]})})},e))}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:100*B.length,triggerViewedId:"tab_devops_solution",children:(0,a.jsxs)("div",{className:i.section,children:[(0,a.jsx)(h.Z,{size:"large",text:t.t("technology")}),(0,a.jsx)("div",{className:i.platforms,children:(0,R.KV)(3).map(e=>(0,a.jsx)("div",{className:i.platformsWrapper,children:J.map(e=>(0,a.jsx)(V,{data:e},e.id))},e))})]})}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:(B.length+1)*100,triggerViewedId:"tab_devops_solution",children:(0,a.jsxs)("div",{className:i.section,children:[(0,a.jsx)(h.Z,{size:"large",text:t.t("technology")}),(0,a.jsx)(g.Z,{width:"100%",height:"100%",src:M.cicd})]})})]})};A.propTypes={classes:c().shape({box:c().any,desc:c().any,item:c().any,itemContent:c().any,platforms:c().any,platformsWrapper:c().any,section:c().any,wrapper:c().any}),i18n:c().shape({t:c().func})};var L=(0,d.Z)((0,j.Z)("our-services"),(0,r.Z)(e=>{let{palette:t}=e;return{wrapper:{gap:32,...G.Gq.flexColumn},box:{background:t.info[100],borderRadius:12,height:96,minWidth:96,maxWidth:96},item:{display:"flex",gap:24,padding:24,borderRadius:12,cursor:"pointer",...(0,I.O1)("0.2s linear"),"&.active, &:hover":{background:t.white.main}},itemContent:{gap:16,...G.Gq.flexColumn},desc:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},section:{borderRadius:32,overflow:"hidden",padding:48,background:t.white.main,boxSizing:"border-box",gap:48,...G.Gq.flexColumn},platforms:{display:"flex"},platformsWrapper:{display:"flex",minWidth:"fit-content",display:"flex",animation:"scroll 30s linear 0s infinite",animationPlayState:"running",animationDelay:"0s",animationDirection:"normal","&>div":{marginRight:24}}}}))(A);let F=[{id:"fastlane",name:"Fastlane"},{id:"buck",name:"Buck (facebook)"}];class U extends s.Component{render(){let{i18n:e,classes:t}=this.props;return(0,a.jsxs)("div",{id:"tab_mobile_development",className:t.wrapper,children:[(0,a.jsxs)("div",{className:t.platforms,children:[(0,a.jsx)(m.Z,{type:"fadeIn",triggerViewedId:"tab_mobile_development",children:(0,a.jsxs)("div",{className:t.section,children:[(0,a.jsx)(h.Z,{size:"large",text:e.t("crossPlatform")}),(0,a.jsx)("div",{className:t.grid,children:p.RJ.crossPlatform.map(e=>(0,a.jsx)(V,{className:t.gridItem,data:e},e.id))})]})}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:150,triggerViewedId:"tab_mobile_development",children:(0,a.jsxs)("div",{className:t.section,children:[(0,a.jsx)(h.Z,{size:"large",text:e.t("native")}),(0,a.jsx)("div",{className:t.grid,children:p.RJ.native.map(e=>(0,a.jsx)(V,{className:t.gridItem,data:e},e.id))})]})})]}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:300,triggerViewedId:"tab_mobile_development",children:(0,a.jsxs)("div",{className:t.section,style:{gap:24},children:[(0,a.jsx)(h.Z,{size:"large",text:"CI/CD"}),(0,a.jsx)("div",{className:t.grid,style:{gridGap:48},children:F.map(i=>{let{id:s,name:n}=i;return(0,a.jsxs)("div",{className:t.row16,children:[(0,a.jsx)("div",{className:t.dot}),(0,a.jsx)(h.Z,{size:"mediumRegular",text:e.t(n)})]},s)})})]})})]})}}U.propTypes={classes:c().shape({dot:c().any,grid:c().any,gridItem:c().any,platforms:c().any,row16:c().any,section:c().any,wrapper:c().any}),i18n:c().shape({t:c().func})};var H=(0,d.Z)((0,j.Z)(),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{width:"100%",gap:32,...G.Gq.flexColumn},section:{borderRadius:32,padding:32,background:t.white.main,boxSizing:"border-box",gap:32,height:"100%",...G.Gq.flexColumn,...(0,I.O1)("0.2s linear"),"&:hover":{...(0,I.sM)({color:t.primary[160]})}},platforms:{display:"flex",gap:32,"&>div":{flex:1},[i.down("960")]:{flexDirection:"column"}},grid:{display:"grid",gridRowGap:24,gridColumnGap:"auto",gridTemplateColumns:"1fr 1fr",[i.down("400")]:{...G.Gq.flexColumn}},gridItem:{margin:"0 auto"},row16:{gap:16,...G.Gq.flexRowCenter},dot:{height:8,minWidth:8,borderRadius:"50%",background:t.info.main}}}))(U),K=i(990);let Q={offshoreWeb:i(8827),offshoreApp:i(1333),offshoreBackend:i(5184),offshoreNET:i(7238),offshoreDevOps:i(3374)},X=[{id:"offshoreWeb",name:"offshoreWeb",description:["Next.js, Material-UI, WebRTC, Socket.io, Redux-Saga, JWT, Echarts, Axios, Lottie, SIP.jsâ¦","Tunning performance for Website, optimize SEO experience"]},{id:"offshoreApp",name:"offshoreApp",description:["Cross platform: React Native, Flutter. Native: Android, iOS","CI/CD: Fastlane, Buck (facebook)"]}],Y=[{id:"offshoreBackend",name:"offshoreBackend",description:["Java, Spring framework, Vert.x, Socket.io, jwt"]}
1,{id:"offshoreNET",name:"offshoreNET",description:[".NET Framework 4.5.0, Dotnet core 5.0, Entity Framework, Message Queue (RabbitMQ, Kafka), Caching (Redis, Memcached)"]},{id:"offshoreDevOps",name:"offshoreDevOps",description:["Java, Spring framework, Vert.x, Socket.io, jwt"]}];class $ extends s.Component{render(){let{classes:e}=this.props;return(0,a.jsxs)("div",{id:"tab_offshore_development",className:e.wrapper,children:[(0,a.jsx)(O.ZP,{container:!0,spacing:4,children:X.map((e,t)=>(0,a.jsx)(O.ZP,{item:!0,md:6,sm:6,xs:12,children:(0,a.jsx)(m.Z,{type:"fadeIn",style:{height:"100%"},triggerViewedId:"tab_offshore_development",delay:150*t,children:this._renderItem(e,!0)})},e.id))}),(0,a.jsx)(O.ZP,{container:!0,spacing:4,children:Y.map((e,t)=>(0,a.jsx)(O.ZP,{item:!0,md:4,sm:6,xs:12,children:(0,a.jsx)(m.Z,{type:"fadeIn",style:{height:"100%"},triggerViewedId:"tab_offshore_development",delay:150*t+300,children:this._renderItem(e)})},e.id))})]})}constructor(e){var t;super(e),t=this,this._renderItem=function(){let{id:e,name:i,description:s}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,{activeId:r}=t.state,{i18n:d,classes:l}=t.props,c=r===e;return(0,a.jsxs)(K.Z,{className:(0,o.Z)(l.section,{active:c}),onClick:()=>!c&&t.setState({activeId:e}),children:[(0,a.jsx)("div",{className:l.image,children:(0,a.jsx)(g.Z,{svg:!0,className:(0,o.Z)(l.imageView,{main:n}),src:Q[e]})}),(0,a.jsxs)("div",{className:l.content,children:[(0,a.jsx)(h.Z,{size:"medium",text:d.t(i)}),(0,a.jsx)("div",{className:l.description,children:(s||[]).map(e=>(0,a.jsxs)("div",{children:[n&&(0,a.jsx)("div",{className:l.dot}),(0,a.jsx)(h.Z,{text:e})]},e))})]})]})},this.state={activeId:"offshoreWeb"}}}var ee=(0,d.Z)((0,j.Z)(),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{width:"100%",gap:32,...G.Gq.flexColumn},section:{borderRadius:32,height:"100%",overflow:"hidden",padding:32,background:t.primary[50],boxSizing:"border-box",gap:48,...G.Gq.flexColumn,...(0,I.O1)("0.2s linear"),"&:hover, &.active":{background:t.white.main},[i.down("960")]:{padding:24}},image:{margin:"0 auto"},imageView:{width:"100%",height:240,"&.main":{height:260},[i.down("1280")]:{height:200,"&.main":{height:220}}},content:{gap:24,...G.Gq.flexColumn},description:{gap:16,...G.Gq.flexColumn,"&>div":{display:"flex",gap:16}},dot:{height:20,minWidth:8,position:"relative","&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:8,height:8,borderRadius:24,borderRadius:"50%",background:t.info.main}}}}))($),et=i(1963),ei=i(599),ea=i(1214);let es=[{id:"website-development",datas:[{type:"list",name:"frontEnd",list:p.RJ.frontend},{type:"list",name:"backEnd",list:p.RJ.backend},{type:"text",name:"other",list:["tunningPerWeb","optimizeSEOExp"]}]},{id:"mobile-app-development",datas:[{type:"list",name:"crossPlatform",list:p.RJ.crossPlatform},{type:"list",name:"Native",list:p.RJ.native},{type:"text",name:"CI/CD",list:["Fastlane","Buck (facebook)"]}]},{id:"devops-solution",datas:[{type:"list",name:"technology",list:p.RJ.devOps}]}];class en extends s.Component{componentDidMount(){this.initState()}render(){let{renderReady:e,datas:t}=this.state,{i18n:s,classes:n}=this.props;return e?(0,a.jsx)("div",{className:n.wrapper,children:t.map(e=>{let{id:t,image:r,name:d,description:l,datas:c}=e||{},p=(0,R.Kn)(d)?(0,ei.qd)(d):s.t(d),x=(0,R.Kn)(l)?(0,ei.qd)(l):s.t(l),u="software_solution_".concat(t);return(0,a.jsx)("div",{id:u,className:n.container,children:(0,a.jsxs)("div",{className:n.section,children:[(0,a.jsxs)("div",{className:n.info,children:[(0,a.jsx)(m.Z,{type:"fadeIn",className:(0,o.Z)(n.imagePage,t),triggerViewedId:u,children:(0,a.jsx)(g.Z,{lazyload:!0,resizeMode:"unset",src:i(3931)("./".concat(r,".svg")),className:n.image})}),(0,a.jsxs)(m.Z,{type:"fadeIn",triggerViewedId:u,className:n.mainContent,delay:150,children:[(0,a.jsx)(h.Z,{size:"small",color:"success",text:s.t("solution",{t:"u"})}),(0,a.jsx)(h.Z,{size:"bigextra",color:"primary",text:s.t(p)}),(0,a.jsx)(h.Z,{size:"smallRegular",className:n.contentDesc,text:
1x})]})]}),(0,a.jsx)(m.Z,{type:"fadeIn",triggerViewedId:u,delay:300,children:this._renderDetail(c)})]})},t)})}):null}constructor(e){super(e),this.initState=()=>{let e=["website-development","mobile-app-development","devops-solution"].reduce((e,t)=>{let i=((0,ea.JR)(et.el.CONFIG_LAYOUT_NAVBAR_SERIVCE)||[]).find(e=>e.route==="/our-services/".concat(t));if(i||(i=p.ub.find(e=>e.id===t)),i){var a;let s=null===(a=es.find(e=>e.id===t))||void 0===a?void 0:a.datas;e.push({...i,id:t,datas:s})}return e},[]);this.setState({datas:e,renderReady:!0})},this._renderDetailItem=e=>{let t;let{i18n:i,classes:s}=this.props,{name:n,list:r,type:o}=e||{};return t="list"===o?(0,a.jsx)("div",{className:s.platforms,children:r.map(e=>(0,a.jsx)(V,{className:s.platformItem,data:e},e.id))}):(0,a.jsx)("div",{className:s.texts,children:r.map(e=>(0,a.jsxs)("div",{className:"textsItem",children:[(0,a.jsx)("div",{className:"dot"}),(0,a.jsx)(h.Z,{text:i.t(e)})]},e))}),(0,a.jsxs)("div",{className:s.group,children:[(0,a.jsx)(h.Z,{size:"medium",text:i.t(n)}),t]},n)},this._renderDetail=e=>{let{classes:t}=this.props,{list:i,text:s}=(e||[]).reduce((e,t)=>{let{type:i}=t||{},a=this._renderDetailItem(t);return e[i].push(a),e},{list:[],text:[]});return(0,a.jsxs)("div",{className:t.detail,children:[(0,R.kJ)(i,!0)&&(0,a.jsx)("div",{className:t.listPlatform,children:i}),s]})},this.state={renderReady:!1,datas:[]}}}en.propTypes={classes:c().shape({container:c().any,contentDesc:c().any,detail:c().any,group:c().any,image:c().any,imagePage:c().any,info:c().any,listPlatform:c().any,mainContent:c().any,platformItem:c().any,platforms:c().any,platformsWrapper:c().any,section:c().any,technology:c().any,texts:c().any,title:c().any,wrapper:c().any}),i18n:c().shape({t:c().func})};var er=(0,d.Z)((0,j.Z)("home"),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{width:"100%",...G.Gq.flexColumn},container:{padding:"144px 0",background:t.background.primary,"&:nth-child(even)":{background:t.white.main,"& $info":{flexDirection:"row-reverse",[i.down("1024")]:{flexDirection:"column"}}}},section:{...(0,I.p1)(i)},info:{display:"flex",justifyContent:"space-between",[i.down("1024")]:{flexDirection:"column",gap:32}},mainContent:{maxWidth:"55%",minWidth:"55%",[i.down("1024")]:{maxWidth:"100%"},[i.down("600")]:{maxWidth:"100%"}},imagePage:{"&.devops-solution":{width:"40%"},[i.down("1024")]:{margin:"0 auto",width:"40%"}},image:{width:"100%",height:"100%"},contentDesc:{marginTop:24},detail:{marginTop:124,gap:32,...G.Gq.flexColumn},group:{gap:24,...G.Gq.flexColumn},technology:{gap:48,...G.Gq.flexColumn},platforms:{display:"flex",flexWrap:"wrap",alignItems:"flex-start",gap:32},platformItem:{padding:0,maxWidth:56,borderRadius:"unset","&:hover":{background:"unset"},"& .imageIcon":{width:56,height:56},"& .textName":{textAlign:"center",fontSize:15}},texts:{gap:16,...G.Gq.flexColumn,"& .dot":{height:8,width:8,borderRadius:"50%",background:t.info.main},"& .textsItem":{gap:16,...G.Gq.flexRowCenter}},listPlatform:{display:"flex",gap:48,"&>div":{flex:1},[i.down("600")]:{flexDirection:"column"}}}}))(en);let eo=[".NET","Bootstrap","IndexedDB","jQuery","Lottie","Material UI","Next.js","ReactJS","Redux-Saga","Tailwind","Typescript","WebRTC","Zustand"],ed=[".NET","AWS Lambda","Elasticsearch","Java","LoopBack","MongoDB","MySQL","Nest.js","Node.js","Spring"],el=e=>{let{i18n:t,classes:i}=e,{frontends:n,backends:r}=(0,s.useMemo)(()=>({frontends:p.RJ.frontend.filter(e=>eo.includes(e.name)),backends:p.RJ.backend.filter(e=>ed.includes(e.name))}),[]);return(0,a.jsx)("div",{id:"tab_website_development",className:i.wrapper,children:(0,a.jsxs)(O.ZP,{container:!0,spacing:4,children:[(0,a.jsx)(O.ZP,{item:!0,md:6,sm:12,xs:12,children:(0,a.jsx)(m.Z,{type:"fadeIn",triggerViewedId:"tab_website_development",className:i.frontend,children:(0,a.jsxs)("div",{className:(0,o.Z)(i.section,i.frontend),children:[(0,a.jsx)(h.Z,{size:"large",text:t.t("frontEnd")}),(0,a.jsx)("div",{className:i.grid,children:n.map(e=>(0,a.jsx)(V,{data:e},e.id))})]})})}),(0,a.jsx)(O.ZP,{item:!0,md:6,sm:12,xs:12,children:(0,a.jsxs)("div",{className:i.wrapper,children:[(0,a.jsx)(m.Z,{delay:150,type:"fadeIn",triggerViewedId:"tab_website_development",children:(0,a.jsxs)("div",{className:i.section,children:[(0,a.jsx)(h.Z,{size:"large",text:t.t("backEnd")}),(0,a.jsx)("div",{className:i.grid,children:r.map(e=>(0,a.jsx)(V,{data:e},e.id))})]})}),(0,a.jsx)(m.Z,{type:"fadeIn",delay:300,triggerViewedId:"tab_website_development",children:(0,a.jsxs)("div",{className:i.section,children:[(0,a.jsx)(h.Z,{size:"large",text:t.t("other")}),(0,a.jsx)("div",{className:i.col16,children:["optimizeWebPerformance","optimizeSEO"].map(e=>(0,a.jsxs)("div",{className:i.row16,children:[(0,a.jsx)("div",{className:i.dot}),(0,a.jsx)(h.Z,{size:"mediumRegular",text:t.t(e)})]},e))})]})})]})})]})})};el.propTypes={classes:c().shape({col16:c().any,dot:c().any,frontend:c().any,grid:c().any,row16:c().any,section:c().any,wrapper:c().any}),i18n:c().shape({t:c().func})};var ec={"website-development":(0,d.Z)((0,j.Z)("our-services"),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{width:"100%",gap:32,...G.Gq.flexColumn},section:{borderRadius:32,padding:32,background:t.white.main,boxSizing:"border-box",gap:32,...G.Gq.flexColumn,...(0,I.O1)("0.2s linear"),"&:hover":{...(0,I.sM)({color:t.primary[160]})}},frontend:{height:"fit-content"},right:{gap:48,...G.Gq.flexColumn},grid:{display:"grid",gridGap:12,gridTemplateColumns:"1fr 1fr 1fr",[i.down("1280")]:{gridTemplateColumns:"1fr 1fr"},[i.down("md")]:{gridTemplateColumns:"1fr 1fr 1fr"},[i.down("sm")]:{gridTemplateColumns:"1fr 1fr"},"&>div":{margin:"0 auto"}},col16:{gap:16,...G.Gq.flexColumn},row16:{gap:16,...G.Gq.flexRowCenter},dot:{height:8,width:8,borderRadius:"50%",background:t.info.main}}}))(el),"mobile-app-development":H,"software-solution":er,"cloud-server":P,"devops-solution":L,"offshore-development":ee};let ep={vhs:i(38),arrow:i(7041)},em={"cloud-server":"cloudServer"},ex={"devops-solution":"devOpsService","cloud-server":"servicePrice"};class eh extends s.Component{componentDidMount(){this.initState()}componentDidUpdate(){let{tabId:e}=(0,n.Fm)();e!==this.state.tabId&&this.setState({tabId:e},this.initState)}_renderMainContent(){let{tabData:e}=this.state,{i18n:t,classes:n}=this.props,{name:r,description:d,image:l,subDesc:c}=e||{},p=(0,R.Kn)(r)?(0,ei.qd)(r):r,x=(0,R.Kn)(d)?(0,ei.qd)(d):d;return(0,a.jsxs)("div",{className:(0,o.Z)(n.section,n.mainContent),children:[(0,a.jsxs)(m.Z,{type:"fadeIn",className:n.curMainContent,children:[(0,a.jsxs)("div",{className:n.breadCump,children:[(0,a.jsx)(g.Z,{src:ep.vhs,size:24}),["home","ourServices",p].map(e=>{let i=e===p;return(0,a.jsxs)(s.Fragment,{children:[(0,a.jsx)(h.Z,{size:"smallBold",color:i?"info":"primary",text:t.t(e)}),!i&&(0,a.jsx)(g.Z,{src:ep.arrow,rotate:90,size:10})]},e)})]}),(0,a.jsx)(h.Z,{type:"h1",text:t.t(p),size:"bigextra"}),(0,a.jsx)(h.Z,{text:t.t(x),size:"mediumRegular"}),(0,R.kJ)(c,!0)&&(0,a.jsx)("ul",{className:n.subDesc,children:c.map(e=>(0,a.jsx)("li",{children:(0,a.jsx)(h.Z,{size:"mediumRegular",text:t.t(e,{t:"ca"})})},e))})]}),(0,a.jsx)(m.Z,{type:"fadeIn",className:n.imagePage,children:(0,a.jsx)(g.Z,{lazyload:!0,resizeMode:"unset",src:i(3931)("./".concat(l,".svg")),className:n.image})})]})}_renderTabContent(){let{tabData:e}=this.state,{i18n:t,classes:i}=this.props,{id:s}=e||{},n=ec[s];
1return"software-solution"===s&&n?(0,a.jsx)(n,{}):(0,a.jsx)("div",{className:i.tabWrapper,children:(0,a.jsxs)("div",{className:(0,o.Z)(i.section,i.tabContent),children:[(0,a.jsxs)("div",{className:i.tabTitle,children:[(0,a.jsx)(h.Z,{size:"small",color:"success",text:t.t(em[s]||"weUse",{t:"u"})}),(0,a.jsx)(h.Z,{size:"bigextra",text:t.t(ex[s]||"technology",{n:1})})]}),(0,a.jsx)("div",{className:i.curTabContent,children:n&&(0,a.jsx)(n,{})})]})})}render(){let{renderReady:e,dataReady:t,dataService:i}=this.state,{i18n:r,classes:d}=this.props;return e?(0,a.jsx)(x.Z,{isCustomPage:!0,children:t?(0,a.jsxs)(s.Fragment,{children:[this._renderMainContent(),this._renderTabContent(),(0,a.jsx)("div",{className:(0,o.Z)(d.section,d.tabContent),children:(0,a.jsx)(v.Z,{id:"our-service-center"})}),(0,a.jsx)("div",{className:d.section,children:(0,a.jsx)(f.Z,{data:i,className:d.ourService,btnProps:{size:"medium",outlined:!1,text:r.t("contactUs"),endIcon:null,onClick:()=>(0,n.JT)("/contact-us")}})})]}):(0,a.jsx)("div",{className:d.section,style:{marginTop:72},children:(0,a.jsx)(u.Z,{})})}):null}constructor(e){super(e),this.initState=()=>{let{tabId:e}=this.state,t=p.ub.map(e=>e.id),i=((0,ea.JR)(et.el.CONFIG_LAYOUT_NAVBAR_SERIVCE)||[]).find(t=>t.route==="/our-services/".concat(e));i||(i=p.ub.find(t=>t.id===e)),Object.assign(i,{id:e}),this.setState({tabData:i,renderReady:!0,dataReady:t.includes(e)})};let{tabId:t}=(0,n.Fm)(),i=(0,ea.JR)(et.el.CONFIG_LAYOUT_NAVBAR_SERIVCE)||p.ub||[];i=i[0],this.state={dataService:i,tabId:t,renderReady:!1,dataReady:!1}}}eh.propTypes={classes:c().shape({breadCump:c().any,curMainContent:c().any,curTabContent:c().any,image:c().any,imagePage:c().any,mainContent:c().any,ourService:c().any,section:c().any,subDesc:c().any,tabContent:c().any,tabTitle:c().any,tabWrapper:c().any}),i18n:c().shape({t:c().func})};var eu=(0,d.Z)((0,j.Z)("home"),(0,r.Z)(e=>{let{palette:t,breakpoints:i}=e;return{wrapper:{},section:{minWidth:et.yO-24,maxWidth:et.yO-24,margin:"0 auto",padding:"0 24px",[i.down("lg")]:{minWidth:"unset",maxWidth:"100%",width:"100%"},[i.down("sm")]:{padding:"0 16px"}},mainContent:{padding:"134px 24px 200px",justifyContent:"space-between",...G.Gq.flexRowCenter,[i.down("960")]:{flexDirection:"column",gap:48,padding:"86px 24px 120px"},[i.down("600")]:{padding:"48px 24px 96px"}},breadCump:{gap:16,flexWrap:"wrap",...G.Gq.flexRowCenter,[i.down("600")]:{gap:8,"& p":{fontSize:"12px !important"}}},curMainContent:{gap:24,width:"55%",...G.Gq.flexColumn,[i.down("lg")]:{width:"50%"},[i.down("960")]:{width:"100%"}},tabWrapper:{background:t.background.primary},tabContent:{padding:"124px 24px",alignItems:"stretch",...G.Gq.flexColumn},ourService:{marginTop:94,background:t.background.primary},curTabContent:{marginTop:72},imagePage:{width:"40%",[i.down("960")]:{width:"50%"},[i.down("600")]:{width:"80%"}},image:{width:"100%",height:435},tabTitle:{...G.Gq.flexColCenter},subDesc:{gap:8,...G.Gq.flexColumn,"& li":{fontSize:20,[i.down("400")]:{fontSize:15}}}}}))(eh),eg=e=>{let{tabId:t}=(0,n.Fm)(),[i,r]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{r(!1),setTimeout(()=>r(!0),100)},[t]),i?(0,a.jsx)(eu,{...e},t):null}},4260:function(e,t,i){"use strict";var a=i(8274),s=i(5450);t.Z={getDetail:function(){let{_id:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t="".concat(a.Z.project,"v1/detail/").concat(e);return(0,s.NE)("get",t)},getList:e=>{let t="".concat(a.Z.project,"v1/search");return(0,s.NE)("post",t,{body:e})}}},7041:function(e,t,i){"use strict";i.r(t),t.default="/_next/static/chunks/media/images/ic_chevron_up_filled.7e9a7a93442706816a8b.svg"},6499:function(e,t,i){"use strict";i.r(t),t.default="/_next/static/chunks/media/images/ic_circle_checked_filled.fadf9ddb8d7363f570d3.svg"},38:function(e,t,i){"use strict";i.r(t),t.default="/_next/static/chunks/media/images/lg_vihat_circle.6878bb03a4e01a3d1a9f.svg"},8527:function(e,t,i){"use strict";i.r(t),t.default="/_next/static/chunks/media/images/photo_cicd.8fa88e5b234ccd099746.png"}},function(e){e.O(0,[532,317,663,190,106,364,450,354,432,41,888,774,179],function(){return e(e.s=1938)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.