{"id":17,"date":"2025-06-21T21:29:42","date_gmt":"2025-06-21T13:29:42","guid":{"rendered":"http:\/\/nh.matepress.cn\/?page_id=17"},"modified":"2026-03-25T09:48:56","modified_gmt":"2026-03-25T01:48:56","slug":"about-us","status":"publish","type":"page","link":"https:\/\/nenghui.com\/ms\/about-us\/","title":{"rendered":"TENTANG KAMI"},"content":{"rendered":"<div id=\"tech-landing-wrapper\" class=\"bg-background-dark text-background-light font-sans w-full leading-relaxed relative\">\n\n    <!-- \u8fdb\u5ea6\u6761 -->\n    <!-- <div id=\"progress-bar\" class=\"fixed top-0 left-0 w-0 h-1 bg-theme-primary z-50 shadow-glow transition-all duration-100\"><\/div> -->\n\n\n\n<!-- \u6a21\u5757\u4e00\uff1a\u54c1\u724c\u613f\u666f\u4e0e\u5168\u7403\u5b9a\u4f4d -->\n    <section data-aos=\"fade-down\" class=\"h-screen relative flex items-center justify-center text-center overflow-hidden\" id=\"hero-sec\">\n        <!-- \u6c89\u6d78\u5f0f\u80cc\u666f (\u6dfb\u52a03D\u89c6\u5dee\u8054\u52a8) -->\n           <div  id=\"m1-bg\"  class=\"absolute -top-[5%] -left-[5%] w-[110%] h-[110%] -z-10 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-banner.jpg')] bg-cover bg-center brightness-70 transition-transform duration-100 ease-out\"><\/div>\n     \n        <!-- \u524d\u666f\u6587\u5b57\u5c42 -->\n        <div id=\"m1-content\" style=\"transform-style: preserve-3d;\"  class=\"relative z-10 pointer-events-none transition-transform duration-100 ease-out reveal\">\n            <h1 data-aos=\"fade-down\" style=\"transform: translateZ(80px);\" class=\"text-3d-ultra  text-4xl md:text-[2.66rem]   tracking-widest uppercase text-white drop-shadow-[0_10px_40px_rgba(0,0,0,0.8)] leading-tight mb-4\">\n                 Dari China ke Dunia\n            <\/h1>\n            <!-- \u5149\u6548\u80fd\u91cf\u6761\uff0c\u4e5f\u5411\u524d\u63a8\u4e00\u70b9\u70b9\u5f62\u6210\u9519\u5c42 -->\n                <div class=\"w-32 h-1 bg-primary mx-auto mb-6 shadow-[0_0_20px_#13eca4] rounded-full\" style=\"transform: translateZ(40px);\"><\/div>\n                \n            <p data-aos=\"fade-up\"  data-aos-delay=\"150\" style=\"transform: translateZ(20px);\" class=\"text-3d-subtitle  text-sm text-about-us mt-4 tracking-[5px]\">Memperkasakan Masa Depan yang Lestari.<\/p>\n        <\/div>\n    <\/section>\n    <!-- \u6a21\u5757\u4e8c\uff1a\u521b\u65b0\u9a71\u52a8\u4e0e\u6280\u672f\u5185\u6838 -->\n    <section class=\"max-w-7xl mx-auto px-8 py-24 grid grid-cols-1 md:grid-cols-2 gap-16 items-center\">\n        <div class=\"reveal\" data-aos=\"fade-right\">\n            <h2 class=\"text-4xl md:text-[2.66rem] text-about-us mb-6\">Inovasi &amp; Kecemerlangan Kejuruteraan<\/h2>\n            <p class=\"text-[1rem] mb-4\">Kami yakin bahawa teknologi merupakan satu-satunya daya penggerak di sebalik transformasi industri. Dengan terus menembusi sempadan fizik dan kejuruteraan, kami menyediakan penyelesaian canggih kepada pelanggan di seluruh dunia.<\/p>\n            \n            <div class=\"flex flex-col sm:flex-row gap-8 my-8\">\n               \n\n                <div class=\"flex-1 bg-black\/20 p-6 border-l-4 border-about-us rounded-r-lg shadow-lg relative overflow-hidden group\">\n                    <div class=\"absolute top-0 -left-full w-1\/2 h-full bg-gradient-to-r from-transparent via-white\/5 to-transparent -skew-x-12 animate-sweep\"><\/div>\n                    <h3 class=\"font-mono text-4xl  mb-2 text-white\">100+<\/h3>\n                    <p class=\"text-sm  tracking-wider uppercase text-about-us\/80\">Jurutera R&amp;D Khusus<\/p>\n                <\/div>\n                <div class=\"flex-1 bg-black\/20 p-6 border-l-4 border-about-us rounded-r-lg shadow-lg relative overflow-hidden group\">\n                    <div class=\"absolute top-0 -left-full w-1\/2 h-full bg-gradient-to-r from-transparent via-white\/5 to-transparent -skew-x-12 animate-sweep\"><\/div>\n                    <h3 class=\"font-mono text-4xl  mb-2 text-white\">10%+<\/h3>\n                    <p class=\"text-sm  tracking-wider uppercase text-about-us\/80\">Nisbah pelaburan R&amp;D tahunan<\/p>\n                <\/div>\n            <\/div>\n            <p class=\"text-theme-mut text-[1rem]\">Algoritma teras yang dibangunkan sendiri dan seni bina perkakasan yang canggih menjalani ujian makmal standard ultra tinggi bagi memastikan setiap produk memenuhi piawaian kestabilan gred industri.<\/p>\n        <\/div>\n        \n        <!-- \u56fe\u7247\u7f51\u683c (\u542f\u7528 3D Tilt) -->\n        <div class=\"grid grid-cols-2 gap-4 perspective-[1000px] reveal delay-1\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc3.jpg\" alt=\"Circuit Board\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px]\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc2.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc1.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\" https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc4.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n   \n           \n        <\/div>\n    <\/section>\n\n    <!-- \u6a21\u5757\u4e09\uff1a\u7cbe\u76ca\u5236\u9020\u4e0e\u4f9b\u5e94\u94fe\u4f18\u52bf -->\n    <section  class=\"py-32 px-8 text-center text-white bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc5.jpg')] bg-fixed bg-cover bg-center relative z-0\">\n        <!-- \u9ed1\u8272\u6e10\u53d8\u906e\u7f69 -->\n        <div class=\"absolute inset-0 bg-black\/40 -z-10\"><\/div>\n        \n        <h2 data-aos=\"fade-up\" class=\"text-4xl md:text-[2.66rem]  mb-4 relative z-10 reveal\">Pembuatan &amp; Rantaian Bekalan Ketepatan<\/h2>\n        <p data-aos=\"fade-up\" data-aos-delay=\"150\" class=\"text-[1rem] text-gray-300 relative z-10 reveal delay-1 mb-16\">Lengan robot automatik sepenuhnya dan bilik bersih Kelas 100 membentuk kelebihan daya saing yang tidak dapat diatasi.<\/p>\n        \n        <!-- 1\u884c3\u5217\u6570\u636e\u7f51\u683c -->\n        <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-12 relative z-10 reveal delay-2\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n            <!-- \u7ef4\u5ea61\uff1a\u539f\u6709\u7684 GW \u4ea7\u80fd -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgba(246,155,0,0.4)]\" data-target=\"17\" data-decimals=\"0\" >0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">+Tahun<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">R&amp;D khusus dalam Solar &amp; ESS <\/span>\n            <\/div>\n            \n            <!-- \u7ef4\u5ea62\uff1a\u65b0\u589e\u673a\u68b0\u81c2\u6570\u91cf -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgba(246,155,0,0.4)]\" data-target=\"10\" data-decimals=\"0\">0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">GWp+<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Rekod Jejak Projek PV Global <\/span>\n            <\/div>\n\n            <!-- \u7ef4\u5ea63\uff1a\u65b0\u589e\u826f\u54c1\u7387 (\u5e26\u5c0f\u6570\u4f4d\u652f\u6301) -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgb(246,155,0,0.4)]\" data-target=\"1.2\" data-decimals=\"1\">0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">GWp+<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Aset Milik Sendiri &amp; Diuruskan<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <!-- \u6a21\u5757\u56db\uff1a\u5168\u7403\u5316\u670d\u52a1\u4e0e\u672c\u571f\u5316\u67a2\u7ebd -->\n    <section  class=\"bg-theme-sec py-24\">\n        <div class=\"max-w-7xl mx-auto px-8 reveal\">\n            <h2 class=\"text-4xl md:text-[2.66rem] text-center mb-12 text-white\" data-aos=\"fade-up\">Hab Global &amp; Sokongan Setempat<\/h2>\n            \n            <div class=\"flex justify-center gap-4 mb-12 flex-wrap   sticky top-[100px] z-10\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n                 <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn active px-8 py-3 rounded-full border-2 border-[#ff6b00] bg-[#ff6b00] text-white  transition-all duration-300 shadow-[0_0_20px_rgba(255,107,0,0.4)]\" onclick=\"switchTab('eu', this)\">Hab Eropah<\/button>\n                <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('asia', this)\">Nenghui Timur Tengah<\/button>\n                <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('na', this)\">Nenghui Thailand<\/button>\n                  <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('va', this)\">Nenghui Kemboja<\/button>\n            <\/div>\n\n            <!-- Tab \u5bb9\u5668 (\u4f7f\u7528 Tailwind \u7fa4\u7ec4\u52a8\u753b\u63a7\u5236) -->\n            <!-- \u6b27\u6d32\u5185\u5bb9 -->\n            <div id=\"eu\" class=\"tab-content active grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hab Belanda <\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Logistik Pintar Belgium <\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\"> Sokongan Pakar Setempat <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u4e1c\u5357\u4e9a\u5185\u5bb9 -->\n            <div id=\"asia\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hab Iraq<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hab Logistik Pintar Iraq<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Sokongan Teknikal Setempat<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u5317\u7f8e\u5185\u5bb9 -->\n            <div id=\"na\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n               <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hab Strategik Thailand<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hab Strategik Thailand<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Sokongan Pakar di Tapak<\/p>\n                <\/div>\n            <\/div>\n            <!-- ddd -->\n              <div id=\"va\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Cawangan Kemboja<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Pergudangan &amp; Pengedaran Pintar<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Pasukan Sokongan Teknikal Tempatan<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u6a21\u5757\u4e94\uff1a\u53ef\u6301\u7eed\u53d1\u5c55\u4e0e\u4f01\u4e1a\u516c\u6c11 -->\n  <section  class=\"bg-[#f0fdf4]  py-32 text-center transition-colors duration-1000  text-[#064e3b]\">\n        <div class=\"max-w-4xl mx-auto px-8\">\n            <h2 class=\"text-4xl md:text-[2.66rem]  mb-6 reveal\"  data-aos=\"fade-up\">Kemampanan &amp; Tanggungjawab Korporat<\/h2>\n            <p class=\"text-[1rem] opacity-80 mb-16 reveal delay-1\" data-aos=\"fade-up\" data-aos-delay=\"150\">Kami komited untuk mencapai peneutralan karbon menjelang 2030. Menjadi hijau bukanlah satu pilihan, tetapi satu tanggungjawab yang sebati dalam DNA kami: untuk hidup harmoni dengan alam semula jadi dan mewujudkan masa depan yang mampan.<\/p>\n            \n            <div class=\"flex justify-center gap-12 md:gap-24 mb-16 flex-wrap reveal delay-2\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <!-- \u56fe\u6807\u4f7f\u7528 Primary \u8272 -->\n                <div class=\"flex flex-col items-center gap-4 animate-float-1 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\" \/><\/svg>\n                    <span class=\"text-lg\">Tenaga Bersih 100%<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-4 animate-float-2 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:-rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418\" \/><\/svg>\n                    <span class=\"text-lg\">Pensijilan ISO 14001<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-4 animate-float-3 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043 A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z\" \/><\/svg>\n                    <span class=\"text-lg\">Kilang sifar sisa<\/span>\n                <\/div>\n            <\/div>\n            \n    \n        <\/div>\n    <\/section>\n<!-- 6. \u5f15\u5165 AOS.js -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n\n    <!-- 7. \u4ea4\u4e92\u903b\u8f91 (AOS \u521d\u59cb\u5316\u4e0e\u529f\u80fd\u811a\u672c) -->\n \n    <script>\n        \/\/ --- \u521d\u59cb\u5316 AOS \u52a8\u753b ---\n        AOS.init({\n            duration: 800,        \/\/ \u52a8\u753b\u6301\u7eed\u65f6\u95f4 800ms\n            easing: 'ease-out-cubic', \/\/ \u5e73\u6ed1\u7684\u7f13\u52a8\u51fd\u6570\n            once: true,           \/\/ \u662f\u5426\u53ea\u52a8\u753b\u4e00\u6b21\n            offset: 100,          \/\/ \u8ddd\u79bb\u89c6\u53e3\u591a\u8fdc\u89e6\u53d1\n        });\n        \/\/ 1. \u6a21\u677f(\u4e3b\u9898)\u5207\u6362\n        \/\/ function setTheme(themeName) {\n        \/\/     document.documentElement.setAttribute('data-theme', themeName);\n        \/\/ }\n\n        \/\/ \/\/ 2. \u9876\u90e8\u9605\u8bfb\u8fdb\u5ea6\u6761\n        \/\/ window.addEventListener('scroll', () => {\n        \/\/     const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n        \/\/     const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n        \/\/     const scrolled = (winScroll \/ height) * 100;\n        \/\/     document.getElementById(\"progress-bar\").style.width = scrolled + \"%\";\n        \/\/ });\n\n        \/\/ 3. Tab \u5207\u6362 + \u5f3a\u5236\u91cd\u7ed8\u89e6\u53d1 Tailwind flip-in \u52a8\u753b\n        \/\/ function switchTab(tabId, btnElement) {\n        \/\/     document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n        \/\/     document.querySelectorAll('.tab-content').forEach(content => {\n        \/\/         content.classList.remove('active');\n        \/\/         void content.offsetWidth; \/\/ \u89e6\u53d1\u91cd\u7ed8\n        \/\/     });\n        \/\/     btnElement.classList.add('active');\n        \/\/     document.getElementById(tabId).classList.add('active');\n        \/\/ }\n        \n         \/\/ Tab \u5207\u6362\u903b\u8f91\n        function switchTab(tabId, btnElement) {\n            const wrapper = document.getElementById('tech-landing-wrapper');\n            const tabs = wrapper.querySelectorAll('.tab-btn');\n            const contents = wrapper.querySelectorAll('.tab-content');\n            \n            \/\/ \u91cd\u7f6e\u6240\u6709\u6309\u94ae\u72b6\u6001 (Hover \u8bbe\u4e3a #ff6b00)\n            tabs.forEach(btn => {\n                btn.className = \"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-silver-accent\/30 text-silver-accent  transition-all duration-300 hover:-translate-y-1 hover:border-[#ff6b00] hover:text-[#ff6b00] \";\n            });\n            \/\/ \u9690\u85cf\u5185\u5bb9\u5e76\u91cd\u7ed8\n            contents.forEach(content => { \n                content.classList.remove('active'); \n                void content.offsetWidth; \n            });\n            \n            \/\/ \u6fc0\u6d3b\u5f53\u524d\u9009\u4e2d\u9879 (\u8d4b\u503c #ff6b00)\n            btnElement.className = \"backdrop-blur-md p-1.5 rounded-full tab-btn active px-8 py-3 rounded-full border-2 border-[#ff6b00] bg-[#ff6b00] text-white  transition-all duration-300 shadow-[0_0_20px_rgba(255,107,0,0.4)] \";\n            document.getElementById(tabId).classList.add('active');\n            \n        }\n        \n\n              \/\/ 4. \u9ad8\u7ea7\u975e\u7ebf\u6027\u7f13\u52a8\u6570\u5b57\u6eda\u52a8 (\u652f\u6301\u591a\u8282\u70b9\u4e0e\u5c0f\u6570\u70b9)\n        const counters = document.querySelectorAll('.counter');\n        const myCounter = counters[0];\n\n        \/\/ \u5982\u679c\u6ca1\u6709\u52a0 ID\uff0c\u4e5f\u53ef\u4ee5\u9ed8\u8ba4\u9009\u7b2c\u4e00\u4e2a\uff1a document.querySelectorAll('.counter')[0]\n        if(myCounter) {\n            const year = 2009\n            const dynamicValue = (new Date().getFullYear()) - year;\n            myCounter.setAttribute('data-target', dynamicValue);\n        }   \n        const counterObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if(entry.isIntersecting) {\n                    const el = entry.target;\n                    const target = parseFloat(el.getAttribute('data-target'));\n                    const decimals = parseInt(el.getAttribute('data-decimals')) || 0; \/\/ \u83b7\u53d6\u5c0f\u6570\u4f4d\u6570\n                    let count = 0;\n                    \n                    const updateCounter = () => {\n                        \/\/ \u7f13\u52a8\u7b97\u6cd5\uff1a\u6bcf\u6b21\u589e\u52a0\u5269\u4f59\u8ddd\u79bb\u7684 5%\n                        count += (target - count) * 0.05; \n                        \n                        \/\/ \u5f53\u8ddd\u79bb\u76ee\u6807\u503c\u975e\u5e38\u8fd1\u65f6\uff08\u5c0f\u4e8e0.1\uff09\uff0c\u76f4\u63a5\u505c\u5728\u76ee\u6807\u503c\n                        if (target - count > 0.1) {\n                            el.innerText = count.toFixed(decimals);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            el.innerText = target.toFixed(decimals);\n                        }\n                    };\n                    \n                    updateCounter();\n                    \/\/ \u52a8\u753b\u6267\u884c\u4e00\u6b21\u540e\u53d6\u6d88\u76d1\u542c\u8be5\u5143\u7d20\n                    observer.unobserve(el); \n                }\n            });\n        }, { threshold: 0.5 }); \/\/ \u5f53\u5143\u7d20\u6709 50% \u9732\u51fa\u65f6\u89e6\u53d1\n        \n        counters.forEach(counter => counterObserver.observe(counter));\n\n\n       \n        \/\/ 6. \u9996\u5c4f 3D \u9f20\u6807\u89c6\u5dee\u4f4d\u79fb\n        const m1 = document.getElementById('hero-sec');\n        const m1Bg = document.getElementById('m1-bg');\n        const m1Content = document.getElementById('m1-content');\n         \/\/ \u9996\u5c4f\u52a8\u6001 3D \u9f20\u6807\u89c6\u5dee (\u5e73\u79fb + \u7269\u7406\u626d\u8f6c)\n     \n              \n        if(m1 && m1Bg && m1Content){\n            m1.addEventListener('mousemove', (e) => {\n                \/\/ \u8ba1\u7b97\u9f20\u6807\u504f\u79bb\u5c4f\u5e55\u4e2d\u5fc3\u7684\u8ddd\u79bb\n                const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 30;\n                const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 30;\n                \n                \/\/ \u80cc\u666f\u53cd\u5411\u79fb\u52a8\n                m1Bg.style.transform = `translate(${-xAxis}px, ${-yAxis}px) scale(1.05)`; \n                \n                \/\/ \u524d\u666f\u4e0d\u4ec5\u8ddf\u968f\u79fb\u52a8\uff0c\u8fd8\u6839\u636e\u9f20\u6807\u4f4d\u7f6e\u8fdb\u884c 3D \u7ffb\u8f6c (Rotate)\n                \/\/ \u9664\u4ee5\u7684\u6570\u503c\u8d8a\u5927\uff0c\u7ffb\u8f6c\u89d2\u5ea6\u8d8a\u5c0f\u8d8a\u67d4\u548c\n                m1Content.style.transform = `translate(${xAxis}px, ${yAxis}px) rotateY(${-xAxis \/ 2}deg) rotateX(${yAxis \/ 2}deg)`;\n            });\n            \n            \/\/ \u9f20\u6807\u79fb\u51fa\u65f6\u7f13\u6162\u590d\u4f4d\n            m1.addEventListener('mouseleave', () => {\n                m1Bg.style.transform = `translate(0, 0) scale(1.05)`; \n                m1Content.style.transform = `translate(0px, 0px) rotateY(0deg) rotateX(0deg)`; \n            });\n        }\n        \/\/ m1.addEventListener('mousemove', (e) => {\n        \/\/     const x = (window.innerWidth \/ 2 - e.pageX) \/ 40;\n        \/\/     const y = (window.innerHeight \/ 2 - e.pageY) \/ 40;\n        \/\/     m1Bg.style.transform = `translate(${-x}px, ${-y}px)`; \/\/ \u80cc\u666f\u53cd\u5411\u79fb\u52a8\n        \/\/     m1Content.style.transform = `translate(${x}px, ${y}px)`; \/\/ \u524d\u666f\u6b63\u5411\u79fb\u52a8\n        \/\/ });\n        \/\/ m1.addEventListener('mouseleave', () => {\n        \/\/     m1Bg.style.transform = `translate(0, 0)`;\n        \/\/     m1Content.style.transform = `translate(0, 0)`;\n        \/\/ });\n\n        \/\/ 7. \u521d\u59cb\u5316 3D \u56fe\u7247\u503e\u659c\n        VanillaTilt.init(document.querySelectorAll(\"[data-tilt]\"));\n    <\/script>\n<\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>From China to the World Empowering a Sustainable Future. Innovation &#038; Engineering Excellence We firmly believe that technology is the sole driving force behind industry transformation. By continuously pushing the boundaries of physics and engineering, we provide cutting-edge solutions to customers worldwide. 100+ Specialized R&#038;D Engineers 10%+ Annual R&#038;D investment ratio The core self-developed algorithms [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":4,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":2059,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/17\/revisions\/2059"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}