{"id":107809,"date":"2025-01-07T10:03:25","date_gmt":"2025-01-07T03:03:25","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=107809"},"modified":"2025-01-08T15:41:29","modified_gmt":"2025-01-08T08:41:29","slug":"jblxrukita","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/jblxrukita\/","title":{"rendered":"JBL x Rukita"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"107809\" class=\"elementor elementor-107809\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b1aff5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4b1aff5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e742bb0\" data-id=\"e742bb0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d1d81d elementor-widget elementor-widget-shortcode\" data-id=\"1d1d81d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <style>\n        #title {\n            display: none;\n        }\n\n        @media (max-width: 768px) {\n            .is-desktop {\n                display: none !important;\n            }\n        }\n\n        @media (min-width: 769px) {\n            .is-mobile {\n                display: none !important;\n            }\n        }\n\n        .cta:not(:disabled),\n        .cta:not(.active) {\n            transition: all .2s ease-in;\n\n            &:focus,\n            &:hover {\n                outline: none;\n            }\n\n            &:hover {\n                opacity: 0.8;\n            }\n        }\n        \n        #dekorumawithjbl {\n            max-width: var(--sizing-max-page);\n            margin: 0 auto;\n\n            #hero {\n                position: relative;\n                \n                .img-container {\n                    display: flex;\n\n                    \/* @media (max-width: 767px) {\n                        min-height: 400px;\n                    } *\/\n                    \n                    .thumb {\n                        width: 100%;\n                        height: 100%;\n\n                        @media (max-width: 767px) {\n                            object-fit: cover;\n                            height: auto;\n                        }\n                    }\n\n                    .text-wrapper {\n                        position: absolute;\n                        width: fit-content;\n                        height: fit-content;\n                        left: 2.5%;\n                        top: 50%;\n                        transform: translateY(-50%);\n                        background-color: rgba(255, 255, 255, 0.95);\n                        padding: 60px;\n\n                        @media (max-width: 767px) {\n                            width: auto;\n                            right: 2.5%;\n                            padding: 30px;\n                        }\n\n                        .img-wrapper {\n                            img {\n                                @media (max-width: 767px) {\n                                    width: 60%;\n                                }\n                            }\n                        }\n\n                        .title-section {\n                            font-family: \"Kostic - Roc Grotesk Compressed ExtraBold\",Arial, Helvetica, sans-serif;\n                            font-size: clamp(40px, calc(2.5rem + ((1vw - 3.76px) * 3.2895)), 75px);\n                            min-height: 0vw;\n                            line-height: 90%;\n                            margin: 0px;\n                            margin-top: 30px;\n                            margin-bottom: 24px;\n                            text-transform: uppercase;\n                        }\n\n                        .mycta {\n                            font-family: Grostesk-Bold,Arial, Helvetica, sans-serif;\n                            font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 0.5639)), 24px);\n                            min-height: 0vw;\n                            color: white;\n                            background-color: #F57B0A;\n                            padding: 10px 40px;\n                        }\n                    }\n                }\n            }\n\n            #promo-period {\n                position: relative;\n                \n                .inside {\n                    display: grid;\n                    grid-template-columns: repeat(1, minmax(0, 1fr));\n                    \/* grid-template-columns: repeat(2, minmax(0, 1fr)); *\/\n\n                    \/* @media (max-width: 767px) {\n                        grid-template-columns: repeat(1, minmax(0, 1fr));\n                    } *\/\n\n                    .left-side {\n                        background-color: black;\n                        padding: 100px 170px 90px;\n\n                        @media (max-width: 767px) {\n                            padding: 50px 20px;\n                        }\n\n                        .title-section {\n                            color: white;\n                            font-size: clamp(38px, calc(2.375rem + ((1vw - 3.76px) * 3.1955)), 72px);\n                            min-height: 0vw;\n                            font-family: \"Kostic - Roc Grotesk Condensed ExtraBold\",Arial, Helvetica, sans-serif;\n                            line-height: 90%;\n                            margin: 0px;\n                            margin-bottom: 26px;\n                            text-align: center;\n                        }\n\n                        .text-wrap {\n                            p {\n                                font-family: Grostesk-Light,Arial, Helvetica, sans-serif;\n                                font-size: clamp(16px, calc(1rem + ((1vw - 3.76px) * 1.2218)), 29px);\n                                min-height: 0vw;\n                                line-height: 120%;\n                                color: white;\n                                text-align: center;\n                                margin: 0px;\n\n                                strong {\n                                    font-family: Grostesk-Regular,Arial, Helvetica, sans-serif;\n                                }\n                            }\n\n                            .mycta {\n                                font-family: Grostesk-Bold,Arial, Helvetica, sans-serif;\n                                font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 0.5639)), 24px);\n                                min-height: 0vw;\n                                color: white;\n                                background-color: #F57B0A;\n                                padding: 10px 40px;\n                                margin-top: 30px;\n                                margin-inline: auto;\n                                display: block;\n                                width: fit-content;\n\n                                @media (max-width: 767px) {\n                                    padding-block: 3px;\n                                }\n                            }\n                        }\n                    }\n\n                    .right-side {\n                        display: flex;\n\n                        .img-wrapper {\n                            display: flex;\n\n                            img {\n                                width: 100%;\n                                height: 100%;\n                            }\n                        }\n                    }\n                }\n            }\n            \n            #product-recommendation {\n                .inside {\n                    .title-wrap {\n                        background-color: #F04C24;\n                        padding: 30px 10px;\n                        \n                        .title-section {\n                            font-family: \"Kostic - Roc Grotesk Condensed ExtraBold\",Arial, Helvetica, sans-serif;\n                            font-size: clamp(28px, calc(1.75rem + ((1vw - 3.76px) * 4.1353)), 72px);\n                            min-height: 0vw;\n                            line-height: 90%;\n                            color: white;\n                            text-align: center;\n                            margin: 0px;\n                            text-transform: uppercase;\n                        }\n                    }\n\n                    .product-container {\n                        position: relative;\n                        margin-top: 71px;\n                        margin-bottom: 81px;\n\n                        .controller-product {\n                            .prev-btn, .next-btn {\n                                position: absolute;\n                                top: 50%;\n                                transform: translateY(-50%);\n                                z-index: 1;\n                            }\n\n                            .prev-btn {\n                                left: 3%;\n                            }\n                            .next-btn {\n                                right: 3%;\n                            }\n                        }\n                        \n                        .product-wrapper {\n                            display: flex;\n\n                            .product-list {\n                                margin-inline: 12px;\n                                border: 1px solid #C0C0C0;\n                                padding-block: 34px;\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: space-between;\n\n                                .product-title {\n                                    text-align: center;\n                                    color: black;\n                                    font-family:  Grostesk-Bold,Arial, Helvetica, sans-serif;\n                                    font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 0.7519)), 26px);\n                                    min-height: 0vw;\n                                    margin: 0px;\n                                }\n\n                                .img-wrapper {\n                                    display: flex;\n\n                                    img {\n                                        width: 100%;\n                                    }\n                                }\n\n                                .btn-wrapper {\n                                    .mycta {\n                                        background-color: #F57B0A;\n                                        padding: 8px 15px;\n                                        font-family: Grostesk-Bold,Arial, Helvetica, sans-serif;\n                                        color: white;\n                                        width: fit-content;\n                                        margin: 0 auto;\n                                        display: block;\n                                        font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 0.5639)), 24px);\n                                        min-height: 0vw;\n\n                                        @media (max-width: 767px) {\n                                            padding-block: 3px;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #tnc {\n                .inside {\n                    .title-wrap {\n                        background-color: #F04C24;\n                        padding: 79px 10px;\n                        gap: 12px;\n\n                        .like-btn {\n                            display: flex;\n                            align-items: center;\n                            width: fit-content;\n                            margin: 0 auto;\n                            cursor: pointer;\n                            transition: all .25s ease;\n                            \n                            .title-section {\n                                font-family: \"Kostic - Roc Grotesk Condensed ExtraBold\",Arial, Helvetica, sans-serif;\n                                font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 1.9737)), 39px);\n                                min-height: 0vw;\n                                line-height: 90%;\n                                color: white;\n                                text-align: center;\n                                margin: 0px;\n                                text-transform: uppercase;\n                                user-select: none; \/* Prevent text selection *\/\n                                -webkit-user-select: none; \/* For Safari *\/\n                                -moz-user-select: none; \/* For Firefox *\/\n                                -ms-user-select: none; \/* For Internet Explorer *\/\n                            }\n                        }\n\n                        .active {\n                            svg {\n                                transform: rotate(180deg);\n                            }\n                        }\n                    }\n\n                    .voucher-table {\n                        font-size: clamp(10px, calc(0.625rem + ((1vw - 3.76px) * 0.5639)), 16px);\n                        min-height: 0vw;\n                        margin-bottom: 20px;\n                    }\n\n                    .text-wrapper {\n                        color: black;\n                        padding: 60px;\n\n                        @media (max-width: 767px) {\n                            padding: 30px;\n                        }\n\n                        h2 {\n                            font-family: Grostesk-Medium,Arial, Helvetica, sans-serif;\n                            font-size: clamp(18px, calc(1.125rem + ((1vw - 3.76px) * 0.9398)), 28px);\n                            min-height: 0vw;\n                            line-height: 120%;\n                            margin: 0;\n                        }\n                        \n                        ol {\n                            font-family: Grostesk-Regular,Arial, Helvetica, sans-serif;\n                            font-size: 16px;\n                            line-height: 150%;\n                        }\n\n                        .voucher-container {\n                            display: grid;\n                            grid-template-columns: repeat(2, minmax(0, 1fr));\n\n                            @media (max-width: 767px) {\n                                grid-template-columns: repeat(1, minmax(0, 1fr));\n                            }\n                        }\n\n                        a {\n                            font-weight: 700;\n                            text-decoration: underline;\n                            text-decoration-color: var(--c-accent);\n                            text-underline-offset: 2px;\n                            outline: none;\n\n                            &:hover {\n                                color: var(--c-accent);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    <\/style>\n    <main id=\"dekorumawithjbl\">\n        <section id=\"hero\">\n            <div class=\"img-container\">\n                <img fetchpriority=\"high\" decoding=\"async\" \n                    src=\"\/wp-content\/uploads\/2025\/01\/rukita-hero.webp\" \n                    alt=\"JBL x Rukita Hero Banner\"\n                    width=\"2160\"\n                    height=\"744\"\n                    loading=\"eager\"\n                    class=\"thumb\"\n                >\n                <!-- <div class=\"text-wrapper\">\n                    <div class=\"img-wrapper\">\n                        <img loading=\"lazy\" decoding=\"async\" \n                            src=\"\/wp-content\/uploads\/2025\/01\/rukita-collabwithjbl-1.svg\" \n                            alt=\"JBL x Rukita Thumbnail\"\n                            width=\"295\"\n                            height=\"47\"\n                            loading=\"lazy\"\n                            style=\"width: 60%;\"\n                        >\n                    <\/div>\n                    <h1 class=\"title-section\">\n                        Special for Rukees,<br> Get Special<br> Offers from JBL                    <\/h1>\n                    <a href=\"#\" class=\"mycta cta\">Belanja Sekarang<\/a>\n                <\/div> -->\n            <\/div>\n        <\/section>\n        <section id=\"promo-period\">\n            <div class=\"inside\">\n                <div class=\"left-side\">\n                    <h2 class=\"title-section\">\n                        SOUND YOUR SPACE\n                    <\/h2>\n                    <div class=\"text-wrap\">\n                        <p>Upgrade your listening experience with a special 15% discount on select JBL products. This exclusive promotion is only valid for Rukees.<\/p>\n                        <!-- <p>Periode promo: <strong>1 Januari - 31 Maret 2025.<\/strong><\/p> -->\n                        <!-- <a class=\"mycta cta\" href=\"\/all-products\/\">Belanja Sekarang<\/a> -->\n                    <\/div>\n                <\/div>\n                <div class=\"right-side\" id=\"rukita-slider\">\n                    <div class=\"img-wrapper\">\n                        <img loading=\"lazy\" decoding=\"async\" \n                            src=\"\/wp-content\/uploads\/2025\/01\/rukita-herobanner.webp\" \n                            alt=\"Rukita Harmonize\"\n                            width=\"2160\"\n                            height=\"1204\"\n                        >\n                    <\/div>\n                    <div class=\"img-wrapper\">\n                        <img loading=\"lazy\" decoding=\"async\" \n                            src=\"\/wp-content\/uploads\/2025\/01\/rukita-herobanner-2-e1737472128657.webp\" \n                            alt=\"Rukita Harmonize\"\n                            width=\"2160\"\n                            height=\"767\"\n                        >\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        <section id=\"product-recommendation\">\n            <div class=\"inside\">\n                <div class=\"title-wrap\">\n                    <h2 class=\"title-section\">An ideal choice for your SPACE<\/h2>\n                <\/div>\n\n                <div class=\"product-container\">\n                    <div class=\"controller-product\">\n                        <button class=\"prev-btn cta\" disabled>\n                            <svg width=\"48\" height=\"49\" viewbox=\"0 0 48 49\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.8732 44.776H32.1441C39.1742 44.776 43.9141 40.2533 43.9141 33.5039V16.2373C43.9141 9.48602 39.1742 4.94531 32.1441 4.94531H15.8732C8.82319 4.94531 4.08333 9.48602 4.08333 16.2373V33.5039C4.08333 40.2533 8.82319 44.776 15.8732 44.776ZM19.4742 23.362H32.1204C32.9569 23.362 33.6141 24.0392 33.6141 24.8557C33.6141 25.6921 32.9569 26.3493 32.1204 26.3493H19.4742L24.4132 31.2684C24.692 31.5473 24.8513 31.9456 24.8513 32.324C24.8513 32.7004 24.692 33.0807 24.4132 33.3795C23.8356 33.957 22.8797 33.957 22.3022 33.3795L14.7941 25.9112C14.2364 25.3536 14.2364 24.3578 14.7941 23.8002L22.3022 16.3319C22.8797 15.7544 23.8356 15.7544 24.4132 16.3319C24.9907 16.9294 24.9907 17.8654 24.4132 18.4629L19.4742 23.362Z\" fill=\"black\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next-btn cta\">\n                            <svg width=\"48\" height=\"49\" viewbox=\"0 0 48 49\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32.1268 44.776H15.8559C8.82579 44.776 4.08594 40.2533 4.08594 33.5039V16.2373C4.08594 9.48602 8.82579 4.94531 15.8559 4.94531H32.1268C39.1768 4.94531 43.9167 9.48602 43.9167 16.2373V33.5039C43.9167 40.2533 39.1768 44.776 32.1268 44.776ZM28.5258 23.362H15.8796C15.0431 23.362 14.3859 24.0392 14.3859 24.8557C14.3859 25.6921 15.0431 26.3493 15.8796 26.3493H28.5258L23.5868 31.2684C23.308 31.5473 23.1487 31.9456 23.1487 32.324C23.1487 32.7004 23.308 33.0807 23.5868 33.3795C24.1644 33.957 25.1203 33.957 25.6978 33.3795L33.2059 25.9112C33.7636 25.3536 33.7636 24.3578 33.2059 23.8002L25.6978 16.3319C25.1203 15.7544 24.1644 15.7544 23.5868 16.3319C23.0093 16.9294 23.0093 17.8654 23.5868 18.4629L28.5258 23.362Z\" fill=\"black\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                    <div class=\"product-wrapper\">\n                                                        <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL Tour Pro 3<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/touronem3-products-jbltourpro3.webp\" width=\"460\" height=\"460\" alt=\"JBL Tour Pro 3 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tour-pro-3\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL Tour One M2<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/JBL2520Tour2520One2520M2_Silver_ikohh118j.webp\" width=\"460\" height=\"460\" alt=\"JBL Tour One M2 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tour-one-m2\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL Live Flex 3<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/01.JBL_Live-Flex-3_Product-Image_Charg-Case-Feat_Silver.jpg\" width=\"460\" height=\"460\" alt=\"JBL Live Flex 3 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-live-flex-3\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL Authentics 200<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/JBL2520Authentics2520200_Black_wwp4l8k9f-1.webp\" width=\"460\" height=\"460\" alt=\"JBL Authentics 200 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-authentics-200\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL BAR 800<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/12\/dekoruma-productrecommendation-bar800.webp\" width=\"460\" height=\"460\" alt=\"JBL BAR 800 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-bar-800\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"product-list\">\n                                    <h3 class=\"product-title\">JBL Horizon 2<\/h3>\n                                    <div class=\"img-wrapper\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/JBL2520Horizon25202_Black_nra5ixetx-600x600-1.webp\" width=\"460\" height=\"460\" alt=\"JBL Horizon 2 Thumb\">\n                                    <\/div>\n                                    <div class=\"btn-wrapper\">\n                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-horizon-2\/\" class=\"mycta cta\">View Product<\/a>\n                                    <\/div>\n                                <\/div>\n                                                <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        <section id=\"tnc\">\n            <div class=\"inside\">\n                <div class=\"title-wrap\">\n                    <div class=\"like-btn\" role=\"button\">\n                        <h2 class=\"title-section\">Terms and Conditions of JBL x RUKITA Promo Partnership<\/h2>\n                        <svg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M14.81 21.7005C14.7352 21.6277 14.4154 21.3526 14.1524 21.0963C12.4979 19.5938 9.78984 15.6743 8.96325 13.6229C8.83042 13.3113 8.5493 12.5236 8.53125 12.1028C8.53125 11.6995 8.6241 11.3151 8.81237 10.9483C9.07544 10.491 9.48938 10.1242 9.97811 9.92319C10.3173 9.7938 11.3321 9.5928 11.3502 9.5928C12.4605 9.3918 14.2645 9.28125 16.2582 9.28125C18.1577 9.28125 19.8882 9.3918 21.0153 9.55637C21.0333 9.57521 22.2945 9.77621 22.7265 9.99606C23.5157 10.3993 24.0057 11.187 24.0057 12.0299V12.1028C23.9864 12.6518 23.4964 13.8063 23.4783 13.8063C22.6504 15.7472 20.0752 19.5762 18.364 21.1151C18.364 21.1151 17.9243 21.5485 17.6496 21.737C17.255 22.0309 16.7663 22.1767 16.2775 22.1767C15.732 22.1767 15.224 22.0121 14.81 21.7005Z\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n\n                <div class=\"text-wrapper\" id=\"text-wrap\" style=\"display: none;\">\n                    <ol>\n                        <li>JBL vouchers are only for Rukees\/Tenants who are registered in the official Rukita database.<\/li>\n                        <li>JBL vouchers are valid from January 10 - March 31, 2025 at <a href=\"\/en\/\">https:\/\/jblstore.co.id\/en<\/a>.<\/li>\n                        <!-- <li>JBL vouchers are valid from January 10 - March 31, 2025 at <a href=\"\/en\/\">https:\/\/jblstore.co.id\/en\/<\/a>.<\/li> -->\n                        <li>JBL vouchers are valid for any purchase of selected JBL products (marked: \u201cJBL Partnership Promotion\u201d).<\/li>\n                        <li>JBL vouchers are valid for all JBL products available at <a href=\"\/en\/\">https:\/\/jblstore.co.id\/en<\/a>.<\/li>\n                        <li>JBL vouchers cannot be cashed or exchanged for other products.<\/li>\n                        <li>For more information check <a href=\"\/en\/jblxrukita\/\" target=\"_blank\" rel=\"follow noopener\">JBL x Rukita - JBL Store<\/a> or <a href=\"https:\/\/www.rukita.co\/promo\/jbl-diskon15\" target=\"_blank\" rel=\"noopener noreferrer\">www.rukita.co\/promo\/jbl-diskon15<\/a>.<\/li>\n                        <li>How to use the voucher:\n                            <ul>\n                                <li>Visit the JBL online store <a href=\"\/en\/\">https:\/\/jblstore.co.id<\/a>.<\/li>\n                                <li>Choose your favorite products and add it to your cart.<\/li>\n                                <li>Click \u201cShop Now\u201d.<\/li>\n                                <li>Enter the special Rukees discount code.<\/li>\n                                <li>Fill in the shipping details.<\/li>\n                                <li>Complete the transaction and enjoy the discount!<\/li>\n                            <\/ul>\n                        <\/li>\n                        <li>\n                            The 15% voucher can be used on the following products:\n\n                            <table class=\"voucher-table\" border=\"1\" cellspacing=\"0\" cellpadding=\"8\">\n                                <thead>\n                                    <tr>\n                                        <th style=\"width: 50%;\">Category<\/th>\n                                        <th style=\"width: 50%;\">Products<\/th>\n                                    <\/tr>\n                                <\/thead>\n                                <tbody>\n                                    <tr>\n                                        <td>JBL (Portables)<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>Clip 4<\/li>\n                                                <li>Flip 6<\/li>\n                                                <li>Charge 5<\/li>\n                                                <li>Horizon 2<\/li>\n                                                <li>Pulse 5<\/li>\n                                                <li>Xtreme 3<\/li>\n                                                <li>Boombox 3<\/li>\n                                                <li>Boombox Wifi<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>JBL Headphone & Earphone Lifestyles<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>Tune 660 BT NC - Active Noise canceling<\/li>\n                                                <li>Tune 670 BT NC<\/li>\n                                                <li>Tune 720 BT<\/li>\n                                                <li>Tune 760 BT NC<\/li>\n                                                <li>Tune 770 BT NC<\/li>\n                                                <li>JBL Tour One M2<\/li>\n                                                <li>Live 460 NC<\/li>\n                                                <li>Live 660 NC<\/li>\n                                                <li>Live 670 NC<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>JBL SPORT<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>JBL Endurance Peak 3 TWS<\/li>\n                                                <li>JBL Endurance Race TWS<\/li>\n                                                <li>JBL Reflect Aero TWS<\/li>\n                                                <li>JBL Sound Gear Sense<\/li>\n                                                <li>JBL Soundgear Frames<\/li>\n                                                <li>JBL Reflect Flow Pro TWS<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>JBL TRUE Wireless<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>JBL Tune Flex TWS<\/li>\n                                                <li>JBL Tune Bud TWS<\/li>\n                                                <li>JBL Tune Beam TWS<\/li>\n                                                <li>JBL Reflect Mini NC TWS<\/li>\n                                                <li>JBL Live Pro 2 NC TWS<\/li>\n                                                <li>JBL Live Free 2 NC TWS<\/li>\n                                                <li>JBL Live Flex 3<\/li>\n                                                <li>JBL Live Beam 3<\/li>\n                                                <li>JBL Live Buds 3<\/li>\n                                                <li>JBL Tour Pro 3<\/li>\n                                                <li>JBL Tune 130 NC TWS<\/li>\n                                                <li>JBL Tune 230 NC TWS<\/li>\n                                                <li>JBL Tour Pro 2<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>Soundbars<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>Bar 500<\/li>\n                                                <li>Bar 800<\/li>\n                                                <li>Bar 1000<\/li>\n                                                <li>Bar 1300<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>Authentics<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>Spinner BT<\/li>\n                                                <li>Authentics 200<\/li>\n                                                <li>Authentics 300<\/li>\n                                                <li>Authentics 500<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td>Quantum<\/td>\n                                        <td>\n                                            <ul>\n                                                <li>Quantum 350<\/li>\n                                                <li>Quantum 400<\/li>\n                                                <li>Quantum 610<\/li>\n                                                <li>Quantum 810<\/li>\n                                                <li>Quantum 910<\/li>\n                                                <li>Quantum Duo<\/li>\n                                                <li>Quantum Stream<\/li>\n                                                <li>Quantum TWS Air<\/li>\n                                                <li>Quantum 600<\/li>\n                                            <\/ul>\n                                        <\/td>\n                                    <\/tr>\n                                <\/tbody>\n                            <\/table>\n                        <\/li>\n                    <\/ol>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const likeBtn = document.querySelector('.like-btn');\n            const textWrapper = document.querySelector('#text-wrap');\n            \n            if (likeBtn && textWrapper) {\n                textWrapper.style.display = 'none';\n\n                likeBtn.addEventListener('click', function () {\n                    this.classList.toggle('active');\n\n                    if (textWrapper.style.display === 'none') {\n                        textWrapper.style.display = 'block';\n                    } else {\n                        textWrapper.style.display = 'none';\n                    }\n                });\n            }\n\n            jQuery('.product-wrapper').slick({\n                slidesToShow: 4,\n                slidesToScroll: 1,\n                infinite: false,\n                arrows: false,\n                centerMode: false,\n                responsive: [\n                    {\n                        breakpoint: 1024,\n                        settings: {\n                            slidesToShow: 2,\n                            slidesToScroll: 1,\n                        }\n                    },\n                    {\n                        breakpoint: 480,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1,\n                        }\n                    },\n                ]\n            });\n\n            const $prevBtn = jQuery('.prev-btn');\n            const $nextBtn = jQuery('.next-btn');\n\n            function updateButtonState() {\n                const $slider = jQuery('.product-wrapper');\n                const currentSlide = $slider.slick('slickCurrentSlide');\n                const lastSlideIndex = $slider.slick('getSlick').slideCount - $slider.slick('getSlick').options.slidesToShow;\n\n                $prevBtn.prop('disabled', currentSlide === 0);\n                $nextBtn.prop('disabled', currentSlide >= lastSlideIndex);\n            }\n\n            $prevBtn.on('click', function () {\n                jQuery('.product-wrapper').slick('slickPrev');\n            });\n\n            $nextBtn.on('click', function () {\n                jQuery('.product-wrapper').slick('slickNext');\n            });\n\n            jQuery('.product-wrapper').on('afterChange', function () {\n                updateButtonState();\n            });\n\n            updateButtonState();\n\n            jQuery('#rukita-slider').slick({\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                infinite: false,\n                arrows: false,\n                centerMode: false,\n                dots: false,\n                adaptiveHeight: true,\n                autoplay: true,\n                autoplaySpeed: 2000,\n            })\n        });\n    <\/script>\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":88637,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-107809","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JBL x Rukita<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/jblxrukita\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JBL x Rukita\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/jblxrukita\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-08T08:41:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/jblxrukita\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/jblxrukita\/\",\"name\":\"JBL x Rukita - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2025-01-07T03:03:25+00:00\",\"dateModified\":\"2025-01-08T08:41:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/jblxrukita\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/jblxrukita\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/jblxrukita\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JBL x Rukita\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JBL x Rukita","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jblstore.co.id\/en\/jblxrukita\/","og_locale":"en_US","og_type":"article","og_title":"JBL x Rukita","og_url":"https:\/\/jblstore.co.id\/en\/jblxrukita\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-01-08T08:41:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/jblxrukita\/","url":"https:\/\/jblstore.co.id\/en\/jblxrukita\/","name":"JBL x Rukita - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2025-01-07T03:03:25+00:00","dateModified":"2025-01-08T08:41:29+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/jblxrukita\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/jblxrukita\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/jblxrukita\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"JBL x Rukita"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/107809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/88637"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=107809"}],"version-history":[{"count":4,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/107809\/revisions"}],"predecessor-version":[{"id":107813,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/107809\/revisions\/107813"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=107809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}