Wisma Miramas, Taman Desa Business Park, 58100 Kuala Lumpur
+6019 663 6601
[email protected]
ESG
Contact Us
Join Us
Projects
Portfolio
ESG
Contact Us
Join Us
Projects
Portfolio
(function(){var raf=window.requestAnimationFrame.bind(window);var caf=window.cancelAnimationFrame.bind(window);window.requestAnimationFrame=function(cb){return document.hidden?setTimeout(function(){cb(performance.now())},33):raf(cb)};window.cancelAnimationFrame=function(id){clearTimeout(id);caf(id)}})()</script> <script type="litespeed/javascript" data-src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script type="litespeed/javascript" data-src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script> <script type="litespeed/javascript" data-src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script> <script type="litespeed/javascript" data-src="https://unpkg.com/lenis@1.1.14/dist/lenis.min.js"></script> <script type="litespeed/javascript">(function(){var lenis=null;if(window.Lenis){lenis=new Lenis({lerp:0.09});function raf(t){lenis.raf(t);requestAnimationFrame(raf)} requestAnimationFrame(raf)} gsap.registerPlugin(ScrollTrigger);if(lenis)lenis.on('scroll',ScrollTrigger.update);document.querySelectorAll('section .inner').forEach(function(el){gsap.from(el.children,{opacity:0,y:44,duration:1.1,ease:'power3.out',stagger:0.12,scrollTrigger:{trigger:el,start:'top 72%'}})});var canvas=document.getElementById('bg');var renderer;try{renderer=new THREE.WebGLRenderer({canvas:canvas,antialias:!0,alpha:!0})}catch(e){canvas.style.display='none';return} var mobile=window.innerWidth<768;var N=mobile?350:700;renderer.setPixelRatio(Math.min(devicePixelRatio,mobile?1.5:2));renderer.setSize(innerWidth,innerHeight);var scene=new THREE.Scene();scene.fog=new THREE.FogExp2(0x0e0d0b,0.028);var cam=new THREE.PerspectiveCamera(50,innerWidth/innerHeight,.1,100);cam.position.set(0,1,15);scene.add(new THREE.AmbientLight(0xf0ece3,.5));var key=new THREE.DirectionalLight(0xc8a96e,1.1);key.position.set(5,8,6);scene.add(key);var glow=new THREE.PointLight(0xc8a96e,0,40);glow.position.set(0,-2,1);scene.add(glow);function make(fn){var a=new Float32Array(N*3);for(var i=0;i<N;i++){var p=fn(i);a[i*3]=p[0];a[i*3+1]=p[1];a[i*3+2]=p[2]}return a} var R=Math.random;var chaos=make(function(){var r=4+R()*7,th=R()*Math.PI*2,ph=Math.acos(2*R()-1);return[r*Math.sin(ph)*Math.cos(th),r*Math.sin(ph)*Math.sin(th)*.7,r*Math.cos(ph)*.6]});var pillars=make(function(i){var c=Math.min(2,Math.floor(i/(N/3))),x0=(c-1)*4.6;var j=i-c*Math.floor(N/3);var ix=j%4,iz=Math.floor(j/4)%4,iy=Math.floor(j/16);return[x0+(ix-1.5)*.62+(R()-.5)*.1,(iy-7)*.62+(R()-.5)*.1,(iz-1.5)*.62+(R()-.5)*.1]});var ring=make(function(i){var a=(i/N)*Math.PI*2,r=5.6+(R()-.5)*1.1;return[Math.cos(a)*r,Math.sin(a)*r*.82,(R()-.5)*1.4]});var grid=make(function(i){var nx=mobile?15:26,ix=i%nx,iz=Math.floor(i/nx);var gx=(ix-(nx-1)/2)*.58,gz=(iz-(N/nx-1)/2)*.58;var tilt=-.95;return[gx,gz*Math.cos(tilt)+.5,gz*Math.sin(tilt)]});var house=(function(){var c=[[-4,-2.2,-2.5],[4,-2.2,-2.5],[4,-2.2,2.5],[-4,-2.2,2.5],[-4,2.2,-2.5],[4,2.2,-2.5],[4,2.2,2.5],[-4,2.2,2.5],[0,4.6,-2.5],[0,4.6,2.5]];var E=[[0,1],[1,2],[2,3],[3,0],[0,4],[1,5],[2,6],[3,7],[4,5],[5,6],[6,7],[7,4],[4,8],[5,8],[7,9],[6,9],[8,9]];var lens=E.map(function(e){var a=c[e[0]],b=c[e[1]];return Math.hypot(b[0]-a[0],b[1]-a[1],b[2]-a[2])});var total=lens.reduce(function(s,l){return s+l},0);var a=new Float32Array(N*3),k=0;E.forEach(function(e,ei){var n=ei===E.length-1?N-k:Math.round(N*lens[ei]/total);var p0=c[e[0]],p1=c[e[1]];for(var j=0;j<n&&k<N;j++,k++){var t=(j+.5)/n;a[k*3]=p0[0]+(p1[0]-p0[0])*t+(R()-.5)*.14;a[k*3+1]=p0[1]+(p1[1]-p0[1])*t+(R()-.5)*.14;a[k*3+2]=p0[2]+(p1[2]-p0[2])*t+(R()-.5)*.14}});return a})();var drift=make(function(){return[(R()-.5)*24,(R()-.5)*12,(R()-.5)*8]});var houseEnd=(function(){var a=new Float32Array(N*3);for(var i=0;i<N;i++){a[i*3]=house[i*3]*.85;a[i*3+1]=house[i*3+1]*.85;a[i*3+2]=house[i*3+2]*.85} return a})();var forms=[chaos,pillars,ring,grid,house,drift,houseEnd];var geo=new THREE.BoxGeometry(1,1,1);var mat=new THREE.MeshStandardMaterial({roughness:.45,metalness:.25});var mesh=new THREE.InstancedMesh(geo,mat,N);var palette=[[new THREE.Color(0x7ecfa0),new THREE.Color(0x3d6b55)],[new THREE.Color(0xc8a96e),new THREE.Color(0xf0ece3)],[new THREE.Color(0x7eaacf),new THREE.Color(0x9a86c9)]];var scl=[],phase=[],rot=[];for(var i=0;i<N;i++){var third=Math.min(2,Math.floor(i/(N/3)));var col=palette[third][R()<.7?0:1].clone().multiplyScalar(.75+R()*.35);mesh.setColorAt(i,col);scl.push(.12+R()*.24);phase.push(R());rot.push(new THREE.Euler(R()*Math.PI,R()*Math.PI,R()*Math.PI))} mesh.instanceColor.needsUpdate=!0;scene.add(mesh);var scrollT=0,mx=0,my=0;addEventListener('mousemove',function(e){mx=(e.clientX/innerWidth-.5)*2;my=(e.clientY/innerHeight-.5)*2});addEventListener('resize',function(){cam.aspect=innerWidth/innerHeight;cam.updateProjectionMatrix();renderer.setSize(innerWidth,innerHeight)});var dummy=new THREE.Object3D();var smooth=function(t){return t*t*(3-2*t)};renderer.setAnimationLoop(function(time){var t=time*.001;var max=document.body.scrollHeight-innerHeight;scrollT+=((max>0?scrollY/max:0)-scrollT)*.08;var seg=scrollT*(forms.length-1);var f0=Math.min(forms.length-2,Math.floor(seg));var ft=seg-f0,A=forms[f0],B=forms[f0+1];for(var i=0;i<N;i++){var lt=smooth(Math.min(1,Math.max(0,(ft-phase[i]*.25)/.75)));var x=A[i*3]+(B[i*3]-A[i*3])*lt;var y=A[i*3+1]+(B[i*3+1]-A[i*3+1])*lt;var z=A[i*3+2]+(B[i*3+2]-A[i*3+2])*lt;dummy.position.set(x+Math.sin(t*.8+i)*.06,y+Math.cos(t*.6+i*1.3)*.06,z+Math.sin(t*.7+i*.7)*.04);dummy.rotation.set(rot[i].x+t*.15,rot[i].y+t*.12,rot[i].z);dummy.scale.setScalar(scl[i]);dummy.updateMatrix();mesh.setMatrixAt(i,dummy.matrix)} mesh.instanceMatrix.needsUpdate=!0;var endT=Math.min(1,Math.max(0,seg-(forms.length-2)));var spin=t*.04+scrollT*1.2;mesh.rotation.y=spin+(.5-spin%(Math.PI*2))*endT;mesh.position.set(0,-3.4*endT,-1.5*endT);cam.position.x+=(Math.sin(scrollT*Math.PI*2)*2.5+mx*1.2-cam.position.x)*.05;cam.position.y+=(1-my*.8-cam.position.y)*.05;cam.position.z=15-scrollT*1.5;cam.lookAt(0,.6,0);glow.intensity=Math.max(0,(scrollT-.82)/.18)*1.3;renderer.render(scene,cam)})})()</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart","pointerup","pointerdown"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);function d(){o.src.startsWith("blob:")&&URL.revokeObjectURL(o.src),e()}var o=document.createElement("script");o.addEventListener("load",d),o.addEventListener("error",d),t.getAttributeNames().forEach(e=>{"type"!=e&&o.setAttribute("data-src"==e?"src":e,t.getAttribute(e))}),o.type="text/javascript",!o.src&&t.textContent&&(o.src=litespeed_inline2src(t.textContent)),t.after(o),t.remove()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script><script data-optimized="1" type="litespeed/javascript" data-src="https://dezeno.com.my/wp-content/litespeed/js/0ffceba8d231add25c7c056ebe673516.js?ver=2fec2"></script></body></html> ">
