{"id":36,"date":"2024-09-14T05:12:36","date_gmt":"2024-09-14T05:12:36","guid":{"rendered":"\/\/devwp02.visibleone.io\/zama:8000\/?page_id=36"},"modified":"2024-10-07T05:59:32","modified_gmt":"2024-10-07T05:59:32","slug":"news","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/zama\/news\/","title":{"rendered":"News"},"content":{"rendered":"\n<section block-name=\"sub-banner\" class=\"bg-white\">\n    <div class=\"relative\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/header-news-scaled.jpg\" alt=\"banner\"\n            class=\"aspect-[360\/260] object-cover md:aspect-[768\/260] lg:aspect-[1920\/460] w-full \" \/>\n\n\n                <!-- <div class=\"\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.png\"\n                class=\"absolute bottom-[-1px] left-0 w-full hidden md:block\" \/>\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-banner-slope.png\"\n                class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n        <\/div> -->\n\n                    <div class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope-white.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full hidden md:block\" \/>\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-banner-slope-white.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n            <\/div>\n\n                <div class=\"absolute left-0 transform top-[60%] -translate-y-[50%] container \">\n            <div class=\"container-sm\">\n                <div class=\" md:max-w-[80%] 4xl:max-w-[1000px]\">\n                    <h1 class=\"heading1 text-white uppercase\">NEWS<\/h1>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <ul class=\"banner-breadcrumb\">\n                <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/devwp02.visibleone.io\/zama\">Home<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">News<\/a><\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"news\" class=\"zama-news container pt-10 md:pt-12 pb-[140px] bg-white\">\n    <div class=\"container-md\" x-data=\"zama_news\">\n        <div class=\"md:flex items-end justify-between\">\n            <form class=\"flex justify-between items-end w-full max-lg:flex-wrap\" x-on:submit.prevent=\"getPosts\">\n    <div class=\"flex max-md:flex-wrap max-lg:order-3 max-lg:w-full news-filter\">\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mr-2.5 mt-4 lg:mt-0 text-body text-black-000 filter-div-container\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">Year<\/label>\n            <div class=\"relative\" x-data=\"zama_year\">\n    <input type=\"text\" id=\"s_year\" name=\"s_year\" x-model=\"s_year\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_year px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_year\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_year ? '' : ''\" x-text=\"d_year\"><\/label>\n        <span class=\"ml-auto shrink-0\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n                class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n        <\/span>\n    <\/div>\n\n    <ul class=\"absolute rounded-lg min-w-max w-full -bottom-1.5 left-0 translate-y-full z-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\n        :class=\"dropdownOpened ? 'border-black-000' : 'border-white'\" x-ref=\"dropdown\">\n        <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == 'All' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', 'All')\">\n            All        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2024' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2024', '2024')\">\n            2024        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2023' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2023', '2023')\">\n            2023        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2022' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2022', '2022')\">\n            2022        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2021' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2021', '2021')\">\n            2021        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2020' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2020', '2020')\">\n            2020        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2019' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2019', '2019')\">\n            2019        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2018' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2018', '2018')\">\n            2018        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_year', () => ({\n            handleClickAwayBound: null,\n            dropdownOpened: false,\n            toggleDropdown: function() {\n                if (this.dropdownOpened) {\n                    this.dropdownOpened = false;\n                    this.hideDropdown();\n                } else {\n                    this.dropdownOpened = true;\n                    this.showDropdown();\n                }\n            },\n            showDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                let maxHeight = 0;\n                Array.from(dropdown.children).forEach(child => {\n                    maxHeight += child.clientHeight;\n                });\n                dropdown.style.setProperty('max-height', maxHeight + 'px');\n                this.handleClickAwayBound = this.handleClickAway.bind(\n                    this\n                ); \/\/ using extra var to make function in state when removing listener\n                document.addEventListener('click', this.handleClickAwayBound);\n            },\n            hideDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                dropdown.style.removeProperty('max-height');\n                document.removeEventListener('click', this.handleClickAwayBound);\n            },\n            onOptionClick: function(search, display) {\n                this['s_year'] = search;\n                this['d_year'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_year') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n        <\/div>\n\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mr-2.5 mt-4 lg:mt-0 text-body text-black-000 filter-div-container\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">Sort By<\/label>\n            <div class=\"relative\" x-data=\"zama_order\">\n    <input type=\"text\" id=\"s_order\" name=\"s_order\" x-model=\"s_order\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_order px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_order\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_order ? '' : ''\" x-text=\"d_order\"><\/label>\n        <span class=\"ml-auto shrink-0\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n                class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n        <\/span>\n    <\/div>\n\n    <ul class=\"absolute rounded-lg min-w-max w-full -bottom-1.5 left-0 translate-y-full z-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\n        :class=\"dropdownOpened ? 'border-black-000' : 'border-white'\" x-ref=\"dropdown\">\n        <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_order == 'All' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', 'All')\">\n            All        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_order == 'Newest to Oldest' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('desc', 'Newest to Oldest')\">\n            Newest to Oldest        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_order == 'Oldest to Newest' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('asc', 'Oldest to Newest')\">\n            Oldest to Newest        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_order', () => ({\n            handleClickAwayBound: null,\n            dropdownOpened: false,\n            toggleDropdown: function() {\n                if (this.dropdownOpened) {\n                    this.dropdownOpened = false;\n                    this.hideDropdown();\n                } else {\n                    this.dropdownOpened = true;\n                    this.showDropdown();\n                }\n            },\n            showDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                let maxHeight = 0;\n                Array.from(dropdown.children).forEach(child => {\n                    maxHeight += child.clientHeight;\n                });\n                dropdown.style.setProperty('max-height', maxHeight + 'px');\n                this.handleClickAwayBound = this.handleClickAway.bind(\n                    this\n                ); \/\/ using extra var to make function in state when removing listener\n                document.addEventListener('click', this.handleClickAwayBound);\n            },\n            hideDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                dropdown.style.removeProperty('max-height');\n                document.removeEventListener('click', this.handleClickAwayBound);\n            },\n            onOptionClick: function(search, display) {\n                this['s_order'] = search;\n                this['d_order'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_order') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n        <\/div>\n\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mt-4 lg:mt-0 text-body text-black-000 filter-div-container hidden\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">Category<\/label>\n            <div class=\"relative\" x-data=\"zama_category\">\n    <input type=\"text\" id=\"s_category\" name=\"s_category\" x-model=\"s_category\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_category px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_category\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_category ? '' : ''\" x-text=\"d_category\"><\/label>\n        <span class=\"ml-auto shrink-0\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n                class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n        <\/span>\n    <\/div>\n\n    <ul class=\"absolute rounded-lg min-w-max w-full -bottom-1.5 left-0 translate-y-full z-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\n        :class=\"dropdownOpened ? 'border-black-000' : 'border-white'\" x-ref=\"dropdown\">\n        <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_category == 'All' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', 'All')\">\n            All        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_category == 'Newest to Oldest' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('24', 'Newest to Oldest')\">\n            Newest to Oldest        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_category == 'Uncategorized' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('1', 'Uncategorized')\">\n            Uncategorized        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_category', () => ({\n            handleClickAwayBound: null,\n            dropdownOpened: false,\n            toggleDropdown: function() {\n                if (this.dropdownOpened) {\n                    this.dropdownOpened = false;\n                    this.hideDropdown();\n                } else {\n                    this.dropdownOpened = true;\n                    this.showDropdown();\n                }\n            },\n            showDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                let maxHeight = 0;\n                Array.from(dropdown.children).forEach(child => {\n                    maxHeight += child.clientHeight;\n                });\n                dropdown.style.setProperty('max-height', maxHeight + 'px');\n                this.handleClickAwayBound = this.handleClickAway.bind(\n                    this\n                ); \/\/ using extra var to make function in state when removing listener\n                document.addEventListener('click', this.handleClickAwayBound);\n            },\n            hideDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                dropdown.style.removeProperty('max-height');\n                document.removeEventListener('click', this.handleClickAwayBound);\n            },\n            onOptionClick: function(search, display) {\n                this['s_category'] = search;\n                this['d_category'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_category') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n        <\/div>\n    <\/div>\n\n    <div class=\"search-inputcontainer relative lg:ml-2 md:w-auto w-full\">\n        <input x-model=\"s_term\" type=\"text\" id=\"s_term\" name=\"s_term\" aria-label=\"s_term\"\n            @input.debounce.500ms=\"getPosts\"\n            class=\"border bg-transparent border-black-800 rounded-lg px-3 py-2 5xl:min-w-[400px] text-body w-full md:w-auto focus-visible:outline-none\"\n            placeholder=\"Search keywords...\">\n        <button type=\"submit\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/search-icon.svg\" alt=\"search icon\"\n                class=\"w-4 h-4\">\n        <\/button>\n\n    <\/div>\n<\/form>        <\/div>\n\n        <div :hidden=\"!s_term\" class=\"pt-10 md:pt-12 search-content\">\n            <h5 class=\"heading5 text-black-200 pb-[10px]\">\n                Search Results about \u201c<span x-text=\"s_term\" class=\"uppercase\"><\/span>\u201d\n            <\/h5>\n            <div class=\"text-body text-black-200\">\n                <!-- search results number here -->\n                <span x-text=\"totalPosts\"><\/span>\n                <span class=\"\">\n                    related results                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"news-cardlist zama-news-content\">\n\n              <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/test\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/11\/related.png\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        Test      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2024-12-04      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        TESTING      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/zama-participates-in-the-dragon-boat-races\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2018-10-24.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA PARTICIPATES IN THE DRAGON BOAT RACES      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2024-10-06      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        The Dragon Boat Races are a very popular activity in Hong Kong. Hong Kong holds many wonderful dragon boat campaigns every June. ZAMA fortunately received the invitation for the Stanley Dragon Boat Races held on June 22 this year.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/zama-group-equip-exposition-2022\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2023\/02\/2023-02-21.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA Philippines constructs new production facility      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2023-02-21      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        The ZAMA group is expanding its plant in Sto. Tomas, Batangas in the Philippines. On 17 January 2023, an official groundbreaking ceremony took place for a new building to support ZAMA growth in new product segments such as wire harnesses, technical textiles and electromechanical injection systems. On completion of construction in February, 2024 the floor area will increase from 22,000 m2\u00a0to 33,000 m2.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/zama-philippines-constructs-new-production-facility\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2023\/02\/2022-11-24.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA Group Equip Exposition 2022      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2022-11-24      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        In mid-October this year, ZAMA took part in the Equip Exposition in Louisville, Kentucky. ZAMA has been a regular exhibitor at the show since 2018, and this year is no exception.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/zama-participated-gie-expo-2021\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2021\/10\/2021.png\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA participated GIE EXPO 2021      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2021-10-29      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        On October 20-22, 2021, ZAMA once again participated in one of the largest trade shows for the outdoor power equipment industry-GIE EXPO located in Louisville, Kentucky, USA. Due to the outbreak of the COVID-19 epidemic, last year&#8217;s GIE EXPO was forced to cancel, and ZAMA also canceled most of its offline business activities out of consideration for the health of its employees.       <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/zama-and-elrad-establish-joint-venture-for-electronic-components\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2021-03-22.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA and Elrad establish joint venture for electronic components      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2021-03-22      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        ZAMA Corporation and the Elrad International Group have established a joint venture for the manufacture of electronic assemblies. The two companies signed a joint venture agreement which was subsequently officially approved by the relevant antitrust authorities. The joint venture will operate under the name ZE Electronic Manufacturing Service Ltd. ZAMA holds 51 percent of the shares, the remaining 49 percent are held by Elrad. The companies have agreed not to disclose financial details of the transaction.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/how-zama-fights-coronavirus\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2020-02-28.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        How ZAMA fights coronavirus      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2020-02-28      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        We have heard about the detection of a new corona virus in the beginning of this year, but we did not anticipate that the virus will spread from Wuhan, affecting people all over China and even the whole world.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/news\/2019-gieexpo-winners\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2019-10-24.png\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        2019 GIE+EXPO winners      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2019-10-24      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        Zama Group would like to congratulate our winners from the 2019 GIE+ EXPO.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n  \n\n        <\/div>\n\n        <div class=\"pagination-list pt-12 flex items-center justify-end gap-4\" :class=\"showPagination ? '' : 'hidden'\"\n  x-data=\"cuhk_latest_news_pagination\">\n  <button class=\"size-4 lg:size-5 group  relative -top-0.5 my-auto\" :disabled=\"current == 1\"\n    @click=\"onPrev\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\n        d=\"M10.0053 2.68714C10.087 2.77085 10.1328 2.88323 10.1328 3.00026C10.1328 3.11729 10.087 3.22967 10.0053 3.31339L5.43682 7.99995L10.0053 12.6856C10.087 12.7693 10.1328 12.8817 10.1328 12.9987C10.1328 13.1157 10.087 13.2281 10.0053 13.3118C9.96552 13.3526 9.91799 13.3851 9.8655 13.4072C9.81301 13.4294 9.75661 13.4408 9.69964 13.4408C9.64266 13.4408 9.58626 13.4294 9.53377 13.4072C9.48128 13.3851 9.43376 13.3526 9.39401 13.3118L4.53589 8.32713C4.45056 8.2396 4.40281 8.12219 4.40281 7.99995C4.40281 7.8777 4.45056 7.7603 4.53589 7.67276L9.39401 2.68807C9.43376 2.64725 9.48128 2.6148 9.53377 2.59265C9.58626 2.5705 9.64266 2.55908 9.69964 2.55908C9.75661 2.55908 9.81301 2.5705 9.8655 2.59265C9.91799 2.6148 9.96552 2.64725 10.0053 2.68807V2.68714Z\"\n        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"flex items-start\">\n    <template x-for=\"pageNumber in visiblePages\">\n      <button class=\"text-button mr-2.5 lg:mr-5 last:mr-0 transition hover:text-black hover:opacity-100\"\n        :class=\"pageNumber === current ? 'text-black' : 'text-black-000 opacity-50'\"\n        x-text=\"pageNumber\" @click=\"onPaginate(pageNumber)\" :disabled=\"!parseInt(pageNumber)\">\n      <\/button>\n    <\/template>\n  <\/div>\n\n  <button class=\"size-4 lg:size-5 group relative -top-0.5 my-auto\"\n    :disabled=\"current == totalPages\" @click=\"onNext\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\n        d=\"M4.99474 2.68714C4.91297 2.77085 4.86719 2.88323 4.86719 3.00026C4.86719 3.11729 4.91297 3.22967 4.99474 3.31339L9.56318 7.99995L4.99474 12.6856C4.91297 12.7693 4.86719 12.8817 4.86719 12.9987C4.86719 13.1157 4.91297 13.2281 4.99474 13.3118C5.03448 13.3526 5.08201 13.3851 5.1345 13.4072C5.18699 13.4294 5.24339 13.4408 5.30036 13.4408C5.35734 13.4408 5.41374 13.4294 5.46623 13.4072C5.51872 13.3851 5.56624 13.3526 5.60599 13.3118L10.4641 8.32713C10.5494 8.2396 10.5972 8.12219 10.5972 7.99995C10.5972 7.8777 10.5494 7.7603 10.4641 7.67276L5.60599 2.68807C5.56624 2.64725 5.51872 2.6148 5.46623 2.59265C5.41374 2.5705 5.35734 2.55908 5.30036 2.55908C5.24339 2.55908 5.18699 2.5705 5.1345 2.59265C5.08201 2.6148 5.03448 2.64725 4.99474 2.68807V2.68714Z\"\n        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n\n  <\/button>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('cuhk_latest_news_pagination', () => ({\n        onPrev: function () {\n          if (this.current - 1) {\n            this.current -= 1;\n          } else {\n            this.current = 1;\n          }\n          this.getPosts(false);\n        },\n        onNext: function () {\n          if (this.current + 1 <= this.totalPages) {\n            this.current += 1;\n          } else {\n            this.current = this.totalPages;\n          }\n          this.getPosts(false);\n        },\n        onPaginate: function (index) {\n          this.current = index;\n          this.getPosts(false);\n        },\n        get visiblePages() {\n          const range = 2;\n          const visible = [];\n\n          if (this.totalPages > 1) visible.push(1);\n\n          if (this.current - range > 2) {\n            if (this.current - range < this.totalPages) {\n              visible.push('...');\n            }\n          }\n\n          for (let i = Math.max(2, this.current - range); i < this.current; i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current < this.totalPages) {\n            if (this.current !== 1) {\n              if (this.current !== this.totalPages) {\n                visible.push(this.current);\n              }\n            }\n          }\n\n          for (let i = this.current + 1; i <= Math.min(this.totalPages - 1, this.current + range); i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current + range < this.totalPages - 1) {\n            visible.push('...');\n          }\n\n          visible.push(this.totalPages);\n\n          return visible;\n        }\n      }));\n    })\n  })();\n<\/script>    <\/div>\n    <script>\n        (function () {\n            document.addEventListener('alpine:init', function () {\n                Alpine.data('zama_news', () => ({\n                    s_term: \"\",\n                    s_year: \"\",\n                    d_year: \"All\",\n                    s_order: \"DESC\",\n                    d_order: \"Newest to Oldest\",\n                    s_category: \"\",\n                    d_category: \"All\",\n                    current: 1,\n                    per_page: 8,\n                    showPagination: Math.ceil(18 \/ 8),\n                    totalPages: Math.ceil(18 \/ 8),\n                    loading: false,\n\n                    getPosts: async function (resetCurrent = true) {\n                        if (resetCurrent) this.current = 1;\n                        this.loading = true;\n\n                        \/\/ fetch\n                        const baseUrl = 'https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/posts';\n                        const param = {\n                            search: this.s_term,\n                            s_year: this.s_year,\n                            s_category: this.s_category,\n                            categories: this.s_category,\n                            s_order: this.s_order,\n                            page: this.current,\n                            per_page: this.per_page,\n                        }\n                        const fetchUrl = baseUrl + \"?\" + this.objectToQueryString(param);\n\n                        try {\n                            const res = await fetch(fetchUrl);\n                            const fetchPosts = await res.json();\n                            const totalPosts = res.headers.get('X-WP-Total');\n                            this.posts = fetchPosts;\n                            this.totalPosts = totalPosts;\n                            this.totalPages = Math.ceil(totalPosts \/ this.per_page);\n                            this.showPagination = Math.ceil(totalPosts \/ this.per_page);\n\n                            \/\/ render\n                            const content = document.querySelector(\n                                '.zama-news .zama-news-content');\n                            if (!content.querySelector('template')) {\n                                const template = `<a :href=\"post.link\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img :src=\"post.image\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 x-text=\"post.title\" class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n      <\/h5>\n      <p x-text=\"post.date\" class=\"pb-3 sm:pb-5 text-body text-black-000\">\n      <\/p>\n      <p x-text=\"post.description\" class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        Read More        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>`;\n                                Alpine.morph(content, `\n                                    <div class=\"${content.className}\">\n                                        <template x-for=\"post in posts\" :key=\"post.id\">\n                                        ${template}\n                                        <\/template>\n                                    <\/div>\n                                    `);\n                            }\n\n                            \/\/ update URL\n                            const hrefParams = {\n                                s_term: this.s_term,\n                                s_year: this.s_year,\n                                s_category: this.s_category,\n                                s_order: this.s_order,\n                                current: this.current\n                            };\n                            const newUrl = window.location.href.split(\"?\")[0] + \"?\" + this\n                                .objectToQueryString(hrefParams);\n                            window.history.replaceState({}, document.title, newUrl);\n                        } catch (e) {\n                            console.log(e);\n                        } finally {\n                            this.loading = false;\n                        }\n                    },\n                    objectToQueryString: function (obj) {\n                        for (let key in obj) {\n                            if (!obj[key]) delete obj[key];\n                        }\n\n                        return Object.keys(obj).map(key => encodeURIComponent(key) + '=' +\n                            encodeURIComponent(obj[key])).join('&');\n                    }\n                }));\n            });\n        })();\n    <\/script>\n\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":6,"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":15911,"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/pages\/36\/revisions\/15911"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}