1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2681],{66763:function(e,t,n){"use strict";var i,a=n(67294);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}t.Z=function(e){return a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:6,height:6,fill:"none"},e),i||(i=a.createElement("circle",{cx:3,cy:3,r:2.3,stroke:"#000",strokeWidth:1.4})))}},71921:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/chineasy-design-case-study",function(){return n(52858)}])},74654:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:928,width:2880,blurDataURL:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4ID4AAABQAgCdASoIAAMAAkA4JaACdLoAngAFfSDzlEAA/v2mte7Op/4pJZivH5QGXPJ4J6qeH27uCZ5Rqn7lSuAAAA==",blurWidth:8,blurHeight:3}},14119:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:702,width:720,blurDataURL:"data:image/webp;base64,UklGRkQAAABXRUJQVlA4IDgAAACwAQCdASoIAAgAAkA4JagCdAEOurkAAP7+bibnVJHHUSBIFbDRgmTOmvyC0bgCuCpKzM/QuBsgAA==",blurWidth:8,blurHeight:8}},58210:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:848,width:1536,blurDataURL:"data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAADwAQCdASoIAAQAAkA4JbACdLoAAwj8e+AA/v2zboPyMayUr77sL2eMD7ChqMX5lfbu4JXbdcvzQp4AAAA=",blurWidth:8,blurHeight:4}},18118:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:928,width:3840,blurDataURL:"data:image/webp;base64,UklGRkAAAABXRUJQVlA4IDQAAAAQAgCdASoIAAIAAkA4JYwCdDiAAUz+dcdAAP79pic1BOQmLV2PZMr5ECCjwb4hSyai2oAA",blurWidth:8,blurHeight:2}},55126:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:928,width:2880,blurDataURL:"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAADQAQCdASoIAAMAAkA4JYwCdAEO/FgNAAD+/SNbndKBHnSTyA5Ljucx1LLE25gA",blurWidth:8,blurHeight:3}},70569:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1444,width:1440,blurDataURL:"data:image/webp;base64,UklGRjwAAABXRUJQVlA4IDAAAACQAQCdASoIAAgAAkA4JQBOgCHHbQAA/vqTnpdET4zz68JOYdJzwSge6u81bKDgAAA=",blurWidth:8,blurHeight:8}},67968:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:848,width:1536,blurDataURL:"data:image/webp;base64,UklGRkIAAABXRUJQVlA4IDYAAADQAQCdASoIAAQAAkA4JYgCdAEPDxvJUAD+/APmUiycAd89V/ORwIql52yubsLTe+6+t0GAAAA=",blurWidth:8,blurHeight:4}},16958:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:928,width:3840,blurDataURL:"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADwAQCdASoIAAIAAkA4JYwCdAEf/wOTRAAA/v2zTGbugNQQyzOKbFwfYpJb6fuYh60sAA==",blurWidth:8,blurHeight:2}},42540:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_devServicesWhite.4011bdaf.webp",height:928,width:2880,blurDataURL:"data:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACwAQCdASoIAAMAAkA4JZQCw7EO9qOAAP77uH0MAFbWW8arOToTVhsZRG+AAA==",blurWidth:8,blurHeight:3}},6468:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_devServicesWhiteLarge.4d30c66a.webp",height:928,width:3840,blurDataURL:"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAADQAQCdASoIAAIAAkA4JYwCdAEf/uAYMAD+/O2nqY8RZ2WEljmhn0vh+K3QYAAA",blurWidth:8,blurHeight:2}},97448:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_devServicesWhiteMobile.d9dc9be8.webp",height:1724,width:1440,blurDataURL:"data:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACwAQCdASoHAAgAAkA4JZQCdAEO92RQAP76y1ScQuSIqdaZcn3vXIy2UHAAAA==",blurWidth:7,blurHeight:8}},19949:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_devServicesWhiteTablet.f08e0a29.webp",height:848,width:1536,blurDataURL:"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADwAQCdASoIAAQAAkA4JQBOiP/wPRLj7EAA/vrLVYTtdbvdM4i7V3gNIJgd9WIRRIzcAA==",blurWidth:8,blurHeight:4}},40261:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_runningColsBg.0ead047d.webp",height:1620,width:2880,blurDataURL:"data:image/webp;base64,UklGRkAAAABXRUJQVlA4IDQAAADQAQCdASoIAAUAAkA4JQBOgCHgQXqGgAD+++85lnp7o/cBwawIs2rCSY9IjDty/3hbxZAA",blurWidth:8,blurHeight:5}},46694:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_runningColsBgMobile.fa12c024.webp",height:800,width:720,blurDataURL:"data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAABQAgCdASoHAAgAAkA4JYgCdFKAdP+B6EwLNAAA/vzP2Ap/hpiPpumbbgiGwR75c3/xNjpM6vPUtx2AAAA=",blurWidth:7,blurHeight:8}},66353:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_runningColsBgTablet.c21f71a4.webp",height:1200,width:1536,blurDataURL:"data:image/webp;base64,UklGRk4AAABXRUJQVlA4IEIAAAAQAgCdASoIAAYAAkA4JZACdEf/gehutf+8AP78clWmZYZsoD2nXWViDEN29rnPbqe/RSy4QtuD6Lual0KUbBvQAAA=",blurWidth:8,blurHeight:6}},94817:function(e,t){"use strict";t.Z={src:"https://cdn.onix-systems.com/_next/static/media/img_runningColsBgXXXL.924d88a7.webp",height:1620,width:3840,blurDataURL:"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAACwAQCdASoIAAMAAkA4JQBOgCHhVlmgAP7+KzPGuMG1jeKMqR0J9M/TGC9gs32c5rBcAA==",blurWidth:8,blurHeight:3}},52858:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return ta},default:function(){return ts}});var i=n(85893),a=n(77425),s=n(54378),A=n(24553),r=n(89087),l=n(71156),c=n(67294),o=n(16893),d=n(41248),h=n(51618),g=n(22530),p=n(72652),u={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:627,width:664,blurDataURL:"data:image/webp;base64,UklGRqoAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSEAAAAABcFPbthNdMljJaICShQ6osoOcafGAHWpE5DbNiIiICQCEtmQBZPN9LyMh3n9V/Z81/JvM62e1Yfx4ANzEiVkAVlA4IEQAAADwAQCdASoIAAgAAkA4JbACdLoAAyKXGwAA/NWOhnoMRs8Xy+oP93Ydxtl5j//TS3GzuTkKjP+px/8nH9yX6+ZZwzmAAA==",blurWidth:8,blurHeight:8},m={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:511,width:541,blurDataURL:"data:image/webp;base64,UklGRqgAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSD0AAAABYFNbe5MvhaaEMRZgj42sNAW9syMCOcx46HMXERETAFhtpQPIpuuaB2pfv0L8yf5vdM/PIuF8PAAqVpEOAFZQOCBEAAAA0AEAnQEqCAAIAAJAOCWoAnS6AAKyOMAA/Nf4FW9fhz3oAWSCJ0kRNdDFQz/9NLcbOx7d0f+Tj/5lf7V318yzhnMAAAA=",blurWidth:8,blurHeight:8},x={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:242,width:256,blurDataURL:"data:image/webp;base64,UklGRqgAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSDoAAAABYFNr25IHj+KkkI0isrK5jJCDNqwE8dFDRMQEgNYWMpBN1zUPgn79Wu5f0P+N/vlZQrxPAsRdlKoAVlA4IEgAAADwAQCdASoIAAgAAkA4JbACdLoAAwZXVgAA/NWOh+I4DlfYtjB+qkpWkTY8GBF56EP/TS3GzuTkKjP+sr/9Tj+vt9fMs4ZzAAA=",blurWidth:8,blurHeight:8},b={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1227,width:1230,blurDataURL:"data:image/webp;base64,UklGRrAAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSD8AAAABb6A2kg06/T5IjVxXQhERWNbT9ByzoSq2bercBwkEEMGvFjooIIM+okjASXNLRPQ/EbujvmuDzIv09o9gFgQAVlA4IEoAAAAQAgCdASoIAAgAAkA4JbACdLoB+ADMAASAAP7ljYEyg/+dl1/2gB70b/wbUiP/rJHt61mf/y1ff+8AfX
1Df+TYK5/6cE43aXQAAAA==",blurWidth:8,blurHeight:8},w={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:999,width:870,blurDataURL:"data:image/webp;base64,UklGRpYAAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSDIAAAABYBzbdpJXR7IKDi26OyypkZ0WEO8hIiYAVjadDuDdnN8MC+ecVzi0FMnP+UWBoM0I7FZQOCA+AAAAUAIAnQEqBwAIAAJAOCWwAnRHAH6AZYB+gANgAP7jf/hvliP/zv/PGaIrr/+/vPNF/80XMSWG0j/hzFzyAAA=",blurWidth:7,blurHeight:8},f={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:472,width:409,blurDataURL:"data:image/webp;base64,UklGRpgAAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSDQAAAABYBvZtpLbxv+ZAhEFuoRkWiOZQ/y9h4iYAETFuDEgu7U+GCattW6xegXyX+udAulQEMQBVlA4ID4AAABQAgCdASoHAAgAAkA4JbACdEcAfoBlgH6AA2AA/uN/+G+WI//O/88Zoiuv/7+880X/zRcxKxNpH/cuaAcAAA==",blurWidth:7,blurHeight:8},y={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:734,width:839,blurDataURL:"data:image/webp;base64,UklGRqIAAABXRUJQVlA4WAoAAAAQAAAABwAABgAAQUxQSDkAAAAAAAAAAAUzAAAAJGqx8v0VAB///////14AANb/////qQAAiv/////vBQA/////9LQZAATCiUIHAAAAVlA4IEIAAACwAQCdASoIAAcAAkA4JbACdADCRLyAAPnWe7nq+FRsgnQ//7MPqn9aoJP4qn//IY/pH9nJio//4sOMy+Tv4AAAAAA=",blurWidth:8,blurHeight:7},v={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:646,width:683,blurDataURL:"data:image/webp;base64,UklGRpoAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSDUAAAABYFTbtpLz/9wggM2gjobTbk4G1xIREQAyBnTaLrslXO/7vlPE8JfQ/B0U/+rhHnOTKCASAABWUDggPgAAALABAJ0BKggACAACQDglsAJ0ARcY/UQA/ZP25vIl1sxcudwLgT+AcVs//7aKIDe5Pon7//9tD//3DC/znAAA",blurWidth:8,blurHeight:8},B={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:306,width:323,blurDataURL:"data:image/webp;base64,UklGRqIAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSDwAAAABcBvbtlJtyFxTL4BGNIXGIGUojCHTXL9LExExAQCEgJTUw6URbe/fAmH8a6D966H6u7s4j7UrLSAWAQBWUDggQAAAANABAJ0BKggACAACQDglsAJ0MEAAu20gAP2VA+PEfGiVCme5GO1XDvPoA1w6T/7aJ5pg+d7//9g4//uDj+JAAAA=",blurWidth:8,blurHeight:8},_={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1335,width:1452,blurDataURL:"data:image/webp;base64,UklGRrAAAABXRUJQVlA4WAoAAAAQAAAABwAABgAAQUxQSDYAAAABYBPbdpSbfdWVMgrSYgV0UKIAE3T0SMDCDhoiYgL4m8uLmTcNiPE4GtAfx7EKQjdMy155twBWUDggVAAAAHABAJ0BKggABwACQDglsAJ0AYhAAP7ud//2G/sm0vvfd3/kxCP/f/j/P39f+uA/Vv6z/Xb9zov8G/U9Fr4//Jv+fvtUkhR5ytDWsN2m4CXBzyIAAA==",blurWidth:8,blurHeight:7},j={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1087,width:1181,blurDataURL:"data:image/webp;base64,UklGRrQAAABXRUJQVlA4WAoAAAAQAAAABwAABgAAQUxQSDUAAAABYBPbdpSbffWVMgrSoSU+KFGACFp6FKBhBw0RMQH8zeXFzJsGxHgcDejHcayCMPRp2SvvBgBWUDggWAAAALABAJ0BKggABwACQDglsAJ0APH4n9AA/uW2SXlO4kCPpf0ym5BkP/yWA/9//T/P39f+uA/Vv6z/p1fsqiqj3XvYvr/8m/8yvUfIb/zlZx07XUdJF3rqyAA=",blurWidth:8,blurHeight:7},Q={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:513,width:558,blurDataURL:"data:image/webp;base64,UklGRq4AAABXRUJQVlA4WAoAAAAQAAAABwAABgAAQUxQSDYAAAABYBPbdpSbffWVMgrSYYXBBi0GUEFJjwMs7KAhIiaAv7m8mHnTgBiPowH9cRyrIHTDtOyVdwtWUDggUgAAAHABAJ0BKggABwACQDglsAJ0AYhAAP7u1V7bU/PXup5L//JiEf+//H+fv6/9cB+rYp/ye/MDX+hv1PRa+P/yb/n77VJIUecrQ1rDdpuAlwc8iAA=",blurWidth:8,blurHeight:7},k={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1458,width:1332,blurDataURL:"data:image/webp;base64,UklGRr4AAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSDQAAAABX2CmbdtkXTjjsG/nIiLibGEeZmrboIkcJhXMJhHMIoiggQo/oAoR/Q85JUOQozkxXNgHVlA4IGQAAADQAQCdASoHAAgAAkA4JZQCdAD0jwV1mAD+9n/BUba3X/5q4XsOip/Y/wLoPfxS/52FYdJ04lb8WvN8hssY7no7zN+5SDZD/rLL+//G8aD/cpehQjoJsgV/ovjKkrSBjzgWAAAA",blurWidth:7,blurHeight:8},C={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1188,width:1084,blurDataURL:"data:image/webp;base64,UklGRroAAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSDUAAAABX6CobRs415TNSNzvRUSIIw0QDzO1bdBEDpMKZpMIZhFE0ECFH1CFiP6HnJIhyNGcGC7sAwBWUDggXgAAAPABAJ0BKgcACAACQDgllAJ0APSPBdekAAD+9n/BUba3X/5q4XsOip/hn5qxJ/qL/zsKw6Tpk3GVKC8+Yk/JZH/kMD9/+N40H+8Awu17iUCjmG+ixNzdXwggxIHAAAA=",blurWidth:7,blurHeight:8},U={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:560,width:512,blurDataURL:"data:image/webp;base64,UklGRqYAAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSC4AAAABT0AmYJk0dXRwOUVEiBVDDjO1bfzfxKiCTQ2j0aiFCr+xCBH9DztHKtAqruYBVlA4IFIAAACwAQCdASoHAAgAAkA4JZQCdAD0hRxAAP72f9/cMXdF/Lo5nFfmPJf4KrQ/BP+dhWHST24GZMZUHFN7bRlBvjHdQGrgJfIT/4KJqkrSBjzgWAAA",blurWidth:7,blurHeight:8},Z=n(35682),R=n.n(Z),D=function(){let{screenSizes:{isMDDevice:e,isSMDevice:t,isXSDevice:n}}=(0,d.v9)(e=>null==e?void 0:e.app),a=()=>{let i={phone:k,orange:b,green:u,pink:y,purple:_};return e?(i.phone=C,i.orange=w,i.green=m,i.pink=v,i.purple=j):(t||n)&&(i.phone=U,i.orange=f,i.green=x,i.pink=B,i.purple=Q),i}
1,s=t||n||e,A=(0,c.useRef)(null),r=(0,c.useRef)(null),l=(0,c.useRef)(null),Z=(0,c.useRef)(null),D=(0,c.useRef)(null),I=(0,o.Y)(A);return(0,c.useEffect)(()=>{let e=r.current,t=l.current,n=Z.current,i=D.current,a=e&&t&&n&&i,A=s=>{if(a){let a="".concat(s.pageY/90,"deg"),A="".concat(s.pageX/32,"px"),r="".concat(s.pageY/22,"px");e.style.transform="translate3d(\n ".concat(A,", ").concat(r,", 0px) scale3d(1, 1, 1) rotateZ(").concat(a),t.style.transform="translate3d(\n ".concat(A,", ").concat(r,", 0px) scale3d(1, 1, 1) rotateZ(").concat(a),n.style.transform="translate3d(\n ".concat(A,", ").concat(r,", 0px) scale3d(1, 1, 1) rotateZ(").concat(a,")"),i.style.transform="translate3d(\n ".concat(A,", ").concat(r,", 0px) scale3d(1, 1, 1) rotateZ(").concat(a)}};return s&&a&&(e.style.transform="",t.style.transform="",n.style.transform="",i.style.transform=""),I&&!s&&window.addEventListener("mousemove",A),()=>{window.removeEventListener("mousemove",A)}},[I,s]),(0,i.jsx)("section",{className:R().mainSection,ref:A,children:(0,i.jsxs)(h.Z,{className:R().container,children:[(0,i.jsxs)("div",{className:R().contentBlock,children:[(0,i.jsxs)(g.Z,{tag:"h1",className:R().title,children:["ChinEasy â",(0,i.jsx)("br",{}),"a language learning app"]}),(0,i.jsx)(g.Z,{tag:"p",className:R().subtitle,children:"UX/UI case study"})]}),(0,i.jsxs)("div",{className:R().imagesBlock,children:[(0,i.jsx)("div",{className:R().phone,children:(0,i.jsx)(p.Z,{src:a().phone,alt:"phone",quality:90,fill:!0})}),(0,i.jsx)("div",{className:R().orange,ref:r,children:(0,i.jsx)(p.Z,{src:a().orange,quality:90,alt:"orange-hero",fill:!0})}),(0,i.jsx)("div",{className:R().green,ref:l,children:(0,i.jsx)(p.Z,{src:a().green,quality:90,alt:"green-hero",fill:!0})}),(0,i.jsx)("div",{className:R().pink,ref:Z,children:(0,i.jsx)(p.Z,{src:a().pink,quality:90,alt:"pink-hero",fill:!0})}),(0,i.jsx)("div",{className:R().purple,ref:D,children:(0,i.jsx)(p.Z,{src:a().purple,quality:90,alt:"purple-hero",fill:!0})})]})]})})},I=n(84231),E=n(88822),S=n(37081),T=[{text:"The brand style includes four animated characters, one for each of the four aspects of learning Chinese: pronunciation, grammar, vocabulary, and hieroglyphics."},{text:"Designed as in-app assistants and companions, each character has a name, possesses corresponding abilities, is featured in a number of episodes, and can change its size depending on emotions."},{text:"This solution makes the learning experience more engaging and enjoyable for kids."}],N=n(22272),J={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1419,width:1001,blurWidth:0,blurHeight:0},W={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1060,width:748,blurDataURL:"data:image/webp;base64,UklGRsQAAABXRUJQVlA4WAoAAAAQAAAABQAABwAAQUxQSDEAAAAAKP//elIAI5/eWqkOAAACHXUlAAAAm//bSdnDq//M5P//qUYa6f//owAAWO7ZKAAAAFZQOCBsAAAA0AEAnQEqBgAIAAJAOCWwAnQBDrrJyQAA/vK/9PoD5iawZ7+fYVnrpVGCtbQBZr7ttDLPxZq6tj7uKtyMEZafUe7f+n/Eo7w/8wAUJqZq/yopr/X/fo/gP/bEJ/9PGalsaQ62ov8v7/d/IAAA",blurWidth:6,blurHeight:8},H={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:710,width:501,blurDataURL:"data:image/webp;base64,UklGRsoAAABXRUJQVlA4WAoAAAAQAAAABQAABwAAQUxQSDEAAAAAKP//ek8AJKHfW6sOAAADHHIjAAAAm//ZR9bBq//N4///qEgb6v//owAAWvDaKQAAAFZQOCByAAAA0AEAnQEqBgAIAAJAOCWwAnQBDrpv0gAA/vK/9PoD5iawZ7+ftdx8Hq56CWrKLJvn5kVpO7LpKjcH4iXkbkHroBBJ9/f68b/H/Eo7w/8wAUJqZq/yopr/X/fo/gP/bEJ/9PGalsaQ62ov8v7/d/IAAAAA",blurWidth:6,blurHeight:8},L=n(27724),X=n.n(L),P=function(){let{bg:e,properties:{imgWidth:t,imgHeight:n}}=(0,S.Z)({imgDesk:J,imgTablet:W,imgMobile:H,widthDesk:500,heightDesk:709,widthTablet:373,heightTablet:530,widthMobile:250,heightMobile:355});return(0,i.jsx)("section",{className:X().solutionsSection,children:(0,i.jsxs)(h.Z,{className:X().container,children:[(0,i.jsx)(N.Z,{children:(0,i.jsx)(g.Z,{className:X().title,children:"M-learning app brand development solutions"})}),(0,i.jsxs)("div",{className:X().content,children:[(0,i.jsxs)("div",{className:X().textBlock,children:[(0,i.jsx)(N.Z,{children:(0,i.jsx)(g.Z,{className:X().subtitle,tag:"h3",children:"\xabThe Fantastic Four\xbb should make the learning experience more engaging and enjoyable for kids"})}),T.map((e,t)=>{let{text:n}=e;return(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{className:X().text,tag:"p",children:n})},[n,t].join("_"))})]}),(0,i.jsxs)("div",{className:X().imageBlock,children:[(0,i.jsx)("div",{className:X().empty}),(0,i.jsx)("div",{className:X().image,children:e&&(0,i.jsx)(p.Z,{src:e,alt:"ChinEasy Solutions",width:t,height:n,sizes:"(max-width: 768px) 50vw, (min-width: 768px) 100vw"})})]})]})]})})},O=[{id:1,title:"Orange",color:"#FF7A00",value:"signifies anger, but not as intense as red",img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:480,width:480,blurDataURL:"data:image/webp;base64,UklGRtAAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSD4AAAABYFNbW5vvsIGNkjZHRlNQx5zIaQJwgwXWZIwGuoiICHBl9EHAf+ece6Bcso3J3Kbzcc8+Rk7r3NsCKKeOAlZQOCBsAAAAUAIAnQEqCAAIAAJAOCWwAnS6AfgAAtIa0IYgAPa9544lBXfobrZj4Ts4RHLjwZcRrX6jLy6/1g8zQNalavHLAsuvIbKYX/o66WUCkfOo/wcklPzb4/zvt/85HlqBRDfcb+TjclRhev2d0AAA",blurWidth:8,blurHeight:8}},{id:2,title:"Green",color:"#68B506",value:"happiness and joy",img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:480,width:480,blurWidth:0,blurHeight:0}},{id:3,title:"Pink",color:"#FF3181",value:"dreamy and enigmatic",img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:480,width:481,blurWidth:0,blurHeight:0}},{id:4,title:"Purple",color:"#9347DD",value:"friendly, shy, and\xa0modest",img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:480,width:481,blurDataURL:"data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSEEAAAABYFLbtpTzB/kZFI4SWBxJCIBn0QU0FSgxWjwx/ppDRMQEAA1Z9XWZwf0tUO/OvSUs1jl3aEbnnLMz67lNvQFJFgBWUDggXgAAABACAJ0BKggACAACQDglsAJ0BipfLYItmUwA/vW2NanSnHLbzU3HrR8o+P5+nUPx5v3cmQROsitZmM4LzIj/vK3H+ffu3a1CjUw/gLf8G/+bLtn3DCnDbRqEQfAHAAA=",blurWidth:8,blurHeight:8}}],M=n(82116),V=n.n(M),G=function(e){let{img:t,title:n,color:a,value:s}=e;return(0,i.jsxs)("div",{className:V().colorCoding,children:[(0,i.jsx)("div",{className:V().image,children:(0,i.jsx)(p.Z,{src:t,alt:"Color Co
1ding Image",width:240,height:240,sizes:"(max-width: 768px) 50vw, (min-width: 768px) 100vw"})}),(0,i.jsxs)("div",{className:V().content,children:[(0,i.jsx)(g.Z,{className:V().title,tag:"p",children:n}),(0,i.jsx)(E.Z,{className:V().color,tag:"p",children:a}),(0,i.jsx)(E.Z,{className:V().text,tag:"p",children:s})]})]})},F=n(91962),z=n.n(F),q=function(){return(0,i.jsx)("section",{className:z().colorCodingSection,children:(0,i.jsxs)(h.Z,{className:z().container,children:[(0,i.jsxs)("div",{className:z().textBlock,children:[(0,i.jsx)(N.Z,{children:(0,i.jsx)(g.Z,{className:z().title,tag:"h3",children:"Emotional color coding"})}),(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{className:z().text,tag:"p",children:"Vibrant colors convey a cheerful mood and attract the kidsâ attention. They also reflect the characters' emotions:"})}),(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{className:z().text,tag:"p",children:"These carefully selected colors, reflecting the app's playful yet educational nature, contribute to the joy of using the app and language learning."})})]}),(0,i.jsx)("div",{className:z().imagesBlock,children:O.map(e=>{let{id:t,title:n,color:a,value:s,img:A}=e;return(0,i.jsx)(G,{title:n,color:a,value:s,img:A},t)})})]})})},Y=n(73518),K=n.n(Y)(),$={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:360,width:360,blurDataURL:"data:image/webp;base64,UklGRqIAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSCAAAAABFyAQSHBzX2KNiIgDBW3bMD3bcBViSY9DRP/zyuAxV1ZQOCBcAAAA8AEAnQEqCAAIAAJAOCUAWHwIADID+H4AAP7rvQy0f4MFfh6zX7sHHd5HtTYs9nTq8N9pPXzY9frouzl4GiL08ycKMVeP3tSnNtrVR0M9WRNIQzaJeA8v0AAAAAA=",blurWidth:8,blurHeight:8},ee=n(19840),et=n.n(ee),en=function(){return(0,i.jsx)("section",{className:et().typographySection,children:(0,i.jsxs)(h.Z,{className:et().container,children:[(0,i.jsxs)("div",{className:et().titlesBlock,children:[(0,i.jsx)(N.Z,{children:(0,i.jsx)(g.Z,{className:et().title,children:"Modern user-friendly typography"})}),(0,i.jsx)(N.Z,{children:(0,i.jsxs)("h3",{className:"".concat(K.variable," ").concat(et().subtitle),children:["A font with",(0,i.jsx)("span",{className:et().purple,children:" rounded "}),"letters that",(0,i.jsx)("span",{className:et().green,children:" looks "}),(0,i.jsx)("span",{className:et().orange,children:"playful"})," ","yet",(0,i.jsx)("span",{className:et().pink,children:" restrained"})]})})]}),(0,i.jsxs)("div",{className:et().logoBlock,children:[(0,i.jsx)(g.Z,{className:et().logoText,tag:"p",children:"Logo"}),(0,i.jsxs)("div",{className:et().logo,children:[(0,i.jsx)("div",{className:et().img,children:(0,i.jsx)(p.Z,{src:$,alt:"ChinEasy logo",sizes:"(max-width: 768px) 50vw, (min-width: 768px) 100vw",width:180,height:180})}),(0,i.jsx)(g.Z,{className:et().text,tag:"p",children:"The font was illustrated in the logo, integrating the \xabCrazy Four\xbb charactersâ eyes into the letters to give the logo a unique dynamic look."})]})]})]})})},ei=n(31760),ea=n(71065),es=n(53082),eA=["Figma","Adobe Illustrator","Adobe Photoshop"];let er={subtitle:(0,i.jsxs)(i.Fragment,{children:["The Onix team was",(0,i.jsx)("br",{className:"hidden screen-md:block"})," ","tasked with:"]}),progressBlockContent:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{tag:"p",marginAbsent:!0,className:"!mb-[30px] screen-md:!mb-[20px]",children:"Creating the M-learning appâs user experience (UX) and user interface (UI)"})}),(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{tag:"p",marginAbsent:!0,className:"!mb-[30px] screen-md:!mb-[20px]",children:"Developing the brand identity for a language learning service"})}),(0,i.jsx)(N.Z,{children:(0,i.jsx)(E.Z,{tag:"p",marginAbsent:!0,children:"Designing motion graphics for the app"})})]})};var el={img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:3052,width:2880,blurDataURL:"data:image/webp;base64,UklGRmIAAABXRUJQVlA4IFYAAADwAQCdASoIAAgAAkA4JaACdAEPDIP9NAAA/urzj8/wrPZ6P3b7IMph2XvLsfSwFVDGz2HrHJyULBZMW3Y9DZqI0L+L+NHXXsfdtycGC1tPLjvwahAAAA==",blurWidth:8,blurHeight:8},imgTablet:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1626,width:1536,blurDataURL:"data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAADwAQCdASoIAAgAAkA4JaACdAEPDIP/39gA/urzj8/wrPZ6P3b7IMph2XvLsfQfHDzmi9fzkLHA39j6N0rln1CTTjw0L+L70dDA/Myrxq/Ays2nlx34MkAA",blurWidth:8,blurHeight:8},imgMobile:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:763,width:720,blurDataURL:"data:image/webp;base64,UklGRpQAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSBUAAAABD3D//4iIoCBtA6b+Te+KiOh/8AIAVlA4IFgAAADwAQCdASoIAAgAAkA4JaACdAEPDIP/00AA/urzj8/wrPZ6P3b7IMph2XvLsfQfHDzmi9fzkLHBml4sJILt8sDglLdzPZzxoCodj7tuTgz5UtwaTHvwahAA",blurWidth:8,blurHeight:8},height:1526,heightTablet:813,heightMobile:381},ec={img:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:1786,width:2880,blurDataURL:"data:image/webp;base64,UklGRlQAAABXRUJQVlA4IEgAAADQAQCdASoIAAUAAkA4JZgCdAEO2pOd0AD+4Ns/nZ5Ue3lxELFCnqbFK62HkN
1h20FP7tsqpZJLhFEzB4D74XEN/Leb55/grgAA=",blurWidth:8,blurHeight:5},imgTablet:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:952,width:1536,blurDataURL:"data:image/webp;base64,UklGRlQAAABXRUJQVlA4IEgAAADQAQCdASoIAAUAAkA4JZgCdAEO2pOd0AD+4Ns/nZ5Ue3d+6J/vxF6j8IljUzFM2Rvc1UCE3yxz6V9x34XEN/Leb55/grgAAAA=",blurWidth:8,blurHeight:5},imgMobile:{src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:447,width:720,blurDataURL:"data:image/webp;base64,UklGRoIAAABXRUJQVlA4WAoAAAAQAAAABwAABAAAQUxQSBMAAAABD6AQQADE37nRiIgYzH9E/yMAAFZQOCBIAAAA0AEAnQEqCAAFAAJAOCWYAnQBDtqTndAA/uDbP52eVHt3fuif78Reo/CJY1MxnlhEXAoqDrthDZSvuO/C4hv5bzfPP8FcAAAA",blurWidth:8,blurHeight:5},height:893,heightTablet:476,heightMobile:223},eo=[{id:1,number:"01",title:"Intuitive onboarding and user\xa0flow",content:["The team created a seamless onboarding process that guides users through setting up their profiles,\n selecting their learning goals, and customizing their learning experience.","Straightforward and intuitive navigation ensures a smooth user journey."]},{id:2,number:"02",title:"Dynamic language exercises",content:["The exercises were designed to adapt to users' proficiency levels and adjust to their performance.\n This helps ensure a challenging yet manageable learning experience.","Onix's designers created interactive components, animations, and transitions that added a sense of\n interactivity and delight to the learning experience."]},{id:3,number:"03",title:"Visual vocabulary builder",content:["The design team created images, illustrations, and contextual examples\n that reinforce word meanings and improve retention."]},{id:4,number:"04",title:"Interactive pronunciation practice",content:["Voice recognition technology enables the app to provide real-time feedback on users'\n pronunciation. Visual aids, such as mouth position diagrams, were designed to help\n users master accurate pronunciation."]},{id:5,number:"05",title:"Digital companions",content:["The captivating and memorable colorful characters act as teachers and companions\n to the young learners within the app. They are always ready to offer assistance and\n guidance at every learning juncture and facilitate education and entertainment through games.","This approach simplifies and enriches the process of learning Chinese and enhances\n user engagement and motivation while alleviating parentsâ concerns about their childrenâs\n progress and development."]},{id:6,number:"06",title:"Gamification",content:["The app includes a gamified system of challenges, quizzes, and rewards that incentivize users\n to engage with the app and complete language learning milestones consistently.","Onix's team designed and implemented gamification elements, such as badges,\n rewards, and progress tracking, to enhance user engagement and motivation."]},{id:7,number:"07",title:"Multimedia content integration",content:["Videos and photos provide insights into China's culture, history, and traditions.","Virtual tours and interactive cultural activities should further immerse the learners in the Chinese context."]},{id:8,number:"08",title:"Discussion boards and chats",content:["A user-friendly interface helps interact with fellow learners, share their\n achievements, and participate in language challenges while fostering a sense of community\n and support among the app users."]},{id:9,number:"09",title:"Visual language-learning pathways",content:["Onix's experts designed interactive learning pathways visually representing a user's\n progress through different language levels.","This gives users a clear sense of achievement and motivates them to advance."]},{id:10,number:"10",title:"Personalized dashboard",content:["Users can view their learning progress, achievements, and areas for improvement and set goals."]},{id:11,number:"11",title:"Customization features",content:["The app allows customizing preferences, such as font size, color schemes, and background\n themes, to create a more comfortable learning environment."]}],ed=[{id:1,title:"M-learning",text:"Industry"},{id:2,title:"2 specialists",text:"Team size"},{id:3,title:"China",text:"Location"},{id:4,title:"1 month",text:"Project duration"}],eh=n(12269),eg=n(68556),ep=n(37307),eu=n(21887),em=function(e){let{id:t,title:n,desc:a}=e;return(0,i.jsxs)("div",{className:"flex flex-col justify-between relative w-[590px] p-[40p
1x] bg-[var(--color-white)] mr-[30px] gap-[40px]",children:[(0,i.jsxs)("div",{className:"w-full flex flex-col gap-[30px]",children:[(0,i.jsx)(eu.Z,{tag:"h3",className:"text-[30px] font-medium leading-[40px] m-0",children:n}),(0,i.jsx)("div",{children:a.map(e=>{let n="string"==typeof e;return(0,i.jsx)(ep.Z,{text:e,className:n?"[&:not(:first-of-type)]:mt-[30px]":"mt-[20px]",tag:n?"p":"div"},t)})})]}),(0,i.jsx)(ep.Z,{text:t,className:"text-[30px] font-medium leading-[40px]",tag:"span"})]})},ex=n(53701),eb=n(63390),ew={title:"Project phases",sliderData:[{id:1,content:(0,i.jsx)(em,{id:"01",title:"Market research and analysis",desc:["The team conducted in-depth market research to understand the demand for language-learning\n apps targeting children. For this purpose, they",(0,i.jsx)(ex.Z,{list:["Analyzed competitor apps to identify their strengths, weaknesses, unique features,\n and opportunities for differentiation in the market","Analyzed the competitorsâ audiences","Explored current trends in gamified education and language learning","Conducted research for visual direction selection"],marginBottomAbsent:!0})]})},{id:2,content:(0,i.jsx)(em,{id:"02",title:"User persona development",desc:["Firstly, the team obtained insights into the target audience's needs, preferences,\n pain points, and motivations.","This information helped them to create detailed user personas representing young\n Chinese language learners and their parents."]})},{id:3,content:(0,i.jsx)(em,{id:"03",title:"Product concept development for the learning app",desc:["A cross-functional team held brainstorming sessions to generate innovative ideas for the app's\n features and design and prioritize concepts based on feasibility, uniqueness, and potential\n impact on the users, learning outcomes, and the business.","Then, the designers created a mood board, wireframes, and sketches visualizing the appâs layout,\n user flow, and key interactions. This step helped map out the app's structure and user journey."]})},{id:4,content:(0,i.jsx)(em,{id:"04",title:"Mobile app UX/UI and digital character design",desc:["The designers employed an iterative approach to create the layouts, transitions, and visual\n elements of the mobile and web versions of ChinEasy. The results of the earlier research helped\n ensure that the design would be modern, appealing, and aligned with user expectations and needs.","The team worked closely with educators, language experts, content creators, and software\n developers to ensure a holistic and cohesive approach to design. Regular feedback allowed\n for quick adjustments."]})},{id:5,content:(0,i.jsx)(em,{id:"05",title:"Language-learning service branding development",desc:["Simultaneously with the learning mobile app UX/UI design, the team created the logo and brand identity.\n They built ChinEasyâs brand identity around the âFantastic Fourâ â funny but functional companion\n characters. Vibrant app colors were selected, and icons were created according to the brand style\n guide compiled by Onix.","ChinEasy logo development went through three stages: concept mood board, logo and symbol creation,\n and visualization."]})},{id:6,content:(0,i.jsx)(em,{id:"06",title:"Prototyping and user testing",desc:["The designers developed interactive prototypes incorporating the app's key features and user\n interactions. These prototypes were used for user testing to gather feedback on usability,\n intuitiveness, and overall user experience quality. Onixâs experts ensured that the design\n adhered to the best usability and accessibility practices to make the mobile and web apps\n inclusive and easy to navigate for all users.","User feedback was used throughout several design iterations to make adjustments that enhance user\n engagement, clarity, and ease of use."]})},{id:7,content:(0,i.jsx)(em,{id:"07",title:"UI design refinement in cooperation with programmers",desc:["Throughout the proper app development phase, the design team kept in touch with the programmers\n and the product owner, incorporating their expertise to ensure the feasibility of design solutions.","They continuously refined the design based on their feedback, user testing, team discussions,\n and evolving project goals.","This included creating layouts that accommodated different screen sizes and devices while\n maintaining consistency."]})}],accordionData:[{id:1,number:"01",title:"Market research and analysis",content:(0,i.jsx)(ex.Z,{listTitle:"The team conducted in-depth market research to understand the demand for language-learning\n apps targeting children. For this purpose, they",list:["Analyzed competitor apps to identify their strengths, weaknesses, unique features,\n and opportunities for differentiation in the market","Analyzed the competitorsâ audiences","Explored current trends in gamified education and language learning","Conducted research for visual direction selection"]})},{id:2,number:"02",title:"User persona development",content:(0,i.jsx)(eb.Z,{content:["Firstly, the team obtained insights into the target audience's needs, preferences, pain points,\n and motivations.","This information helped them to create detailed user personas representing young\n Chinese language learners and their parents."]})},{id:3,number:"03",title:"Product concept development for the learning app",content:(0,i.jsx)(eb.Z,{content:["A cross-functional team held brainstorming sessions to generate innovative ideas for the app's\n features and design and prioritize concepts based on feasibility, uniqueness, and potential\n impact on the users, learning outcomes, and the business.","Then, the designers created a mood board, wireframes, and sketches visualizing the appâs layout,\n user flow, and key interactions. This step helped map out the app's structure and user journey."]})},{id:4,number:"04",title:"Mobile app UX/UI and digital character design",content:(0,i.jsx)(eb.Z,{content:["The designers employed an iterative approach to create the layouts, transitions, and visual\n elements of the mobile and web versions of ChinEasy. The results of the earlier research helped\n ensure that the design would be modern, appealing, and aligned with user expectations and needs.","The team worked closely with educators, language experts, content creators, and software\n developers to ensure a holistic and cohesive approach to design. Regular feedback allowed\n for quick adjustments."]})},{id:5,number:"05",title:"Language-learning service branding development",content:(0,i.jsx)(eb.Z,{content:["Simultaneously with the learning mobile app UX/UI design, the team created the logo and brand identity.\n They built ChinEasyâs brand identity around the âFantastic Fourâ â funny but functional companion\n characters. Vibrant app colors were selected, and icons were created according to the brand style\n guide compiled by Onix.","ChinEasy logo development went through three stages: concept mood board, logo and symbol creation,\n and visualization."]})},{id:6,number:"06",title:"Prototyping and user testing",content:(0,i.jsx)(eb.Z,{content:["The designers developed interactive prototypes incorporating the app's key features and user\n interactions. These prototypes were used for user testing to gather feedback on usability,\n intuitiveness, and overall user experience quality. Onixâs experts ensured that the design\n adhered to the best usability and accessibility practices to make the mobile and web apps\n inclusive and easy to navigate for all users.","User feedback was used throughout several design iterations to make adjustments that enhance user\n engagement, clarity, and ease of use."]})},{id:7,number:"07",title:"UI design refinement in cooperation with\xa0programmers",content:(0,i.jsx)(eb.Z,{content:["Throughout the proper app development phase, the design team kept in touch with the programmers\n and the product owner, incorporating their expertise to ensure the feasibility of design solutions.","They continuously refined the design based on their feedback, user testing, team discussions,\n and evolving project goals.","This included creating layouts that accommodated different screen sizes and devices while\n maintaining consistency."]})}]},ef=n(82069),ey=n(77327),ev=n(30505),eB=n.n(ev),e_=function(e){let{title:t,data:n}=e;return(0,i.jsxs)("section",{className:eB().section,children:[(0,i.jsx)(h.Z,{children:(0,i.jsx)(g.Z,{className:eB().title,children:t})}),(0,i.jsx)(ey.Z,{data:n,activeFirst:!0,accordionStyleTypes:ef.AccordionBlackStyleTypes.ACTIVE_WHITE_TITLE_AND_CONTENT})]})},ej=n(32948),eQ=n(18805),ek=n(97699),eC={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAwAAAA0AEAnQEqBAAIAAJAOCWMAnQBDv2ntAAA/vs/BNAHzEtV2xqXu/yXfEmESwAh4AAA",blurWidth:4,blurHeight:8},eU={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnIAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAyAAAAsAEAnQEqBAAIAAJAOCUAToAh37TSAAD++r7QOqZ/ys+e0nWWfOQ4GzH+lSqEx6MpgAA=",blurWidth:4,blurHeight:8},eZ={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnQAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA0AAAAsAEAnQEqBAAIAAJAOCUAToAh12CQAAD++q6xmw32Rc7iRanRiPtl3xJhFcgEVetE5QAAAA==",blurWidth:4,blurHeight:8},eR={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRn4AAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA+AAAAEAIAnQEqBAAIAAJAOCWQAnRH/4HogFAcAAD++Xlc0+YeGD/adeCBJZ+Znj7szDrc4k7gDx0x21YBHuBS4AA=",blurWidth:4,blurHeight:8},eD={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRngAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA4AAAAsAEAnQEqBAAIAAJAOCWgAnQBDqjkWAD++YpAHkCHYFBSFV1eQQ9kyzhnruITc3beET42KfrLgAA=",blurWidth:4,blurHeight:8},eI={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAwAAAAkAEAnQEqBAAIAAJAOCUAAF7xGttgAP77V5lGVYiN6es5xeNxdTP+eGEW8eYOgAAA",blurWidth:4,blurHeight:8},eE={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnQAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA0AAAAsAEAnQEqBAAIAAJAOCUAToAh101gAAD+/COMYAM9sMk9qoRweO6i42YE6YLAuyr1oioAAA==",blurWidth:4,blurHeight:8},eS={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnIAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAyAAAA0AEAnQEqBAAIAAJAOCWMAnQBDwwBtEAA/vs0rbB+7uJrtTRIM56AauvZFLpjFZO8QAA=",blurWidth:4,blurHeight:8},eT={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRn4AAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA+AAAAEAIAnQEqBAAIAAJAOCUATo/gxP8D0P+H6gD+9/bcL5WYWUEpZT2qIpMyN7iM1uruNyUsv/xM/f1B6HkAAAA=",blurWidth:4,blurHeight:8},eN={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnoAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA6AAAAkAEAnQEqBAAIAAJAOCUAToAh1TVQAP77uAq3h/4+i9E7GNPTbA/IhypKGeWr2vUmrk6pnASZvAAAAA==",blurWidth:4,blurHeight:8},eJ={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnoAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA6AAAAsAEAnQEqBAAIAAJAOCWwAnQBDqjhIAD+/CTPOEHe8/9WUbbsO2TdQDrR53FjUzQP041T5mhwf9eAAA==",blurWidth:4,blurHeight:8},eW={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRm4AAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAuAAAAsAEAnQEqBAAIAAJAOCUAToAh38BdgAD++kiz4hEgBez9CWr7pP1P9FSHLUiAAA==",blurWidth:4,blurHeight:8},eH={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnQAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCA0AAAAsAEAnQEqBAAIAAJAOCUAXYAh102cgAD++hvZ7aUbJNjShL7uKAyXZGMIvKrrjr+Mj2AAAA==",blurWidth:4,blurHeight:8},eL={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAwAAAAcAEAnQEqBAAIAAJAOCUAAF7urYAA/vtXmUZViI2AvOutEA2Sbp7/PDBu7CWgAAAA",blurWidth:4,blurHeight:8},eX={src:"https://cdn.onix-systems.com/_next/static/media/[email protected]",height:2624,width:1280,blurDataURL:"data:image/webp;base64,UklGRnIAAABXRUJQVlA4WAoAAAAQAAAAAwAABwAAQUxQSBkAAAABHyCQTfxRg/jSiIhYIBAgtJs0JCKi/yELAFZQOCAyAAAAsAEAnQEqBAAIAAJAOCUAToAh38B5AAD+/CTPOClfdmjlVs88b31GjbGqYS2y4+CjQAA=",blurWidth:4,blurHeight:8};let eP=(0,ek.Z)([[eC,eU,eZ,eC,eU,eZ],[eR,eD,eI,eR,eD,eI],[eE,eS,eT,eE,eS,eT],[eN,eJ,eW,eN,eJ,eW],[eH,eL,eX,eH,eL,eX]]);
1var eO=n(88109),eM=n(16111),eV=n(54991),eG=[{id:1,number:"01",columnTitle:"A unique learning experience for young Chinese language learners",desc:"The mobile app should provide children with a highly engaging and effective learning method, making the daunting journey of learning Mandarin Chinese fun and enthralling, akin to an adventure."},{id:2,number:"02",columnTitle:"An original and memorable brand identity that resonates with children and parents alike",desc:"The appâs visual identity, including logo design, color palette, typography, and iconography, should align with its playful and educational nature."}],eF={src:"https://cdn.onix-systems.com/_next/static/media/img_services_bg.c9d6bb53.webp",height:1088,width:2880,blurDataURL:"data:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACwAQCdASoIAAMAAkA4JZQCw7EO9p5AAP78JTfYt+0AYmt+tCasNjJ4QAA=",blurWidth:8,blurHeight:3},ez={src:"https://cdn.onix-systems.com/_next/static/media/img_services_bg_tablet.6129d956.webp",height:1040,width:1536,blurDataURL:"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAADwAQCdASoIAAUAAkA4JQBOjXAAWbPbZgAA/vmvIEW2uZqnFwceQbrNeLs8AAAA",blurWidth:8,blurHeight:5},eq={src:"https://cdn.onix-systems.com/_next/static/media/img_CardBlockBg.d8cf8ab2.webp",height:2114,width:2880,blurDataURL:"data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAAAQAgCdASoIAAYAAkA4JYgCdEf/geiDjMPQAP7+bqVKgkC2qLsIfvKBt+yAUhN6uJgc4ndwkytfdkPIAAA=",blurWidth:8,blurHeight:6},eY={src:"https://cdn.onix-systems.com/_next/static/media/img_CardBlockBgTablet.a430314d.webp",height:2078,width:1536,blurDataURL:"data:image/webp;base64,UklGRkQAAABXRUJQVlA4IDgAAADQAQCdASoGAAgAAkA4JbACdAEO/ikVTAD+/odwFitLnWY+Qb1ZrBe3Hl4uS54SjO2yfxTyLzt0AA==",blurWidth:6,blurHeight:8},eK={src:"https://cdn.onix-systems.com/_next/static/media/img_CardBlockBgMobile.49a6d86f.webp",height:1552,width:720,blurDataURL:"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADwAQCdASoEAAgAAkA4JZgCdGuAAs2suogA/v6HdWZlCZh8ZPUnQEvqSD3xfjlfKnMgAA==",blurWidth:4,blurHeight:8},e$=n(55126),e0=n(67968),e2=n(70569),e4=n(16958),e8=n(74654),e1=n(58210),e6=n(14119),e3=n(18118),e5=n(94817),e7=n(40261),e9=n(66353),te=n(46694),tt=function(e){let{saleUrl:t}=e,{screenSizes:{isSMDevice:n,isXSDevice:a,isMDDevice:s,isXXXLDevice:A}}=(0,l.C)(e=>null==e?void 0:e.app),c=()=>{let e={background:e8.Z,bgCards:eq,resultsBlock:e$.Z,services:eF,runningCols:e7.Z};return A?(e.resultsBlock=e4.Z,e.background=e3.Z,e.runningCols=e5.Z):s||n?(e.background=e1.Z,e.bgCards=eY,e.resultsBlock=e0.Z,e.services=ez,e.runningCols=e9.Z):a&&(e.background=e6.Z,e.bgCards=eK,e.resultsBlock=e2.Z,e.runningCols=te.Z),e};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(D,{}),(0,i.jsx)(eO.Z,{title:"This language learning app development case study answers the crucial question:\n how to design a user-centric, visually appealing, and engaging mobile/web application.",content:ed}),(0,i.jsx)(eV.Z,{upTitle:"[ Business goals and context ]",title:"The two-fold goal of this project was to craft:",content:eG,withoutAnimateTable:!0,classes:{column:"screen-md:!pb-[20px] transition-all duration-1000 ease-in-out\n hover:min-lg:bg-color-black hover:min-lg:text-color-white",title:"!mb-[80px] screen-lg:!mb-[60px] screen-md:!mb-[40px]"}}),(0,i.jsx)(es.Z,{title:er.subtitle,content:er.progressBlockContent,background:c().resultsBlock,productScope:!0,classes:{background:'after:absolute after:content-[""] after:w-full after:h-[120px]\n after:bg-gradient-to-b from-[rgba(253,253,253,0)_5%] to-black\n after:bottom-0 after:left-0 screen-md:after:bg-gradient-to-b from-[rgba(253,253,253,0)_5%] to-black'}}),!t&&(0,i.jsx)(ei.Z,{id:r.L$.CASE,background:c().background,withButton:!0,title:(0,i.jsxs)(i.Fragment,{children:["Are you interested",(0,i.jsx)("br",{className:"hidden screen-md:block"}
1)," ","in\xa0M-learning app\xa0development?"]}),btnText:"Contact us",classes:{cta:"!p-[120px_0] screen-lg:!p-[80px_30px] screen-md:!p-[80px_30px] screen-sm:!p-[80px_15px]",background:'after:absolute after:content-[""] after:w-full after:h-[170px]\n after:bg-gradient-to-t from-[rgba(253,253,253,0)_5%] to-black\n after:top-0 after:left-0 screen-md:after:bg-gradient-to-t from-[rgba(216,213,213,0)] to-black',image:"!object-right-bottom",title:"!pb-[40px] !max-w-[900px] screen-lg:!max-w-[643px] screen-md:max-w-[none] screen-md:!pb-[30px]"}}),(0,i.jsx)(I.Z,{data:el}),n||a||s?(0,i.jsx)(e_,{title:ew.title,data:ew.accordionData}):(0,i.jsx)(eg.Z,{title:ew.title,data:ew.sliderData}),(0,i.jsx)(eh.Z,{title:"Mobile and web app design solutions",data:eo,classes:{devServices:"screen-md:!p-[80px_0]"}}),(0,i.jsx)(eQ.Z,{runningCols:eP,bg:c().runningCols}),(0,i.jsx)(P,{}),(0,i.jsx)(q,{}),(0,i.jsx)(en,{}),(0,i.jsx)(ej.Z,{data:eA,classes:{contentContainer:"!pb-0"}}),(0,i.jsx)(eM.Z,{upTitle:"[ Results ]",title:"During the product discovery stage, Onixâs design team played a crucial role in shaping the overall\n language-learning appâs vision and developing its functional and visual aspects.",subTitle:"Then, they designed a brand style guide, a user-centric app experience,\n and interfaces that balanced aesthetics and functionality.",leftContent:"The resulting ChinEasy app forms a comprehensive learning ecosystem, covering all\n language aspects from basics to advanced proficiency while unraveling the cultural nuances of China.",rightContent:"The appâs gamified style turns each step into an exciting quest. The chosen approaches\n and solutions set ChinEasy apart from other language learning platforms.",classes:{upTitle:"screen-md:!text-[14px]/[24px]",subTitle:"!text-[24px]/[36px] screen-md:!text-[20px]/[32px]"}}),(0,i.jsx)(I.Z,{data:ec}),(0,i.jsx)(ea.Z,{sliderIds:[15,16,58,1e3],saleUrl:t}),!t&&(0,i.jsx)(ei.Z,{id:r.L$.CASE2,withButton:!0,title:(0,i.jsxs)(i.Fragment,{children:["Are you interested",(0,i.jsx)("br",{className:"hidden screen-md:block"}
1)," ","in\xa0M-learning app\xa0development?"]}),btnText:"Contact us",classes:{cta:"!pt-0 screen-md:!p-[0_30px_80px] screen-sm:!p-[0_15px_80px]",background:"after:hidden",title:"!max-w-[1080px] screen-lg:!max-w-[708px] screen-md:!text-[25px] screen-md:!leading-[35px]\n screen-md:max-w-[none] screen-md:!pb-[30px]"}})]})},tn=n(37880),ti=n(31635),ta=!0,ts=function(e){let{seoData:t,footerContent:n,headerContent:l}=e,c=(0,A.e)(r.f$.CHIN_EASY,r.f$.DESIGN_PORTFOLIO),o=(0,tn.Z)(),d=o&&t.sale;return o&&!t.sale?(0,i.jsx)(a.Z,{seoData:{},footerContent:n,rounded:!0,children:(0,i.jsx)(ti.Z,{})}):(0,i.jsx)(a.Z,{footerContent:n,headerContent:l,seoData:t,salesChannel:s.Z.CHIN_EASY,breadcrumbs:c,isBlackColor:!0,children:(0,i.jsx)(tt,{saleUrl:d})})}},88109:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var i=n(85893),a=n(22530),s=n(22272),A=function(e){let{content:t,variant:n}=e;return(0,i.jsx)("ul",{className:"flex flex-wrap ".concat((null==n?void 0:n.list)||""," mt-[90px] screen-lg:mt-[80px] screen-md:mt-[60px]"),children:t.map((e,a)=>{let{id:A,title:r,text:l}=e;return(0,i.jsx)("li",{className:"w-1/2 py-[30px] ".concat((null==n?void 0:n.listItem)||"","\n ").concat(2===a||3===a?"pt-[80px] pb-0 border-b-0 screen-lg:pt-[30px]":"","\n ").concat(0===a||1===a?"pb-[80px] border-b-2 border-white screen-lg:pb-[30px] screen-lg:pt-[0px]":""," \n screen-lg:even:pl-[15px]\n screen-md:w-full \n screen-md:even:pl-0\n ").concat(a%2==0?"screen-md:pb-[20px]":""," \n ").concat(1===a||2===a?"screen-md:pt-[20px] screen-md:border-b-2 screen-md:border-white screen-md:pb-[20px]":""," \n ").concat(a===t.length-1?"screen-md:pt-[20px] pb-0":""),children:(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("p",{className:"\n ".concat((null==n?void 0:n.itemTitle)||"","\n font-generalSans font-medium text-[40px]/[56px] pb-[10px] pr-[30px] \n screen-lg:text-[30px]/[40px] screen-md:text-[25px]/[35px]\n "),children:r}),(0,i.jsx)("p",{className:"\n ".concat((null==n?void 0:n.itemText)||"","\n font-ibmPlexMono font-normal text-[18px]/[26px] \n screen-md:text-[14px]/[20px]\n "),children:l})]})},[A,r].join("_"))})})},r=function(e){let{title:t,content:n,subtitle:r,variant:l,subtitleTag:c="p"}=e;return(0,i.jsx)("section",{className:"bg-black text-white ".concat((null==l?void 0:l.section)||""),children:(0,i.jsxs)("div",{className:"px-4 py-20 md:py-20 md:px-6 lg:py-20 lg:px-8 xl:px-20\n screen-xxxl:px-[70px] screen-xxxl:py-[120px]\n screen-lg:px-[30px] screen-lg:py-[80px]\n screen-md:px-[15px] screen-md:py-[80px]\n min-xxxl:px-[80px] min-xxxl:py-[120px] ".concat((null==l?void 0:l.container)||""),children:[(0,i.jsx)(s.Z,{children:(0,i.jsx)(a.Z,{tag:"h2",className:"max-w-[1080px]\n min-xxxl:max-w-[1480px] ".concat((null==l?void 0:l.mainTitle)||""),children:t})}),r&&(0,i.jsx)(s.Z,{children:(0,i.jsx)(c,{className:"font-ibmPlexMono mt-10 text-[18px] leading-[1.45] max-w-[1080px]\n min-xxxl:max-w-[1480px] screen-lg:mt-10\n screen-md:mt-[30px] screen-md:text-[16px] screen-md:leading-[1.5]\n ".concat((null==l?void 0:l.subTitle)||""),children:r})}),(0,i.jsx)(A,{content:n,variant:null==l?void 0:l.content})]})})}},76823:function(e,t,n){"use strict";var i=n(85893);n(67294);var a=n(5281);t.Z=function(e){let{data:t,activeFirst:n,withScroll:s,withoutAccordion:A,openByHover:r=!1,accordionStyleTypes:l,borderTopFirst:c,borderBottomLast:o,smallerTitleText:d,multiOpen:h,classes:g,keepAllOpen:p,borderTop:u,withoutAnimate:m}=e;return(0,i.jsx)(a.Z,{data:t,activeFirst:n,withScroll:s,withoutAccordion:A,openByHover:r,accordionStyleTypes:l,borderTopFirst:c,borderBottomLast:o,smallerTitleText:d,multiOpen:h,classes:g,keepAllOpen:p,borderTop:u,withoutAnimate:m})}},54991:function(e,t,n){"use strict";var i=n(85893),a=n(98124),s=n(23696),A=n(87273);t.Z=function(e){let{upTitle:t,title:n,subTitle:r,subText:l,content:c,leftContent:o,rightContent:d,withoutAnimateTable:h,classes:g,blackTheme:p,background:u}=e;return(0,i.jsxs)(a.Z,{upTitle:t,title:n,subTitle:r,subText:l,background:u,blackTheme:p,classes:g,children:[(0,i.jsx)(s.Z,{columns:c,blackTheme:p,withoutAnimateTable:h,classes:g}),o&&d&&(0,i.jsxs)("div",{className:"\n flex justify-between gap-[60
1px] screen-xxxl:gap-[40px] screen-xxxl:max-w-[1300px]\n screen-lg:flex-col screen-lg:max-w-full screen-lg:gap-[30px] screen-md:gap-[20px]\n mt-[40px] screen-md:mt-[30px] re\n ".concat((null==g?void 0:g.contentContainer)||"","\n "),children:[(0,i.jsx)(A.Z,{text:o,classes:{container:"flex-1",text:(null==g?void 0:g.leftContent)||""}}),(0,i.jsx)(A.Z,{text:d,classes:{container:"flex-1",text:(null==g?void 0:g.rightContent)||""}})]})]})}},37307:function(e,t,n){"use strict";var i=n(85893);t.Z=function(e){let{text:t,tag:n="p",smallFontSizeOnMobile:a,className:s}=e;return(0,i.jsx)(n,{className:"\n font-ibmPlexMono font-normal text-[18px]/[26px] screen-md:text-[16px]/[24px]\n ".concat(a?"screen-md:!text-[14px]/[20px]":"","\n ").concat(s||"","\n "),children:t})}},32948:function(e,t,n){"use strict";var i=n(85893),a=n(51618),s=n(88822),A=n(72652),r=n(22530),l=n(22272);t.Z=function(e){let{data:t,title:n="Core technology stack we\xa0used",background:c,blackTheme:o=!1,classes:d={},noPaddingBottom:h=!1,noPaddingTop:g=!1}=e,p=Array.isArray(t)?t:t.split(",").map(e=>e.trim()).filter(Boolean);return(0,i.jsxs)("div",{className:"relative ".concat(o?"bg-color-black text-white":""," ").concat(d.container||""),children:[c&&(0,i.jsx)("div",{className:"absolute top-0 left-0 w-full max-h-[100%] ".concat(d.background||""),children:(0,i.jsx)(A.Z,{className:"w-full h-full object-cover object-bottom",src:c,alt:"background",sizes:"100vw"})}),(0,i.jsxs)(a.Z,{className:"pt-[120px] pb-[120px] relative screen-lg:pt-[80px] screen-lg:pb-[80px] \n ".concat(g?"!pt-0":""," ").concat(h?"!pb-0":"","\n ").concat(d.contentContainer||""),children:[(0,i.jsx)(l.Z,{children:(0,i.jsx)(r.Z,{className:"max-w-[1480px] screen-xxxl:max-w-[1080px] pb-[80px]\n screen-lg:pb-[60px] screen-md:pb-[40px] ".concat(d.title||""),children:n})}),(0,i.jsx)(l.Z,{children:(0,i.jsx)("div",{className:"w-full py-[40px] border-t-2 border-b-2 screen-md:py-[20px] \n ".concat(o?"border-white":"border-black"," ").concat(d.content||""),children:(0,i.jsx)("div",{className:"max-w-full flex gap-[30px] justify-start flex-wrap ".concat(d.contentItem||""),children:p.map((e,t)=>(0,i.jsx)(l.Z,{children:(0,i.jsxs)(s.Z,{marginAbsent:!0,tag:"p",className:"!text-[20px] !leading-7 screen-md:!text-[16
1px] screen-md:!leading-[24px]\n ".concat(d.itemText||""),children:[e,t!==p.length-1?",":""]})},[p,t].join("_")))})})})]})]})}},55835:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var i=n(85893),a=n(72652),s=n(88822),A=n(21887),r=n(22272),l=function(e){let{number:t,title:n,content:a,blackTheme:l,classes:c,textOffset:o,textRootMarginBottom:d,withoutAnimate:h=!1,itemTitleTag:g="h3"}=e,p="text-[24px] leading-[34px] screen-md:text-[20px] screen-md:leading-[28px]";return(0,i.jsxs)("div",{className:"\n flex justify-between relative p-[40px_0] gap-[40px] border-b-[2px]\n border-[var(--color-black)] screen-lg:flex-col screen-lg:p-[30px_0]\n screen-lg:gap-[20px] screen-md:p-[20px_0] last:border-b-0 last:!pb-0\n ".concat(l?"border-white":"","\n ").concat((null==c?void 0:c.devServicesItem)||"","\n "),children:[(0,i.jsxs)(r.Z,{withoutAnimate:h,className:"flex w-[674px] min-w-[674px] screen-xxxl:w-[394px] screen-xxxl:min-w-[394px]\n screen-lg:w-full screen-lg:min-w-full ".concat((null==c?void 0:c.containerItemLeft)||""),children:[t&&(0,i.jsx)(A.Z,{tag:"span",className:"".concat(p," w-[30px] mr-[45px] screen-lg:mr-[30px]\n screen-md:mr-[15px] shrink-0\n ").concat((null==c?void 0:c.number)||""),children:t}),(0,i.jsx)(A.Z,{tag:g,className:"".concat(p," ").concat((null==c?void 0:c.title)||""),children:n})]}),(0,i.jsx)("div",{className:"max-w-[850px] w-full screen-xxxl:max-w-[660px] screen-lg:max-w-full\n ".concat((null==c?void 0:c.containerItemRight)||""),children:Array.isArray(a)?a.map((e,t)=>(0,i.jsx)(r.Z,{withoutAnimate:h,className:"pb-[30px] screen-md:pb-[20px] last:pb-0",offset:o,rootMarginBottom:d,children:(0,i.jsx)(s.Z,{tag:"p",marginAbsent:!0,className:(null==c?void 0:c.text)||"",children:e})},["text",t].join("_"))):a})]})},c=n(51618),o=n(63390),d=n(76823),h=n(82069),g=n(22530),p=n(77607),u=function(e){let{upTitle:t,title:n,description:a,subTitle:A,withoutAnimate:l=!1,classes:o}=e;return(0,i.jsxs)(c.Z,{className:"relative ".concat((null==o?void 0:o.titleContainer)||""),children:[t&&(0,i.jsx)(r.Z,{withoutAnimate:l,children:(0,i.jsx)(s.Z,{marginAbsent:!0,tag:"p",className:"!mb-[20px] screen-md:!mb-[15px] screen-md:!text-[14px] min-xxxl:max-w-[1480px] max-w-[1080px]\n ".concat((null==o?void 0:o.upTitle)||""),children:t})}),n&&(0,i.jsx)(r.Z,{withoutAnimate:l,children:(0,i.jsx)(g.Z,{className:"max-w-[1480px] mb-[40px] screen-xxxl:max-w-[1080px]\n screen-lg:max-w-full screen-md:mb-[30px]\n ".concat((null==o?void 0:o.title)||""),children:n})}),a&&("string"==typeof a?(0,i.jsx)(r.Z,{withoutAnimate:l,children:(0,i.jsx)(s.Z,{marginAbsent:!0,tag:"p",className:"max-w-[630px] !mb-[40px] screen-xxxl:max-w-[577px] screen-md:!mb-[30px]\n ".concat((null==o?void 0:o.desc)||""),children:a})}):a),A&&(0,i.jsx)(p.Z,{tag:"p",title:A,withoutAnimate:l,classes:{title:"\n !text-[40px]/[56px] screen-lg:!text-[36px]/[46px] screen-md:!text-[20px]/[28px]\n m-[80px_0_40px] screen-lg:m-[60px_0_40px] screen-md:m-[40px_0_30px]\n ".concat((null==o?void 0:o.subTitle)||"","\n ")}})]})},m=n(77327),x=function(e){let{upTitle:t,title:n,description:s,subTitle:A,data:r,accordionOnMobile:g,background:p,classes:x,withoutBackground:b,isMobile:w,blackTheme:f,customBackground:y,backgroundWithAccordion:v,textOffset:B,textRootMarginBottom:_,withoutAnimate:j,itemTitleTag:Q}=e,k=()=>r.map((e,t)=>{let{id:n,number:a,title:s,content:A}=e;return{id:n||t,number:a,title:s,content:Array.isArray(A)?(0,i.jsx)(o.Z,{content:A}):A}}),C=(0,i.jsx)("div",{className:"absolute left-0 top-0 w-full before:content-[''] before:absolute before:bottom-0\n before:left-0 before:w-full before:h-[90px]\n before:bg-[linear-gradient(180deg,_rgba(253,253,253,0)_0%,_#ffffff_100%)]\n ".concat(f?"before:!bg-[linear-gradient(180deg,_rgba(253,253,253,0)_0%,_#000000_100%)]":"","\n ").concat((null==x?void 0:x.background)||""),children:(0,i.jsx)(a.Z,{className:"w-full object-cover object-[top_left] h-[464px] screen-lg:h-[424px]\n screen-md:h-[280px]\n ".concat((null==x?void 0:x.bgImg)||""),src:y||p,alt:"Development Services Backgroun
1d",sizes:"100vw",quality:96})});return(0,i.jsxs)("section",{className:"relative p-[120px_0] screen-xxxl:p-[120px_0] screen-lg:p-[80px_0]\n screen-md:p-[80px_0_60px]\n ".concat(f?"!bg-black !text-white":"","\n ").concat((null==x?void 0:x.devServices)||""),children:[g?(!b&&!w||v)&&C:!b&&C,(0,i.jsx)(u,{upTitle:t,title:n,description:s,subTitle:A,withoutAnimate:j,classes:null==x?void 0:x.titleBlock}),w&&g?f?(0,i.jsx)(m.Z,{data:k(),activeFirst:!0,accordionStyleTypes:h.AccordionBlackStyleTypes.ACTIVE_WHITE_TITLE_AND_CONTENT,withoutAnimate:j,classes:null==x?void 0:x.accordion}):(0,i.jsx)(d.Z,{data:k(),activeFirst:!0,accordionStyleTypes:h.AccordionWhiteStyleTypes.ACTIVE_BLACK_TITLE_AND_CONTENT,withoutAnimate:j,classes:null==x?void 0:x.accordion}):(0,i.jsx)(c.Z,{className:(null==x?void 0:x.content)||"",children:null==r?void 0:r.map(e=>{let{id:t,number:n,title:a,content:s}=e;return(0,i.jsx)(l,{id:t,number:n,title:a,itemTitleTag:Q,content:s,blackTheme:f,classes:null==x?void 0:x.item,textOffset:B,withoutAnimate:j,textRootMarginBottom:_},t)})})]})}},12269:function(e,t,n){"use strict";var i=n(85893),a=n(71156),s=n(55835),A=n(87427),r=n(51618),l=n(22272),c=n(22530),o=n(88822),d=n(6468),h=n(42540),g=n(19949),p=n(97448);t.Z=function(e){let{upTitle:t,title:n,description:u,data:m,withoutBackground:x,accordionOnMobile:b,classes:w,customBackground:f,backgroundWithAccordion:y,subTitle:v,withoutAnimate:B,itemTitleTag:_,blockTitle:j,blockData:Q}=e,{screenSizes:{isSMDevice:k,isXSDevice:C,isMDDevice:U,screenWidth:Z}}=(0,a.C)(e=>null==e?void 0:e.app);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{upTitle:t,title:n,description:u,subTitle:v,background:Z>=A.RT?d.Z:U?g.Z:C||k?p.Z:h.Z,customBackground:f,data:m,withoutBackground:x,accordionOnMobile:b,isMobile:C||k,backgroundWithAccordion:y,withoutAnimate:B,itemTitleTag:_,classes:w}),j&&Q&&(0,i.jsx)(r.Z,{className:"pt-[80px] screen-lg:pt-[60px] \n ".concat(Q&&j?"pb-[120px] screen-lg:pb-[80px]":""),children:(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"p-[40px] screen-md:p-[30px] border-l-2\n border-color-cruise bg-color-pale-gray",children:[(0,i.jsx)(l.Z,{children:(0,i.jsx)(c.Z,{tag:"h3",className:"!text-[24px]/[34px] screen-md:!text-[20px]/[28px]\n mb-[30px] screen-md:mb-[20px]",children:j})}),(0,i.jsx)("div",{className:"flex min-lg:gap-10 screen-lg:flex-col screen-lg:gap-[5px]",children:(0,i.jsx)("div",{className:"flex-1",children:Q.map((e,t)=>(0,i.jsxs)(l.Z,{className:"flex mb-[5px] last:mb-0",children:[(0,i.jsx)("span",{className:"mr-[10px]",children:"ï¹"}),(0,i.jsx)(o.Z,{tag:"p",marginAbsent:!0,children:e})]},[t,e].join("-")))})})]})})})]})}},68556:function(e,t,n){"use strict";var i=n(85893),a=n(72652),s=n(51618),A=n(22272),r=n(88822),l=n(86534),c=n(21887);t.Z=function(e){let{backgroundImg:t,name:n,title:o,data:d,classes:h}=e;return(0,i.jsxs)("div",{className:"relative bg-black ".concat((null==h?void 0:h.section)||""),children:[t&&(0,i.jsx)("div",{className:"w-full h-full ".concat((null==h?void 0:h.bgContainer)||""),children:(0,i.jsx)(a.Z,{src:t,alt:"MainBackground",fill:!0,priority:!0,sizes:"(max-width: 768px) 50vw, (min-width: 768px) 100vw",className:"object-cover ".concat((null==h?void 0:h.img)||"")})}),(0,i.jsxs)("div",{className:"relative py-[120px] screen-lg:py-[80px]",children:[(0,i.jsxs)(s.Z,{className:"relative m-0 ".concat((null==h?void 0:h.container)||""),children:[n&&(0,i.jsx)(A.Z,{children:(0,i.jsx)(r.Z,{className:"text-[18px] font-normal leading-[26px] text-white !m-[0_0_20px] \n screen-md:!text-[14px] screen-md:!leading-[20px] screen-md:!m-[0_0_15px] ".concat((null==h?void 0:h.name)||""),tag:"p",children:n})}),o&&(0,i.jsx)(A.Z,{children:(0,i.jsx)(c.Z,{className:"text-[50px] font-medium leading-[64px] mb-[80px] max-w-[1210px] text-white \n min-xxxl:max-w-[1480px] \n screen-lg:text-[40px] screen-lg:leading-[56px] screen-lg:mb-[60px] \n screen-md:text-[25px] screen-md:leading-[35px] screen-md:mb-[40px] ".concat((null==h?void 0:h.titleBlock)||""),children:o})})]}),(0,i.jsx)(A.Z,{children:(0,i.jsx)(l.Z,{data:d,withoutDots:!0})})]})]})}},84231:function(e,t,n){"use strict";var i=n(85893),a=n(72652),s=n(37081);t.Z=function(e){let{data:t,classes:n={}}=e,{img:A,heightMobile:r,height:l,imgMobile:c,heightTablet:o,imgTablet:d}=t,{bg:h,properties:{imgWidth:g,imgHeight:p}}=(0,s.Z)({imgDesk:A,imgTablet:d,imgMobile:c,widthDesk:1440,heightDesk:l,widthTablet:768,heightTablet:o,widthMobile:360,heightMobile:r});return(0,i.jsx)("section",{className:"block w-full h-auto ".concat((null==n?void 0:n.section)||""),children:h&&(0,i.jsx)(a.Z,{src:h,alt:"Image Section Backgroun
1d",width:g,height:p,sizes:"100vw",quality:98,className:"w-full ".concat((null==n?void 0:n.image)||"")})})}},53701:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var i,a=n(85893),s=n(67294),A=n(22272),r=n(37307);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}var c=function(e){return s.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:6,height:6,fill:"none"},e),i||(i=s.createElement("circle",{cx:3,cy:3,r:3,fill:"#000"})))},o=n(66763),d=function(e){let{listTitle:t,list:n,marginBottomAbsent:i,withAnimate:s,circleMarker:l=!1,fullCircleMarker:d=!1}=e;return(0,a.jsxs)(a.Fragment,{children:[t&&(0,a.jsx)(A.Z,{withoutAnimate:!s,children:(0,a.jsx)(r.Z,{text:t,className:"mb-[20px] screen-md:mb-[15px]"})}),(0,a.jsx)("ul",{className:"mb-[30px] screen-md:mb-[20px] ".concat(i?"!mb-0":""),children:n.map((e,t)=>(0,a.jsx)("li",{className:"mt-[5px] first-of-type:mt-0",children:(0,a.jsxs)(A.Z,{withoutAnimate:!s,className:"".concat(l||d?"flex gap-[10px]":""),children:[l&&(0,a.jsx)(o.Z,{className:"mt-[10px] screen-md:mt-[8px] flex-shrink-0"}),d&&(0,a.jsx)(c,{className:"mt-[10px] flex-shrink-0"}),(0,a.jsx)(r.Z,{text:e,className:"flex ".concat(l||d?"":"before:content-['ï¹'] before:mr-[10px]"," ")})]})},["ItemText",t].join("_")))})]})}},53082:function(e,t,n){"use strict";var i=n(85893),a=n(79645),s=n(48828),A=n(81550),r=n(67294),l=n(72652),c=n(22530),o=n(51618),d=n(22272),h=n(88822),g=n(63390);t.Z=function(e){let{title:t,content:n,background:p,name:u,text:m,titleBlock:x,saleUrl:b,subText:w,classes:f,productScope:y=!1}=e,v=(0,r.useRef)(null),{scrollYProgress:B}=(0,a.v)({target:v,offset:["start center","end center"]}),_=(0,s.H)(B,e=>"".concat(100*e,"%"));return(0,i.jsxs)("div",{ref:v,className:"\n relative overflow-hidden py-[120px] screen-lg:py-[80px] bg-black text-white\n ".concat((null==f?void 0:f.resultBlock)||""," ").concat(b?"pb-0":""," ").concat(y?"screen-md:!pb-[60px]":"","\n "),children:[p&&(0,i.jsx)("div",{className:"absolute inset-0 max-h-[100%] ".concat((null==f?void 0:f.background)||""),children:(0,i.jsx)(l.Z,{src:p,alt:"background",width:0,height:0,sizes:"100vw",quality:100,className:"object-cover object-top w-full h-auto max-h-[100%] + ".concat((null==f?void 0:f.backgroundImage)||"")})}),(0,i.jsxs)(o.Z,{className:"relative ".concat((null==f?void 0:f.container)||""),children:[u&&(0,i.jsx)(d.Z,{children:(0,i.jsx)(h.Z,{marginAbsent:!0,className:"!mb-[20px] screen-md:!mb-[15px] screen-md:!text-[14px]\n max-w-[1080px] min-xxxl:max-w-[1480px] ".concat((null==f?void 0:f.name)||""),tag:"p",children:u})}),x&&(0,i.jsx)(d.Z,{children:(0,i.jsx)(c.Z,{className:"\n mb-[20px] screen-md:mb-[15px] !text-[18px] screen-md:!text-[14px]\n !leading-[26px] font-normal screen-md:!leading-[20px] ".concat((null==f?void 0:f.titleBlock)||"","\n "),children:x})}),t&&(0,i.jsx)(d.Z,{children:(0,i.jsx)(c.Z,{className:"\n pb-[80px] screen-md:pb-[60px] max-w-[1080px] min-xxxl:max-w-[1480px] ".concat((null==f?void 0:f.title)||"","\n "),children:t})}),m,(0,i.jsxs)("div",{className:"\n flex max-w-[692px] ml-auto screen-lg:ml-0 min-xxxl:max-w-[850px] screen-lg:max-w-[708px]\n screen-md:max-w-full\n ".concat((null==f?void 0:f.contentContainer)||"","\n "),children:[(0,i.jsx)(d.Z,{children:(0,i.jsx)("div",{className:"w-[2px] h-full bg-[#333333] mr-[18px] ".concat((null==f?void 0:f.line)||""),children:(0,i.jsx)(A.E.div,{className:"w-[2px] bg-white ".concat((null==f?void 0:f.lineActive)||""),style:{height:_},transition:{duration:.3}})})}),(0,i.jsx)("div",{className:"flex-1 ".concat((null==f?void 0:f.content)||""),children:Array.isArray(n)?(0,i.jsx)(g.Z,{content:n,marginBottomAbsent:!0,withAnimate:!0}):n})]}),w&&(0,i.jsx)(d.Z,{children:(0,i.jsx)(c.Z,{tag:"p",className:"\n !text-[24px] !leading-[34px] pt-[80px] screen-md:pt-[60px]\n screen-md:!text-[20px] screen-md:!leading-[28px] ".concat((null==f?void 0:f.subText)||"","\n "),children:w})})]})]})}},18805:function(e,t,n){"use strict";var i=n(85893),a=n(16893),s=n(79645),A=n(14025),r=n(81550),l=n(67294),c=n(72652);t.Z=function(e){let{bg:t,runningCols:n,imagesQuality:o=95,classes:d}=e,h=(0,l.useRef)(null),g=(0,l.useRef)(null),[p,u]=(0,l.useState)(0),[m,x]=(0,l.useState)(0),b=(0,a.Y)(g),{scrollYProgress:w}=(0,s.v)({target:g,offset:["start end","end start"]});return(0,A.W)(w,"change",e=>{b&&u(25*e)}),(0,l.useEffect)(()=>
1{if(h.current){let{height:e}=h.current.getBoundingClientRect(),t=window.getComputedStyle(h.current);x(e+parseFloat(t.marginTop)+parseFloat(t.marginBottom))}},[]),(0,i.jsxs)("div",{ref:g,className:"\n relative overflow-hidden flex justify-center mx-auto max-w-[1920px] h-[810px]\n screen-lg:h-[662px] screen-lg:mx-0 screen-md:h-[376px]\n ".concat((null==d?void 0:d.section)||"","\n "),children:[t&&(0,i.jsx)("div",{className:"absolute top-0 left-0 w-full h-full ".concat((null==d?void 0:d.bgContainer)||""),children:(0,i.jsx)(c.Z,{src:t,fill:!0,sizes:"100vw",alt:"black-background",quality:95,className:"object-cover ".concat((null==d?void 0:d.image)||"")})}),(0,i.jsx)("div",{className:"\n absolute flex justify-between w-auto gap-[50px] screen-lg:gap-[35px] screen-md:gap-[20px]\n ".concat((null==d?void 0:d.container)||"","\n "),children:n.map((e,t)=>{let{id:n,images:a}=e;return(0,i.jsx)(r.E.div,{className:"relative ".concat((null==d?void 0:d.column)||""),style:{top:t%2==0?"".concat(-m/2,"px"):"0px"},animate:{y:"".concat(-p,"%")},transition:{ease:"easeOut",duration:0,bounce:0},children:a.map(e=>{let{itemId:t,image:n}=e;return(0,i.jsx)("div",{ref:h,className:"\n w-[320px] h-[665px] mb-[50px] screen-lg:w-[240px] screen-lg:h-[492px]\n screen-lg:mb-[35px] screen-md:w-[140px] screen-md:h-[286px] screen-md:mb-[20px]\n ".concat((null==d?void 0:d.item)||"","\n "),children:(0,i.jsx)(c.Z,{src:n,alt:"phoneImage",sizes:"100vw",width:"string"==typeof n?100:void 0,height:"string"==typeof n?100:void 0,quality:o,className:"w-full h-full ".concat((null==d?void 0:d.itemImage)||"")})},t)})},n)})})]})}},23696:function(e,t,n){"use strict";var i=n(85893),a=n(22272),s=n(22530),A=n(53701),r=n(37307),l=n(8566),c=n.n(l);t.Z=function(e){let{columns:t,withoutAnimateTable:n,blackTheme:l,classes:o}=e;return(0,i.jsx)("div",{className:"".concat(c().table," ").concat((null==o?void 0:o.table)||""),children:t.map(e=>{let{id:t,columnTitle:d,desc:h,list:g,offset:p,number:u}=e;return(0,i.jsxs)(a.Z,{translate:"translateX",offset:p,rootMarginBottom:-35,duration:.5,withoutAnimate:n,className:"".concat(c().column," ").concat(l?"!border-color-white":""," ").concat((null==o?void 0:o.column)||""),children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(a.Z,{withoutAnimate:!n,children:(0,i.jsx)(s.Z,{tag:"h3",className:"".concat(c().columnTitle," ").concat((null==o?void 0:o.columnTitle)||""),children:d})}),h&&(0,i.jsx)(a.Z,{withoutAnimate:!n,children:(0,i.jsx)(r.Z,{text:h,className:"".concat(c().columnDesc," ").concat(g?"":"!mb-0"," ").concat((null==o?void 0:o.columnDesc)||"")})}),g&&(0,i.jsx)(a.Z,{withoutAnimate:!n,children:(0,i.jsx)(A.Z,{list:g,marginBottomAbsent:!0,circleMarker:!0,withAnimate:n})})]}),u&&(0,i.jsx)(a.Z,{withoutAnimate:!n,children:(0,i.jsx)(s.Z,{tag:"span",className:"!text-[30px]/[40px] screen-md:!text-[24px]/[34px] ".concat((null==o?void 0:o.columnNumber)||""),children:u})})]},t)})})}},37081:function(e,t,n){"use strict";var i=n(67294),a=n(71156);t.Z=e=>{let{imgDesk:t,imgTablet:n,imgMobile:s,heightDesk:A,heightTablet:r,heightMobile:l,widthDesk:c,widthTablet:o,widthMobile:d}=e,{screenSizes:{isMDDevice:h,isXXXLDevice:g,isXXLDevice:p,isXLDevice:u,isLGDevice:m}}=(0,a.C)(e=>null==e?void 0:e.app);return(0,i.useMemo)(()=>{let e={bg:s,properties:{imgWidth:d,imgHeight:l}};return h&&(e={bg:n,properties:{imgWidth:o,imgHeight:r}}),(m||u||p||g)&&(e={bg:t,properties:{imgWidth:c,imgHeight:A}}),e},[h,u,p,g,m])}},37880:function(e,t,n){"use strict";var i=n(67294);t.Z=()=>{let[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{var e,n,i,a,s,A;(null===(n=window)||void 0===n?void 0:null===(e=n.location)||void 0===e?void 0:e.origin)&&t(null!==(A=null===(s=window)||void 0===s?void 0:null===(a=s.location)||void 0===a?void 0:null===(i=a.origin)||void 0===i?void 0:i.includes("sale"))&&void 0!==A&&A)},[]),e}},97699:function(e,t){"use strict";t.Z=function(e){return e.map((e,t)=>({id:t+1,images:e.map((e,n)=>({itemId:(t+1)*10+n+1,image:e}))}))}},8566:function(e){e.exports={table:"twoBorderedColumnsAnim_table__aX_ci",column:"twoBorderedColumnsAnim_column__shd6o",columnTitle:"twoBorderedColumnsAnim_columnTitle__jwoYP",columnDesc:"twoBorderedColumnsAnim_columnDesc__OJpEJ"}},30505:function(e){e.exports={section:"PhasesSectionTablet_section__Znj0y",title:"PhasesSectionTablet_title__6jJrb"}},91962:function(e){e.exports={colorCodingSection:"chinEasyColorCodingSecion_colorCodingSection__C_PVn",container:"chinEasyColorCodingSecion_container__7n4A2",textBlock:"chinEasyColorCodingSecion_textBlock__OihlB",title:"chinEasyColorCodingSecion_title__cSjqK",text:"chinEasyColorCodingSecion_text__QuLSP",imagesBlock:"chinEasyColorCodingSecion_imagesBlock__xl_aX"}},35682:function(e){e.exports={mainSection:"chinEasyMainSecion_mainSection__gU72S",container:"chinEasyMainSecion_container__R6KLp",contentBlock:"chinEasyMainSecion_contentBlock__rVE5G",title:"chinEasyMainSecion_t
1itle__TLY7D",subtitle:"chinEasyMainSecion_subtitle__i9ccp",imagesBlock:"chinEasyMainSecion_imagesBlock__ZgDED",phone:"chinEasyMainSecion_phone__UF7Qo",orange:"chinEasyMainSecion_orange__AoaR1",green:"chinEasyMainSecion_green__pP10n",pink:"chinEasyMainSecion_pink__oHoA6",purple:"chinEasyMainSecion_purple__95oYZ"}},27724:function(e){e.exports={solutionsSection:"chinEasySolutionsSecion_solutionsSection__RXBvv",container:"chinEasySolutionsSecion_container__CJLdh",content:"chinEasySolutionsSecion_content__uUjoy",textBlock:"chinEasySolutionsSecion_textBlock__svP_7",subtitle:"chinEasySolutionsSecion_subtitle__ehX2b",text:"chinEasySolutionsSecion_text__cI0vT",imageBlock:"chinEasySolutionsSecion_imageBlock___dlgM",empty:"chinEasySolutionsSecion_empty__us2yh",image:"chinEasySolutionsSecion_image__7AFlY"}},19840:function(e){e.exports={typographySection:"chinEasyTypographySecion_typographySection__Wvjgj",container:"chinEasyTypographySecion_container__iFs5i",titlesBlock:"chinEasyTypographySecion_titlesBlock__1GZs8",title:"chinEasyTypographySecion_title__tX306",subtitle:"chinEasyTypographySecion_subtitle__b790I",purple:"chinEasyTypographySecion_purple___27xn",green:"chinEasyTypographySecion_green__G4IRO",orange:"chinEasyTypographySecion_orange__sUI5P",pink:"chinEasyTypographySecion_pink__76RA3",logoBlock:"chinEasyTypographySecion_logoBlock__hwkn8",logoText:"chinEasyTypographySecion_logoText__iX4K_",logo:"chinEasyTypographySecion_logo__pcySO",img:"chinEasyTypographySecion_img__fZ_Lk",text:"chinEasyTypographySecion_text__sR_b4"}},82116:function(e){e.exports={colorCoding:"colorCoding_colorCoding__civvs",content:"colorCoding_content___U6YN",text:"colorCoding_text__QC84R",image:"colorCoding_image__IqDs0",title:"colorCoding_title__eg0sE",color:"colorCoding_color__c0iVl"}},73518:function(e){e.exports={style:{fontFamily:"'__hobeauxFont_a8d453', '__hobeauxFont_Fallback_a8d453'",fontWeight:700,fontStyle:"normal"},className:"__className_a8d453",variable:"__variable_a8d453"}},16893:function(e,t,n){"use strict";n.d(t,{Y:function(){return A}});var i=n(67294),a=n(37301);let s={some:0,all:1};function A(e,{root:t,margin:n,amount:A,once:r=!1}={}){let[l,c]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!e.current||r&&l)return;let i={root:t&&t.current||void 0,margin:n,amount:A};return function(e,t,{root:n,margin:i,amount:A="some"}={}){let r=(0,a.I)(e),l=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let n=l.get(e.target);if(!!n!==e.isIntersecting){if(e.isIntersecting){let n=t(e);"function"==typeof n?l.set(e.target,n):c.unobserve(e.target)}else n&&(n(e),l.delete(e.target))}})},{root:n,rootMargin:i,threshold:"number"==typeof A?A:s[A]});return r.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(c(!0),r?void 0:()=>c(!1)),i)},[t,e,n,r,A]),l}},48828:function(e,t,n){"use strict";n.d(t,{H:function(){return h}});var i=n(64606);let a=e=>e&&"object"==typeof e&&e.mix,s=e=>a(e)?e.mix:void 0;var A=n(4960),r=n(58868),l=n(2074);function c(e,t){let n=(0,A.c)(t()),i=()=>n.set(t());return i(),(0,r.L)(()=>{let t=()=>l.Wi.update(i,!1,!0),n=e.map(e=>e.on("change",t));return()=>{n.forEach(e=>e()),(0,l.Pn)(i)}}),n}var o=n(96681),d=n(33234);function h(e,t,n,a){if("function"==typeof e)return function(e){d.S1.current=[],e();let t=c(d.S1.current,e);return d.S1.current=void 0,t}(e);let A="function"==typeof t?t:function(...e){let t=!Array.isArray(e[0]),n=t?0:-1,a=e[0+n],A=e[1+n],r=e[2+n],l=e[3+n],c=(0,i.s)(A,r,{mixer:s(r[0]),...l});return t?c(a):c}(t,n,a);return Array.isArray(e)?g(e,A):g([e],([e])=>A(e))}function g(e,t){let n=(0,o.h)(()=>[]);return c(e,()=>{n.length=0;let i=e.length;for(let t=0;t<i;t++)n[t]=e[t].get();return t(n)})}}},function(e){e.O(0,[437,98,7536,7243,4553,6881,6363,2678,7327,9774,2888,179],function(){return e(e.s=71921)}),_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.