{"id":902,"date":"2024-04-25T07:36:49","date_gmt":"2024-04-25T07:36:49","guid":{"rendered":"https:\/\/jupiterlogistics.group\/my\/?page_id=902"},"modified":"2024-05-08T08:22:27","modified_gmt":"2024-05-08T08:22:27","slug":"news","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/my\/news\/","title":{"rendered":"News"},"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\/my\/wp-content\/uploads\/sites\/8\/2024\/04\/jupiter-news-banner.jpg\"\n            alt=\"Jupiter News Banner\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> News<\/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\/my\">Home<\/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\/my\/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\/my\/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\/my\/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=\"14\">Air Freight<\/li>\n                                  <li data-value=\"39\">GSSA<\/li>\n                                  <li data-value=\"40\">Industrial Solutions<\/li>\n                                  <li data-value=\"16\">Logistics<\/li>\n                                  <li data-value=\"15\">Sea Freight<\/li>\n                                  <li data-value=\"38\">Supply Chain Solutions<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"location\">\n            Location          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"location\" id=\"location\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/my\/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=\"17\">China<\/li>\n                                  <li data-value=\"18\">Japan<\/li>\n                                  <li data-value=\"22\">Malaysia<\/li>\n                                  <li data-value=\"19\">Myanmar<\/li>\n                                  <li data-value=\"20\">Philippines<\/li>\n                                  <li data-value=\"21\">Singapore<\/li>\n                                  <li data-value=\"23\">Thailand<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\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\">Newest to Oldest            <\/p>\n            <div class=\"arrow\">\n              <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/my\/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\">Newest to Oldest<\/li>\n              <li data-value=\"asc\">Oldest to Newest<\/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\/my\/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\/my\/new\/support-for-instrument-transportation-for-the-tokyo-symphony-orchestras-asia-project\/\" 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\/my\/wp-content\/uploads\/sites\/8\/2025\/08\/7.jpg\" alt=\"Support for Instrument Transportation for the Tokyo Symphony Orchestra&#8217;s Asia Project\"\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      Support for Instrument Transportation for the Tokyo Symphony Orchestra&#8217;s Asia Project    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">12 Aug 2025<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>From May to June 2025, the Tokyo Symphony Orchestra performed a series of concerts in Bangkok, Thailand, and Kuala Lumpur, Malaysia, as part of its Asia Project. With a tight schedule that did not allow for a return to Japan between performances\u2014and the logistical challenge of transporting a full orchestra of over 100 members\u2014the movement of a large number and variety of instruments required delicate and swift handling throughout the journey.<\/p>\n<p>&nbsp;<\/p>\n<p>Jupiter Group (including Jupiter Japan, Jupiter Thailand, and Jupiter Malaysia), in collaboration with Japan Airlines and Thai Airways International, developed a meticulous handling plan for each location. Additionally, we dispatched staff from Japan to ensure seamless operations.<\/p>\n<p>&nbsp;<\/p>\n<p>Thanks to this coordinated effort, we were able to fully demonstrate our expertise in precise and efficient international transportation, successfully completing the entire itinerary.<\/p>\n<p>&nbsp;<\/p>\n<p>Concert Schedule and Instrument Transportation Overview:<br \/>\nMay 26: Departure from Muza Kawasaki<br \/>\nMay 27: Transport via JL33 (Haneda \u2192 Bangkok)<br \/>\nMay 28\u201329: Bangkok concert (Thailand Cultural Centre)<br \/>\nMay 30: Transport via TG417 (Bangkok \u2192 Kuala Lumpur)<br \/>\nJune 1: Kuala Lumpur concert (Petronas Philharmonic Hall)<br \/>\nJuly 2: Return transport via JL724 (Kuala Lumpur \u2192 Narita)<\/p>\n<p>&nbsp;<\/p>\n<p>The Tokyo Symphony Orchestra\u2019s Asia Project (*) aims to embrace diverse cultures and values through music, fostering cultural and human exchange while promoting the development of musical culture across Asia. Jupiter Group is proud to support such a meaningful initiative and remains committed to actively contributing to international cultural exchange.<\/p>\n<p>&nbsp;<\/p>\n<p>(*) For more details, please visit the official website:<br \/>\nTokyo Symphony Orchestra Asia Project https:\/\/lnkd.in\/gZKGkGHe<\/p>\n<p>&nbsp;<\/p>\n<p>Whether it\u2019s musical instruments, high-value cargo, or time-sensitive shipments, Jupiter Group delivers precision and reliability for your global logistics needs.<\/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\/my\/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\/my\/wp-content\/uploads\/sites\/8\/2021\/02\/maylasia-1.png\" alt=\"Streamlining Global Supply Chains with Jupiter Logistics Malaysia\"\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      Streamlining Global Supply Chains with Jupiter Logistics Malaysia    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">12 Jul 2024<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p class=\"p1\">Are you looking for a reliable logistics partner to handle your international shipping and customs brokerage needs? Look no further than Jupiter Logistics Malaysia!<\/p>\n<p>Strategically located in the KLIA Free Commercial Zone, Jupiter Logistics Malaysia is a leading Customs Broker and Freight Forwarding Company. Their prime location within the free trade zone enables them to provide a wide range of value-added services to optimize your supply chain.<\/p>\n<p>Some of the key advantages of Jupiter Logistics Malaysia\u2019s KLIA Free Commercial Zone office include:<\/p>\n<p>\u2714\ufe0f Duty-free and tax-free storage, handling, and value-added processing of goods<br \/>\n\u2714\ufe0f Streamlined customs clearance and faster turnaround times<br \/>\n\u2714\ufe0f Easy access to major airlines and seaports for efficient global transportation<\/p>\n<p>Apart from general cargo, Jupiter Logistics Malaysia serves a diverse range of industries, including:<\/p>\n<p>\u2013 Pharmaceuticals (with temperature-controlled logistics)<br \/>\n\u2013 E-commerce (with cross-border fulfillment expertise)<br \/>\n\u2013 Airline catering (managing complex logistics for in-flight meals equipment)<br \/>\n\u2013 Electronics production (coordinating complex supply chains)<\/p>\n<p>Leveraging their global network of affiliated companies connected to major airlines and shipping lines, Jupiter Logistics Malaysia provides comprehensive logistics solutions to clients worldwide. Their expertise and industry connections ensure seamless import\/export processes and timely deliveries.<\/p>\n<p>Streamline your global operations and unlock new efficiencies with Jupiter Logistics Malaysia. Connect with them today to discuss how they can optimize your supply chain!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Image from \u201cwww.freepik.com\u201c<\/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\/my\/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-902","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":2,"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/pages\/902\/revisions\/1182"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/my\/wp-json\/wp\/v2\/enquiry_type?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}