{"id":902,"date":"2024-04-25T07:36:49","date_gmt":"2024-04-25T07:36:49","guid":{"rendered":"https:\/\/jupiterlogistics.group\/hk\/?page_id=902"},"modified":"2024-08-02T06:47:01","modified_gmt":"2024-08-02T06:47:01","slug":"news","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/hk\/en\/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\/hk\/wp-content\/uploads\/sites\/5\/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\/hk\/en\/\">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\/hk\/en\/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=\"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\/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=\"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\/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\">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\/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\">5<\/span>\n                            related results                        <\/p>\n                    <\/div>\n\n                    <div class=\"search-result relative\">\n                        \n<a href=\"https:\/\/jupiterlogistics.group\/hk\/en\/new\/a-vibrant-beginning-to-the-new-season\/\" 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\/2026\/02\/Jupiter-Logistics-new-year-1.jpg\" alt=\"A Vibrant Beginning to the New Season\"\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 Vibrant Beginning to the New Season    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">26 Feb 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>What an incredible start to the period! Our office in Hong Kong was filled with color, energy, and the sounds of good fortune today with the traditional Lion Dance.<\/p>\n<p>&nbsp;<\/p>\n<p>We were especially thrilled to be visited by the gorgeous pink lion\u2014a powerful symbol of good fortune, career advancement, and enduring prosperity. We are embracing all the positive vibes it brings!<\/p>\n<p>&nbsp;<\/p>\n<p>While the drums beat loudest in Hong Kong, our wishes travel far. We are sending the same wave of success, good health, and prosperity to all our stakeholders and to every member of Jupiter Group.<\/p>\n<p>&nbsp;<\/p>\n<p>Let the blessings begin! \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\/en\/new\/a-year-of-achievement-a-future-of-possibility\/\" 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\/2026\/02\/AD1.jpg\" alt=\"A Year of Achievement, A Future of Possibility\"\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 Year of Achievement, A Future of Possibility    <\/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 Feb 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>What a fantastic way to wrap up the year! Last Friday, we held our Annual Dinner, a vibrant celebration of a significant milestone: Jupiter Group\u2019s successful achievement of our 2025 targets. \ud83c\udf89<\/p>\n<p>&nbsp;<\/p>\n<p>The evening was filled with great food, laughter, and camaraderie\u2014a perfect reflection of our team spirit. It was inspiring to see colleagues from across our Hong Kong headquarters and all functions come together, reminding us that our greatest strength is our people and unity.<\/p>\n<p>&nbsp;<\/p>\n<p>A heartfelt thank you to every team member whose dedication and hard work made this achievement possible. This celebration is yours.<\/p>\n<p>&nbsp;<\/p>\n<p>As we toast to the past year\u2019s accomplishments, our focus is already on the future. The journey ahead in 2026 is one of transformative collaboration.<\/p>\n<p>\u2705 We are investing in our digital foundation with group-wide ERP\/IT transformation and DX initiatives.<br \/>\n\u2705 We are evolving Hong Kong headquarters into a strategic enabler and partner for our global network.<br \/>\n\u2705 And we are committed to strengthening the \u201cOne Jupiter\u201d spirit\u2014challenging norms, embracing change, and collaborating seamlessly across borders.<\/p>\n<p>&nbsp;<\/p>\n<p>Here\u2019s to building on our 2025 momentum, to deeper cooperation, and to a thriving year ahead for all Jupiter teams. \ud83d\ude80<\/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\/en\/new\/bowling-together-growing-together-celebrating-collaboration-at-jupiter-group\/\" 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\/2026\/01\/1768813591245.jpg\" alt=\"Bowling Together, Growing Together: Celebrating Collaboration at Jupiter Group\"\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      Bowling Together, Growing Together: Celebrating Collaboration at Jupiter Group    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">19 Jan 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>Last Friday night, Jupiter Hong Kong team swapped spreadsheets for bowling scores and boardrooms for bowling lanes! We gathered for a fun-filled evening of strikes, spares, and plenty of laughter.<\/p>\n<p>&nbsp;<\/p>\n<p>It was more than just a game \u2013 it was a celebration of teamwork, connection, and the spirit of collaboration that defines Jupiter Group. Whether rolling their first-ever strike or perfecting their spin, everyone brought energy, encouragement, and great sportsmanship.<\/p>\n<p>&nbsp;<\/p>\n<p>We\u2019re proud to foster a culture that values not only hard work but also meaningful moments of connection outside the office. At Jupiter Group, we believe that a healthy work-life balance is key to a happy, motivated, and high-performing team.<\/p>\n<p>&nbsp;<\/p>\n<p>Thank you to everyone who joined and made the night such a success.<\/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\/en\/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>                    <\/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 = 2;\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\/en\/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\/hk\/en\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":5,"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":2042,"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/pages\/902\/revisions\/2042"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/en\/wp-json\/wp\/v2\/enquiry_type?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}