{"id":1741,"date":"2024-04-25T07:36:49","date_gmt":"2024-04-25T07:36:49","guid":{"rendered":"https:\/\/jupiterlogistics.group\/hk\/news\/"},"modified":"2024-08-03T04:44:53","modified_gmt":"2024-08-03T04:44:53","slug":"news","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/hk\/news\/","title":{"rendered":"\u6700\u65b0\u6d88\u606f"},"content":{"rendered":"<div class=\"\">\n    <div class=\"relative min-h-52 md:min-h-60 lg:min-h-[322px] flex justify-center items-center \">\n                <img decoding=\"async\" class=\"absolute w-full h-full inset-0 object-cover\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/uploads\/sites\/5\/2024\/04\/jupiter-news-banner.jpg\"\n            alt=\"\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> \u6700\u65b0\u6d88\u606f<\/h1>\n            <\/div>\n        <\/div>\n        <div class=\"absolute inset-0 w-full h-full  bg-banner-gradient \"><\/div>\n    <\/div>\n    <div>\n        <div class=\"h-[28px] w-full bg-primaryblue\"><\/div>\n        <div class=\"h-[6px] w-full bg-green\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"breadcrumbs\">\n    <div class=\"container\">\n        <div class=\"container-md mt-1 py-5 3xl:py-6 font-medium\">\n            <div class=\"breadcrumb-items\">\n                <a class=\"page-link\" href=\"https:\/\/jupiterlogistics.group\/hk\">\u9996\u9801<\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"my-5 lg:mb-10 lg:mt-[30px]\" id=\"hkcJupiterNews\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"wrapper\">\n                <div class=\"search-form\">\n                    <form id=\"searchForm\" action=\"https:\/\/jupiterlogistics.group\/hk\/news\/\" method=\"GET\">\n  <button class=\"filters-btn\" type=\"button\">\n    <svg class=\"size-6 align-middle overflow-hidden pointer-events-none\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M640 288a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 288z m123.456-96c-14.304-55.04-64-96-123.456-96s-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896V192h-132.544zM640 864a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 864m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64h-132.544c-14.304-55.04-64-96-123.456-96M384 576a64 64 0 1 1 0.032-128.032A64 64 0 0 1 384 576m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h132.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64H507.456c-14.304-55.04-64-96-123.456-96\" class=\"fill-primaryblue transition-all\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"dd-wrapper\">\n    <div class=\"dd-items\">\n              <div class=\"form-item\">\n          <label for=\"year\">\n            Year          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"year\" id=\"year\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <input class=\"oprt-value\" name=\"year_oprt\" id=\"year_oprt\" type=\"text\" readonly value=\"\" aria-hidden=\"true\" \/>\n                            <p class=\"display-ele\">All<\/p>\n\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"2024\" >2024<\/li>\n                                  <li data-value=\"2023\" >2023<\/li>\n                                  <li data-value=\"2022\" >2022<\/li>\n                                  <li data-value=\"2021\" data-oprt=\"1\">2021 and before<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"category\">\n            Category          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"tag\" id=\"tag\" type=\"text\" readonly value=\"\" aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"102\">GSSA<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n      \n      <div class=\"form-item\">\n        <label for=\"s_order\">\n          Sort By        <\/label>\n        <div class=\"custom-select-wrapper\">\n          <div class=\"custom-select\">\n            <input class=\"select-value\" name=\"s_order\" id=\"s_order\" type=\"text\" readonly value=\"desc\" aria-hidden=\"false\" \/>\n            <p class=\"display-ele\">\u5f9e\u6700\u65b0\u5230\u6700\u820a            <\/p>\n            <div class=\"arrow\">\n              <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"select-options\">\n            <ul>\n              <li data-value=\"desc\">\u5f9e\u6700\u65b0\u5230\u6700\u820a<\/li>\n              <li data-value=\"asc\">\u5f9e\u6700\u820a\u5230\u6700\u65b0<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-item\">\n    <div class=\"search-input\">\n      <div class=\"mr-2.5 flex-1\">\n        <label for=\"search\" aria-hidden=\"false\">Search<\/label>\n        <input type=\"text\" id=\"search\" name=\"search\" value=\"\"\n          placeholder=\"Search...\" \/>\n      <\/div>\n\n      <div class=\"flex items-center shrink-0\">\n        <label for=\"submit\" aria-hidden=\"false\">submit<\/label>\n        <button type=\"submit\" id=\"submit\" class=\"size-6 p-1\">\n          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-search-icon.svg\" alt=\"Search Icon\"\n            class=\"size-full object-contain\" \/>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/form>                <\/div>\n\n                <div class=\"relative\">\n                    <div\n                        class=\"loading hidden absolute w-full h-full left-0 top-0 bg-[#ffffffCC] items-center justify-center z-[1]\">\n                        <p class=\"text-normal\">Loading&#8230;<\/p>\n                    <\/div>\n\n                    <div\n                        class=\"result-info my-5 md:my-8 xl:mb-10 xl:mt-12 text-primary heading6 hidden\">\n                        <h5 class=\"font-medium mb-2.5\">\n                            Search results about                            &#8220;<span class=\"searched-value\"><\/span>&#8221;\n                        <\/h5>\n                        <p class=\"font-normal\">\n                            <span class=\"total-result\">2<\/span>\n                            related results                        <\/p>\n                    <\/div>\n\n                    <div class=\"search-result relative\">\n                        \n<a href=\"https:\/\/jupiterlogistics.group\/hk\/new\/a-warm-welcome-to-our-new-joiners-%f0%9f%9a%8b\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/uploads\/sites\/5\/2025\/07\/1752475614072.jpg\" alt=\"A Warm Welcome to Our New Joiners! \ud83d\ude8b\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\"><\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      A Warm Welcome to Our New Joiners! \ud83d\ude8b    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">15 Jul 2025<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>Last week, our Hong Kong headquarters team celebrated in true local style\u2014with a tram party! \ud83e\udd73 It was more than just a gathering; it was a joyful moment to welcome new faces, strengthen team bonds, and create lasting memories.<\/p>\n<p>&nbsp;<\/p>\n<p>From fun games to laughter-filled conversations, the evening was a perfect blend of energy and connection. \ud83d\udcac \ud83c\udf7e<\/p>\n<p>&nbsp;<\/p>\n<p>A big thank you to everyone who joined and helped make it such a special event. Here\u2019s to more shared experiences and continued success together! \ud83d\udcbc\u2728<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>\n<a href=\"https:\/\/jupiterlogistics.group\/hk\/new\/navigating-the-skies-insights-into-air-freight-strategies\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/uploads\/sites\/5\/2025\/05\/1748509780441.jpg\" alt=\"Reliable Air Cargo Solutions Across Asia and Beyond\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\">AIR FREIGHT<\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      Reliable Air Cargo Solutions Across Asia and Beyond    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">29 May 2025<\/p>\n              <p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">\n          GSSA        <\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>As the appointed GSSA for American Airlines Cargo in key Asian markets, Jupiter Group partners with logistics providers to deliver consistent airfreight capacity and tailored solutions.<\/p>\n<p>&nbsp;<\/p>\n<p>With direct access to American Airlines\u2019 extensive U.S. network through major gateways, we help streamline operations.<\/p>\n<p>&nbsp;<\/p>\n<p>Our local teams across Hong Kong, Guangzhou, Manila, Ho Chi Minh, and Bangkok understand regional logistics challenges, offering personalized support to ensure smooth transit and connections.<\/p>\n<p>&nbsp;<\/p>\n<p>Please feel free to reach out to us @ booking.ail@jupiterlogistics.group<\/p>\n<p>&nbsp;<\/p>\n<p>For more details on American Airlines Cargo&#8217;s capabilities, visit https:\/\/lnkd.in\/eEgtt2k<\/p>\n<p>&nbsp;<\/p>\n<p>Let&#8217;s connect to explore how we can support your air cargo needs<\/p>\n<p>&nbsp;<\/p>\n<p>Image from www.freepik.com<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>                    <\/div>\n\n                    <div class=\"pagination flex justify-center md:justify-end items-center mt-5 lg:mt-10\">\n  <button\n    class=\"prev-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\"\n    disabled>\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\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        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"pagination-number flex\"><\/div>\n\n  <button\n    class=\"next-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\">\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\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        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n<\/div>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const per_page = 4;\n    let totalPages = 1;\n    let current = 1;\n    let totalPosts = 0;\n\n    document.addEventListener('DOMContentLoaded', function () {\n      const loading = document.querySelector('#hkcJupiterNews .loading');\n      const form = document.querySelector('#hkcJupiterNews .search-form form');\n      const paginationNumber = document.querySelector('#hkcJupiterNews .pagination-number');\n      const prevBtn = document.querySelector('#hkcJupiterNews .pagination .prev-btn');\n      const nextBtn = document.querySelector('#hkcJupiterNews .pagination .next-btn');\n      const selectInputs = document.querySelectorAll('#hkcJupiterNews form .custom-select .select-value');\n\n      selectInputs.forEach(select => {\n        select.addEventListener('change', function() {\n          current = 1;\n          submitForm();\n        });\n      });\n\n      if (prevBtn) {\n        prevBtn.addEventListener(\"click\", function () {\n          if (current - 1 > 0) {\n            current -= 1;\n            submitForm();\n\n            if (nextBtn.disabled) {\n              nextBtn.removeAttribute('disabled');\n            }\n\n            if (current - 1 < 1) {\n              prevBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (nextBtn) {\n        nextBtn.addEventListener(\"click\", function () {\n          if (current + 1 <= totalPages) {\n            current += 1;\n            submitForm();\n\n            if (prevBtn.disabled) {\n              prevBtn.removeAttribute('disabled');\n            }\n\n            if (current + 1 > totalPages) {\n              nextBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (form) {\n        form.addEventListener('submit', function (e) {\n          e.preventDefault();\n          current = 1;\n          submitForm();\n        });\n      }\n\n      if (paginationNumber) {\n        handlePagination();\n      }\n\n      \/**\n     * @param {Object} param\n     * @param {String} param.location\n     * @param {String} param.search \n     * @param {String} param.s_order\n     * @param {String} param.tag\n     * @param {Number} param.s_year\n     * @param {Number} param.year_oprt\n     * @param {Number} param.current\n     * @param {Number} param.per_page\n     *\/\n      function searchPosts(param) {\n        if (loading) loading.style.display = \"flex\";\n        const baseUrl = 'https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/new';\n\n        const allQueryParam = Object.assign({}, param);\n        allQueryParam.order = param.s_order;\n        delete allQueryParam.s_order;\n        delete allQueryParam.current;\n        delete allQueryParam.per_page;\n\n\n        const allQueryString = Object.keys(allQueryParam).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(allQueryParam[key])).join('&');\n        const allQueryUrl = baseUrl + \"?\" + allQueryString;\n\n        fetch(allQueryUrl) \/\/ fetch total posts\n          .then(res => res.json())\n          .then(posts => {\n            if (loading) loading.style.display = \"none\";\n            totalPosts = posts.length;\n            totalPages = Math.ceil(posts.length \/ param.per_page);\n            console.log(totalPages);\n            \/* split posts for pagination *\/\n            const startIndex = param.current > 1 ? (param.current - 1) * param.per_page : 0;\n            const postsToDisplay = posts.slice(startIndex, startIndex + param.per_page);\n            \/\/ console.log(\"Posts => \", posts);\n            \/\/ console.log(\"StartIndex => \", startIndex);\n            \/\/ console.log(\"End Index => \", startIndex + param.per_page);\n            \/\/ console.log(\"postsToDisplay => \", postsToDisplay);\n            displayPost(postsToDisplay);\n            handlePagination();\n          })\n          .catch(e => {\n            console.log(e);\n          });\n\n        const currentUrl = window.location.href.split('?')[0];\n        const originalQueryString = Object.keys(param).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(param[key])).join('&');\n        const newUrl = `${currentUrl}?${originalQueryString}`;\n        window.history.replaceState({}, document.title, newUrl);\n      }\n\n      function displayPost(posts) {\n        const content = document.querySelector('#hkcJupiterNews .search-result');\n        const resultInfo = document.querySelector('#hkcJupiterNews .result-info');\n        const searchInputValue = document.querySelector('#hkcJupiterNews .search-form input#search').value;\n        const searchedValue = resultInfo.querySelector('.searched-value');\n        const totalPost = resultInfo.querySelector('.total-result');\n\n        if (content) {\n          content.innerHTML = \"\";\n          const updateHTML = [];\n          if (posts.length) {\n            if (searchInputValue.length) {\n              if (resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.remove('hidden');\n              }\n            } else {\n              if (!resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.add('hidden');\n              }\n            }\n\n            searchedValue.innerText = searchInputValue;\n            totalPost.innerText = totalPosts;\n            posts.forEach(post => {\n              const html = `\n                    <a href=\"${post.link}\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n                      <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n                          <img decoding=\"async\" src=\"${post.featured_media_url}\" alt=\"${post.title.rendered}\"\n                              class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n                      <\/div>\n\n                      <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n                        <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\">${post.excerpt.rendered}<\/h4>\n                        <h3\n                            class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n                            ${removeTagsAndEscape(post.title.rendered)}\n                        <\/h3>\n                        <div class=\"flex flex-wrap justify-start items-center\">\n                            <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">${formatDate(new Date(post.date))}<\/p>\n                              ${post.tags ?\n                  (\n                    post.tags.map(tag => (\n                      `<p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">${tag}<\/p>`\n                    )).join('')\n                  ) : ''\n                }\n                        <\/div>\n                        <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\">${post.description}<\/div>\n                        <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n                          <span class='text-primaryblue mr-1.5'>Read More<\/span>\n                          <div class=\"size-2.5 lg:size-[15px]\">\n                            <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n                                class=\"fill-primaryblue\" \/>\n                            <\/svg>\n                          <\/div>\n                        <\/span>\n                      <\/div>\n                    <\/a>`;\n              updateHTML.push(html);\n            });\n          } else {\n            if (!resultInfo.classList.contains('hidden')) {\n              resultInfo.classList.add('hidden');\n            }\n\n            updateHTML.push(`\n            <h5 class=\"heading5 font-bold text-primaryblue my-5 md:mt-8 xl:mt-12\">No Results Found.<\/h5>`);\n          }\n          content.innerHTML = updateHTML.join('');\n        }\n      }\n\n      function formatDate(date) {\n        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n        const day = date.getDate();\n        const month = months[date.getMonth()];\n        const year = date.getFullYear();\n        return `${day} ${month} ${year}`;\n      }\n\n      function removeTagsAndEscape(input) {\n        \/\/ Remove HTML tags\n        const withoutTags = input.replace(\/<[^>]*>\/g, '');\n        \/\/ Remove escape characters such as '\\n'\n        const cleanText = withoutTags.replace(\/\\\\n\/g, '');\n\n        return cleanText;\n      }\n\n      function generatePaginationBtn(i) {\n        const btn = document.createElement('button');\n        btn.setAttribute('data-page', i);\n        return btn;\n      }\n\n      function generateFoldSpan() {\n        const span = document.createElement('span');\n        span.className = \"size-5 flex items-center justify-center text-large font-semibold mr-2.5 md:mr-5 text-[rgba(93,102,110,0.70)] cursor-default\";\n        span.innerText = \"...\"\n        return span;\n      }\n\n      function handlePagination() {\n        paginationNumber.innerHTML = \"\";\n\n        let prevFolded = false;\n        let nextFolded = false;\n        for (let i = 1; i <= totalPages; i++) {\n          const btn = generatePaginationBtn(i);\n          if (i == current) {\n            btn.classList.add('active');\n          }\n          btn.innerText = i;\n\n          btn.addEventListener(\"click\", function () {\n            current = parseInt(btn.dataset.page);\n            const activeBtn = document.querySelector('#hkcJupiterNews .pagination-number button.active');\n            activeBtn.classList.remove('active');\n            this.classList.add('active');\n\n            submitForm();\n\n            if (current == totalPages) {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              nextBtn.setAttribute(\"disabled\", true)\n            } else if (current == 1) {\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n              prevBtn.setAttribute(\"disabled\", true);\n            } else {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n            }\n          });\n\n          if (i == 1 || i == totalPages || i == current) {\n            paginationNumber.appendChild(btn);\n          } else if (i < current) {\n            let nextThreshold = current == totalPages ? 3 : 2;\n            if (i > current - nextThreshold) {\n              paginationNumber.appendChild(btn);\n            } else {\n              let maxLength = 3;\n              if (current > totalPages - maxLength) {\n                if (totalPages - current > 1) {\n                  maxLength = 4;\n                } else {\n                  maxLength = 5;\n                }\n              }\n\n              const currentLength = paginationNumber.children.length;\n              if (i < maxLength) {\n                if (currentLength < maxLength) {\n                  paginationNumber.appendChild(btn);\n                }\n              } else if (!prevFolded) {\n                prevFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              }\n            }\n          } else {\n            const nextMax = current == 1 ? 4 : current == 2 ? 3 : 2;\n            if (i < current + nextMax) {\n              paginationNumber.appendChild(btn);\n            } else {\n              if (!nextFolded) {\n                nextFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              } else {\n                const lastThreshold = totalPages - 3;\n                const maxLength = 7;\n                const currentLength = paginationNumber.children.length;\n                if (i > lastThreshold && currentLength < maxLength) {\n                  if (totalPages - i == maxLength - currentLength) {\n                    paginationNumber.appendChild(btn);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      function submitForm() {\n        if(form) {\n          const formData = Object.fromEntries(new FormData(form).entries());\n\n          searchPosts({\n            location: formData.location,\n            search: formData.search,\n            s_order: formData.s_order,\n            tag: formData.tag,\n            s_year: formData.year,\n            year_oprt: formData.year_oprt,\n            current: current,\n            per_page: per_page\n          });\n        }\n      }\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"enquiry_type":[],"class_list":["post-1741","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/comments?post=1741"}],"version-history":[{"count":6,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1741\/revisions"}],"predecessor-version":[{"id":2072,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1741\/revisions\/2072"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/media?parent=1741"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/enquiry_type?post=1741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}