{"id":98596,"date":"2024-07-26T09:30:15","date_gmt":"2024-07-26T02:30:15","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=98596"},"modified":"2025-07-08T09:57:57","modified_gmt":"2025-07-08T02:57:57","slug":"festival-3","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/festival\/","title":{"rendered":"JBL Festival 2025"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"98596\" class=\"elementor elementor-98596\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eaf56fd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eaf56fd\" 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-fe55377\" data-id=\"fe55377\" 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-1c73b4b elementor-widget elementor-widget-shortcode\" data-id=\"1c73b4b\" 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 !important;\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 {\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        #jblfestival {\n            position: relative;\n            background: black;\n            max-width: var(--sizing-max-page);\n            margin-inline: auto;\n\n            .banner {\n                position: relative;\n                z-index: 1;\n                background-color: black;\n                background-image: url('\/wp-content\/uploads\/2025\/07\/festival-banner-bg-scaled.webp');\n                background-position: center;\n                background-position: center;\n                background-repeat: no-repeat;\n                background-size: cover;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    top: 0;\n                    right: 0;\n                    width: 300px;\n                    height: 100%;\n                    pointer-events: none;\n\n                    background: #000000;\n                    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#000000\",\n                            endColorstr=\"#000000\",\n                            GradientType=1);\n\n                    @media (max-width: 1024px) {\n                        width: 250px;\n                    }\n\n                    @media (max-width: 767px) {\n                        width: 80px;\n                    }\n                }\n\n                &::before {\n                    content: \"\";\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 50vw;\n                    height: 100%;\n                    pointer-events: none;\n\n                    background: #000000;\n                    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(5, 4, 4, 0.8) 58%, rgba(0, 0, 0, 1) 100%);\n                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#000000\",\n                            endColorstr=\"#000000\",\n                            GradientType=0);\n\n                    @media (max-width: 1024px) {\n                        width: 250px;\n                    }\n\n                    @media (max-width: 767px) {\n                        width: 80px;\n                    }\n                }\n\n                .top-section {\n                    padding-block: 100px;\n                    display: grid;\n                    grid-template-columns: repeat(3, minmax(0, 1fr));\n                    display: -ms-grid;\n                    -ms-grid-columns: (1fr)[3];\n\n                    @media (max-width: 1024px) {\n                        grid-template-columns: repeat(2, minmax(0, 1fr));\n                        -ms-grid-columns: (1fr)[2];\n                    }\n\n                    @media (max-width: 767px) {\n                        grid-template-columns: repeat(1, minmax(0, 1fr));\n                        -ms-grid-columns: (1fr)[1];\n                        padding-bottom: 50px;\n                    }\n\n                    .text-section {\n                        position: relative;\n                        z-index: 1;\n\n                        .img-wrapper {\n                            padding-inline: 10px;\n\n                            img {\n                                max-width: 400px;\n                                width: 100%;\n                                display: block;\n                                margin-inline: auto;\n\n                                @media (max-width: 767px) {\n                                    max-width: auto;\n                                }\n                            }\n                        }\n\n                        .title-wrapper {\n                            color: white;\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            margin: 0;\n                            text-align: center;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 1.0323)), 40px);\n                            min-height: 0vw;\n                            line-height: 100%;\n\n                            strong {\n                                font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            }\n                        }\n\n                        .cta {\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            color: white;\n                            display: block;\n                            width: fit-content;\n                            padding: 10px 25px;\n                            background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\n                            border: 0.861961px solid #FFFFFF;\n                            box-shadow: 10px 64px 26px rgba(239, 75, 35, 0.01), 6px 36px 22px rgba(239, 75, 35, 0.05), 3px 16px 16px rgba(239, 75, 35, 0.09), 1px 4px 9px rgba(239, 75, 35, 0.1);\n                            border-radius: 6.89569px;\n                            display: flex;\n                            align-items: center;\n                            gap: 10px;\n                            margin-inline: auto;\n                            margin-top: 20px;\n                            font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 0.6452)), 24px);\n                            min-height: 0vw;\n\n                            img {\n                                max-width: 25px;\n                            }\n                        }\n\n                        .small- {\n                            margin-top: 20px !important;\n                            color: white;\n                            font-family: Grostesk-Regular, Arial, Helvetica, sans-serif;\n                            margin: 0;\n                            text-align: center;\n                            font-size: clamp(12px, calc(0.75rem + ((1vw - 3.7px) * 0.3871)), 18px);\n                            min-height: 0vw;\n                            line-height: 100%;\n                            text-transform: uppercase;\n                            \n                            p {\n                                text-transform: uppercase;\n                            }\n\n                            strong {\n                                font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            }\n\n                            a {\n                                color: white;\n                                text-decoration: underline;\n                                text-decoration-color: #F04C24;\n\n                                &:hover {\n                                    color: #F04C24;\n                                    text-decoration: none;\n                                }\n                            }\n                        }\n                    }\n\n                    .lineups-wrapper {\n                        grid-column-start: 2;\n                        grid-column-end: span 2;\n\n                        grid-column: 2 \/ span 2;\n\n                        -ms-grid-column: 2;\n                        -ms-grid-column-span: 2;\n\n                        @media (max-width: 767px) {\n                            grid-column-start: 1;\n                            grid-column-end: span 1;\n\n                            grid-column: 1 \/ span 1;\n\n                            -ms-grid-column: 1;\n                            -ms-grid-column-span: 1;\n\n                            padding-top: 30px;\n                        }\n\n                        .lineups {\n                            display: flex;\n                            gap: 10px;\n                            position: relative;\n\n                            img {\n                                max-width: 200px;\n                            }\n                        }\n                    }\n                }\n\n                .time-section {\n                    position: relative;\n                    min-height: 13rem;\n                    z-index: 1;\n\n                    @media (max-width: 767px) {\n                        min-height: 7rem;\n                    }\n\n                    .flipdown {\n                        position: absolute;\n                        top: 50px;\n                        left: 50%;\n                        transform: translateX(-50%);\n\n                        @media (max-width: 768px) {\n                            top: 20px;\n                        }\n                    }\n                }\n            }\n\n            .body-slide {\n                position: relative;\n                overflow: hidden;\n                \/* position: relative;\n                    background-color: black;\n                    background-image: url('\/wp-content\/uploads\/2025\/07\/festival-slide-bg-scaled.webp');\n                    background-position: center;\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover; *\/\n\n                .parallax-bg {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    background-image: url('\/wp-content\/uploads\/2025\/07\/festival-slide-bg-scaled.webp');\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover;\n                    will-change: transform;\n                }\n\n                .nav-block {\n                    display: flex;\n                    opacity: 0;\n                    justify-content: center;\n                    align-items: center;\n                    gap: 3em;\n                    top: 10vh;\n                    padding-block: 20px;\n                    z-index: 3;\n                    width: 100%;\n                    position: absolute;\n                    left: 50%;\n                    transform: translateX(-50%);\n\n                    .cta {\n                        text-transform: uppercase;\n                        color: white;\n                        font-family: Grostesk-Regular, Arial, Helvetica, sans-serif;\n                        white-space: nowrap;\n                    }\n\n                    .active {\n                        font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                        text-decoration: underline;\n                    }\n                }\n\n                .slide-container {\n                    position: relative;\n\n                    .intro-section,\n                    .home-section {\n                        min-height: 100vh;\n\n                        .intro-container,\n                        .home-container {\n                            position: relative;\n                            top: 20vh;\n\n                            @media (max-width: 767px) {\n                                top: unset;\n                            }\n\n                            .img-wrapper {\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n\n                                @media (max-width: 767px) {\n                                    flex-direction: column;\n                                }\n\n                                .intro-img {\n                                    position: relative;\n                                }\n\n                                .intro-img:last-child {\n                                    margin-left: -150px;\n\n                                    @media (max-width: 767px) {\n                                        margin-left: 0;\n                                    }\n                                }\n\n                                .decor, .decor-1 {\n                                    max-width: 16vw;\n                                    position: absolute;\n                                    top: -20%;\n                                    left: 10%;\n\n                                    @media (max-width: 767px) {\n                                        max-width: unset;\n                                        width: unset;\n                                        position: relative;\n                                        left: 0;\n                                        top: 0;\n                                        width: 100%;\n                                    }\n                                }\n\n                                .main {\n                                    max-width: 23vw;\n                                    margin-left: 200px;\n\n                                    @media (max-width: 767px) {\n                                        max-width: unset;\n                                        margin-left: 0px;\n                                        width: 100%;\n                                    }\n                                }\n                            }\n\n                            .text-wrapper {\n                                background-color: #F04C24;\n                                border-radius: 10px;\n                                width: fit-content;\n                                display: block;\n                                margin: 0;\n                                margin-inline: auto;\n                                position: absolute;\n                                bottom: -50%;\n                                left: 50%;\n                                color: white;\n                                padding: 30px;\n                                font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                                text-transform: uppercase;\n                                font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 1.1613)), 42px);\n                                min-height: 0vw;\n                                transform: translateX(-50%);\n                                text-align: center;\n\n                                @media (max-width: 767px) {\n                                    bottom: -100%;\n                                    left: 50%;\n                                    padding: 20px 55px;\n                                    width: 100%;\n                                }\n\n                                strong {\n                                    font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                                }\n\n                                p {\n                                    margin: 0;\n                                    line-height: 100%;\n                                }\n                            }\n                        }\n                    }\n\n                    .home-section {\n\n                        .home-container {\n                            height: 70vh;\n\n                            @media (max-width: 767px) {\n                                padding-top: 10%;\n                                padding-inline: 20px;\n                                height: auto;\n                            }\n\n                            .img-wrapper {\n                                position: absolute;\n                                left: 50%;\n                                transform: translateX(-50%);\n                                top: 30%;\n\n                                @media (max-width: 767px) {\n                                    position: relative;\n                                    top: 10%;\n                                    left: unset;\n                                    transform: unset;\n                                    width: 90%;\n                                    margin-inline: auto;\n                                    display: block;\n                                }\n                            }\n                            \n                            .text-wrapper {\n                                background-color: #773DBD;\n                                bottom: 10%;\n                                left: 50%;\n                                transform: translateX(-50%);\n                                text-align: center;\n\n                                @media (max-width: 767px) {\n                                    bottom: 30%;\n                                    left: 50%;\n                                    width: 90%;\n                                    padding: 20px;\n                                    width: 100%;\n                                    position: relative;\n                                    top: unset;\n                                    bottom: -5%;\n                                    margin-top: 20px;\n                                }\n                            }\n                        }\n                    }\n\n                    .lineup-section {\n                        height: 50vh;\n                        position: relative;\n\n                        @media (max-width: 767px) {\n                            height: unset;\n                        }\n\n                        .lineup-container {\n                            position: relative;\n                            \/* top: 15vh; *\/\n                            gap: 45px;\n                            padding-inline: 20px;\n\n                            @media (max-width: 767px) {\n                                top: 10%;\n                            }\n\n                            .top-lineup {\n                                display: flex;\n                                justify-content: center;\n                                align-items: start;\n                                gap: 20px;\n\n                                @media (max-width: 767px) {\n                                    overflow: auto;\n                                    justify-content: start;\n                                    align-items: center;\n                                    min-height: unset;\n                                    padding-block: 20%;\n                                }\n\n                                img {\n                                    max-width: 200px;\n                                    object-fit: contain;\n                                    position: relative;\n\n                                    &:nth-child(1) {\n                                        bottom: 0;\n                                    }\n\n                                    &:nth-child(2),\n                                    &:nth-child(4) {\n                                        bottom: 30px;\n                                    }\n\n                                    &:nth-child(3) {\n                                        bottom: 60px;\n                                    }\n                                }\n                            }\n                        }\n\n                        .text-wrapper {\n                            background-color: #F88D2A;\n                            border-radius: 10px;\n                            width: fit-content;\n                            display: block;\n                            margin: 0;\n                            margin-inline: auto;\n                            position: absolute;\n                            bottom: 20%;\n                            left: 50%\n                                                            ;\n                            color: white;\n                            padding: 30px 35px;\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            text-transform: uppercase;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 1.1613)), 42px);\n                            min-height: 0vw;\n                            transform: translateX(-50%);\n                            text-align: center;\n\n                            @media (max-width: 767px) {\n                                bottom: 20%;\n                                left: 50%;\n                                padding: 20px 55px;\n                                width: max-content;\n                                position: relative;\n                                margin: unset;\n                                width: 100%;\n                                left: unset;\n                                transform: unset;\n                            }\n\n                            strong {\n                                font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            }\n\n                            p {\n                                margin: 0;\n                                line-height: 100%;\n                            }\n                        }\n                    }\n\n                    .ticket-section,\n                    .top-lineup {\n                        height: 100vh;\n                        position: relative;\n\n                        @media (max-width: 767px) {\n                            height: unset;\n                            min-height: unset;\n                        }\n\n                        .tickets-container {\n                            position: relative;\n                            top: 20vh;\n                            display: flex;\n                            gap: 45px;\n                            justify-content: center;\n                            align-items: center;\n\n                            @media (max-width: 767px) {\n                                justify-content: start;\n                                padding-inline: 20px;\n                                overflow: auto;\n                                padding-bottom: 20px;\n                                top: 10%;\n                            }\n\n                            img {\n                                max-width: 300px;\n                                object-fit: contain;\n                                position: relative;\n\n                                &:nth-child(2) {\n                                    top: -20%;\n                                }\n                            }\n\n                        }\n\n                        .text-wrapper {\n                            background-color: #F88D2A;\n                            border-radius: 10px;\n                            width: fit-content;\n                            display: block;\n                            margin: 0;\n                            margin-inline: auto;\n                            position: absolute;\n                            bottom: 20%;\n                            left: 50%;\n                            color: white;\n                            padding: 30px 35px;\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            text-transform: uppercase;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 1.1613)), 42px);\n                            transform: translateX(-50%);\n                            min-height: 0vw;\n                            text-align: center;\n\n                            @media (max-width: 767px) {\n                                bottom: 20%;\n                                left: 50%;\n                                padding: 20px 55px;\n                                margin-top: 10%;\n                                width: max-content;\n                            }\n\n                            strong {\n                                font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            }\n\n                            p {\n                                margin: 0;\n                                line-height: 100%;\n                            }\n                        }\n\n                        .purchase-claim {\n                            position: absolute;\n                            bottom: 3%;\n                            left: 50%;\n                            transform: translateX(-50%);\n                            width: max-content;\n                            box-shadow: 0px 82px 33px rgba(255, 255, 255, 0.02), 0px 46px 28px rgba(255, 255, 255, 0.08), 0px 21px 21px rgba(255, 255, 255, 0.13), 0px 5px 11px rgba(255, 255, 255, 0.15);\n\n                            @media (max-width: 767px) {\n                                width: 80%;\n                                text-align: center;\n                                position: relative;\n                                margin-top: 10%;\n                            }\n\n                            .claim-container {\n                                background-color: white;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                padding: 10px 50px;\n                                border-radius: 16px;\n                                gap: 20px;\n                                text-transform: uppercase;\n\n                                @media (max-width: 767px) {\n                                    justify-content: start;\n                                    flex-direction: column;\n                                    padding: 10px 15px;\n                                }\n\n                                span {\n                                    font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                                    margin: 0;\n                                    font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 1.1613)), 32px);\n                                    min-height: 0vw;\n\n                                    strong {\n                                        font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                                    }\n                                }\n\n                                .cta {\n                                    font-family: \"Kostic - Roc Grotesk ExtraBold\", Arial, Helvetica, sans-serif;\n                                    color: white;\n                                    display: block;\n                                    width: max-content;\n                                    padding: 10px 30px;\n                                    background: #F04C24;\n                                    box-shadow: 10px 64px 26px rgba(239, 75, 35, 0.01), 6px 36px 22px rgba(239, 75, 35, 0.05), 3px 16px 16px rgba(239, 75, 35, 0.09), 1px 4px 9px rgba(239, 75, 35, 0.1);\n                                    border-radius: 6.89569px;\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 10px;\n                                    margin-inline: auto;\n                                    font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 0.6452)), 24px);\n                                    min-height: 0vw;\n                                    text-transform: uppercase;\n\n                                    img {\n                                        max-width: 25px;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    .ticket-section {\n                        display: block;\n\n                        @media (max-width: 767px) {\n                            margin-top: 10%;\n                        }\n                        .text-wrapper {\n                            background-color: transparent;\n                            font-family: Grostesk-Regular, Arial, Helvetica, sans-serif;\n                            bottom: 23%;\n\n                            @media (max-width: 767px) {\n                                width: 100%;\n                                bottom: 28%;\n                                position: relative;\n                                bottom: -20%;\n                                top: unset;\n                            }\n                        }\n\n                        .btn-cta {\n                            position: absolute;\n                            bottom: 17%;\n                            left: 50%;\n                            transform: translateX(-50%);\n\n                            @media (max-width: 767px) {\n                                bottom: 22%;\n                                position: relative;\n                            }\n\n                            .cta {\n                                font-family: \"Kostic - Roc Grotesk ExtraBold\", Arial, Helvetica, sans-serif;\n                                color: white;\n                                display: block;\n                                width: max-content;\n                                padding: 10px 30px;\n                                background: #F04C24;\n                                box-shadow: 10px 64px 26px rgba(239, 75, 35, 0.01), 6px 36px 22px rgba(239, 75, 35, 0.05), 3px 16px 16px rgba(239, 75, 35, 0.09), 1px 4px 9px rgba(239, 75, 35, 0.1);\n                                border-radius: 6.89569px;\n                                display: flex;\n                                align-items: center;\n                                gap: 10px;\n                                margin-inline: auto;\n                                font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 0.6452)), 24px);\n                                min-height: 0vw;\n                                text-transform: uppercase;\n\n                                img {\n                                    max-width: 25px;\n                                }\n                            }\n                        }\n                    }\n\n                    .lineup-section {\n                        .text-wrapper {\n                            top: 35%;\n                            bottom: unset;\n\n                            @media (max-width: 767px) {\n                                top: unset;\n                                \/* position: relative;\n                                width: unset;\n                                margin: unset;\n                                left: unset; *\/\n                            }\n                        }\n                    }\n\n                    .raffle-section {\n                        height: 100vh;\n                        position: relative;\n\n                        @media (max-width: 767px) {\n                            height: unset;\n                            padding-inline: 20px;\n                            margin-bottom: 20%;\n                        }\n\n                        .raffle-container {\n                            position: relative;\n                            top: 18vh;\n                            display: block;\n\n                            @media (max-width: 767px) {\n                                top: unset;\n                                margin-bottom: 10%;\n                            }\n\n                            .prizes-list {\n                                margin-inline: auto;\n                                display: flex;\n                                max-width: none;\n                                white-space: nowrap;\n                                max-width: 80%;\n                                gap: 10px;\n                                \n                                @media (max-width: 767px) {\n                                    overflow-x: auto;\n                                    overflow-y: visible;\n                                    max-width: unset;\n                                    max-height: unset;\n                                    align-items: stretch;\n                                }\n                                \n                                img {\n                                    display: block;\n                                    object-fit: contain;\n                                    max-width: unset;\n                                    max-height: unset;\n                                    height: 100%;\n                                    width: 100%;\n\n                                    @media (max-width: 767px) {\n                                        height: unset;\n                                        width: unset;\n                                        max-height: 320px;\n                                        height: 400px;\n                                        width: auto;\n                                        object-fit: cover;\n                                    }\n                                }\n                            }\n\n                        }\n\n                        .text-wrapper {\n                            background-color: #f04c24;\n                            border-radius: 10px;\n                            width: fit-content;\n                            display: block;\n                            margin: 0;\n                            margin-inline: auto;\n                            position: absolute;\n                            bottom: 20%;\n                            left: 50%\n                                                            ;\n                            color: white;\n                            padding: 30px 35px;\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            text-transform: uppercase;\n                            font-size: clamp(20px, calc(1.25rem + ((1vw - 3.7px) * 1.4194)), 42px);\n                            min-height: 0vw;\n                            transform: translateX(-50%);\n                            text-align: center;\n\n                            @media (max-width: 767px) {\n                                padding: 20px;\n                                width: 100%;\n                                position: relative;\n                                bottom: unset;\n                                top: unset;\n                                left: unset;\n                                transform: unset;\n                                \n                            }\n\n                            strong {\n                                font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            }\n\n                            p {\n                                margin: 0;\n                                line-height: 100%;\n                            }\n                        }\n\n                        .purchase-claim {\n                            position: absolute;\n                            bottom: 5%;\n                            left: 50%;\n                            transform: translateX(-50%);\n                            width: max-content;\n                            box-shadow: 0px 82px 33px rgba(255, 255, 255, 0.02), 0px 46px 28px rgba(255, 255, 255, 0.08), 0px 21px 21px rgba(255, 255, 255, 0.13), 0px 5px 11px rgba(255, 255, 255, 0.15);\n\n                            @media (max-width: 767px) {\n                                width: 80%;\n                                text-align: center;\n                                position: relative;\n                                margin-top: 10%;\n                            }\n\n                            .claim-container {\n                                background-color: white;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                padding: 10px 50px;\n                                border-radius: 16px;\n                                gap: 20px;\n\n                                @media (max-width: 767px) {\n                                    flex-direction: column;\n                                    padding: 10px 15px;\n                                }\n\n                                span {\n                                    font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                                    margin: 0;\n                                    font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 1.1613)), 32px);\n                                    min-height: 0vw;\n\n                                    strong {\n                                        font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                                    }\n                                }\n\n                                .cta {\n                                    font-family: \"Kostic - Roc Grotesk ExtraBold\", Arial, Helvetica, sans-serif;\n                                    color: white;\n                                    display: block;\n                                    width: max-content;\n                                    padding: 10px 30px;\n                                    background: #F04C24;\n                                    box-shadow: 10px 64px 26px rgba(239, 75, 35, 0.01), 6px 36px 22px rgba(239, 75, 35, 0.05), 3px 16px 16px rgba(239, 75, 35, 0.09), 1px 4px 9px rgba(239, 75, 35, 0.1);\n                                    border-radius: 6.89569px;\n                                    display: flex;\n                                    align-items: center;\n                                    gap: 10px;\n                                    margin-inline: auto;\n                                    font-size: clamp(14px, calc(0.875rem + ((1vw - 3.7px) * 0.6452)), 24px);\n                                    min-height: 0vw;\n                                    text-transform: uppercase;\n\n                                    img {\n                                        max-width: 25px;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    .decor-tnc {\n                        position: absolute;\n                        left: 10%;\n                        bottom: -15%;\n                        color: white;\n                        font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n\n                        @media (max-width: 767px) {\n                            position: relative;\n                            margin-top: 10%;\n                        }\n                    }\n                }\n            }\n\n            .footer-container {\n                background-color: black;\n                position: relative;\n                padding: 50px 10px;\n\n                .footer-section {\n\n                    .line-1,\n                    .line-2 {\n                        h2 {\n                            font-family: Grostesk-light, Arial, Helvetica, sans-serif;\n                            color: white;\n                            margin: 0;\n                            text-align: center;\n                            text-transform: uppercase;\n                            font-size: clamp(12px, calc(0.75rem + ((1vw - 3.7px) * 0.7742)), 24px);\n                            min-height: 0vw;\n                        }\n\n                        img {\n                            margin-block: 30px;\n                            margin-inline: auto;\n                        }\n                    }\n\n                    .line-1 {\n                        display: flex;\n                        justify-content: center;\n                        gap: 100px;\n                        align-items: start;\n\n                        @media (max-width: 767px) {\n                            flex-direction: column;\n                            align-items: center;\n                            gap: 50px;\n                        }\n\n                        .sponsored {\n                            img {\n                                max-width: 216px;\n                            }\n                        }\n\n                        .ticketing {\n                            img {\n                                max-width: 285px;\n                            }\n                        }\n                    }\n\n                    .line-2 {\n                        margin-top: 50px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n\n                        @media (max-width: 767px) {\n                            margin-top: 0;\n                        }\n\n                        .copyrightfest {\n                            img {\n                                max-width: 216px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .flipdown.flipdown__theme-light .rotor,\n        .flipdown.flipdown__theme-light .rotor-top,\n        .flipdown.flipdown__theme-light .rotor-leaf-front,\n        .flipdown.flipdown__theme-light .rotor-bottom,\n        .flipdown.flipdown__theme-light .rotor-leaf-rear {\n            background-color: #333;\n        }\n\n        .flipdown .rotor .rotor-leaf-front,\n        .flipdown .rotor .rotor-leaf-rear,\n        .flipdown .rotor .rotor-top,\n        .flipdown .rotor .rotor-bottom {\n            font-family: \"Kostic - Roc Grotesk Condensed Light\", Arial, Helvetica, sans-serif;\n        }\n\n        .flipdown.flipdown__theme-light .rotor-group-heading::before {\n            color: white;\n            font-family: \"Kostic - Roc Grotesk Condensed\", Arial, Helvetica, sans-serif;\n            font-weight: 400;\n            font-size: clamp(10px, calc(0.625rem + ((1vw - 3.93px) * 1.9827)), 26px);\n            min-height: 0vw;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n            position: absolute;\n            bottom: -50px;\n            left: 0;\n            right: 30px;\n\n            @media (max-width: 768px) {\n                bottom: -30px;\n                left: 10px;\n            }\n        }\n\n        .rotor-group:last-child .rotor-group-heading::before {\n            right: 0px !important;\n            left: 0px !important;\n        }\n\n        .flipdown .flipdown__totals .flipdown__total:nth-child(1) {\n            display: none;\n        }\n\n        .happy {\n            color: white;\n            text-align: center;\n            font-family: Grostesk-Regular, Arial, Helvetica, sans-serif;\n        }\n    <\/style>\n    <link href=\"https:\/\/pbutcher.uk\/flipdown\/css\/flipdown\/flipdown.css\" rel=\"stylesheet\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.min.css\">\n    <div id=\"jblfestival\">\n        <section class=\"banner\">\n            <div class=\"top-section\">\n                <div class=\"text-section\">\n                    <div class=\"img-wrapper\">\n                        <img fetchpriority=\"high\" decoding=\"async\" width=\"1337\" height=\"626\" src=\"\/wp-content\/uploads\/2025\/07\/festival-logo.webp\" class=\"attachment-full size-full\" alt=\"JBL Festival Logo\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-logo.webp 1337w, \/wp-content\/uploads\/2025\/07\/festival-logo-300x140.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-logo-1024x479.webp 1024w, \/wp-content\/uploads\/2025\/07\/festival-logo-768x360.webp 768w, \/wp-content\/uploads\/2025\/07\/festival-logo-18x8.webp 18w, \/wp-content\/uploads\/2025\/07\/festival-logo-1140x534.webp 1140w, \/wp-content\/uploads\/2025\/07\/festival-logo-600x281.webp 600w, \/wp-content\/uploads\/2025\/07\/festival-logo-1200x562.webp 1200w\" sizes=\"(max-width: 1337px) 100vw, 1337px\" \/>                    <\/div>\n                    <p class=\"title-wrapper\">13 September 2025<br \/><strong>at Istora\n                            Senayan<\/strong><\/p>\n                    <a href=\"\/en\/festival\/klaim-tiket\/\" class=\"cta\" title=\"Get Coupon JBL Festival\"\n                        rel=\"nofollow noopener noreferrer\" target=\"_blank\">\n                        <span>Claim your coupon here<\/span>    \n                    <\/a>\n                    <!-- <p class=\"small-\">Already purchased from<br> another official store?<br> <a href=\"\/festival\/klaim-tiket\/\">Claim your free ticket here*.<\/a><\/p>\n                    <small style=\"color: white; font-family: Grostesk-light, Arial, Helvetica, sans-serif; display: block; text-align: center; margin-top: 10px;\">*While tickets are still available<\/small> -->\n\n                <\/div>\n                <div class=\"lineups-wrapper\">\n                    <div class=\"lineups\">\n                                                    <img decoding=\"async\" width=\"347\" height=\"483\" src=\"\/wp-content\/uploads\/2025\/07\/festival-linups-tiara.webp\" class=\"attachment-full size-full\" alt=\"Tiara at JBL Festival 2025\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-linups-tiara.webp 347w, \/wp-content\/uploads\/2025\/07\/festival-linups-tiara-216x300.webp 216w, \/wp-content\/uploads\/2025\/07\/festival-linups-tiara-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-linups-tiara-300x418.webp 300w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/>                                                    <img decoding=\"async\" width=\"347\" height=\"483\" src=\"\/wp-content\/uploads\/2025\/07\/festival-linups-slank.webp\" class=\"attachment-full size-full\" alt=\"Slank at JBL Festival 2025\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-linups-slank.webp 347w, \/wp-content\/uploads\/2025\/07\/festival-linups-slank-216x300.webp 216w, \/wp-content\/uploads\/2025\/07\/festival-linups-slank-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-linups-slank-300x418.webp 300w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/>                                                    <img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"483\" src=\"\/wp-content\/uploads\/2025\/07\/festival-linups-kotak.webp\" class=\"attachment-full size-full\" alt=\"Kotak at JBL Festival 2025\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-linups-kotak.webp 347w, \/wp-content\/uploads\/2025\/07\/festival-linups-kotak-216x300.webp 216w, \/wp-content\/uploads\/2025\/07\/festival-linups-kotak-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-linups-kotak-300x418.webp 300w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/>                                                    <img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"484\" src=\"\/wp-content\/uploads\/2025\/07\/festival-linups-arilasso.webp\" class=\"attachment-full size-full\" alt=\"Ari Lasso at JBL Festival 2025\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-linups-arilasso.webp 347w, \/wp-content\/uploads\/2025\/07\/festival-linups-arilasso-215x300.webp 215w, \/wp-content\/uploads\/2025\/07\/festival-linups-arilasso-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-linups-arilasso-300x418.webp 300w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/>                                            <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"time-section\">\n                <div class=\"flipdown\" id=\"flipdown\"><\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"body-slide snap-wrapper\">\n            <div class=\"parallax-bg\"><\/div>\n\n            <div class=\"nav-block\">\n                <button id=\"home-nav\" class=\"cta\" data-id=\"homesection\">Home<\/button>\n                <button id=\"lineup-nav\" class=\"cta\" data-id=\"lineupsection\">Line Up<\/button>\n                <button id=\"ticket-nav\" class=\"cta\"\n                    data-id=\"ticketsection\">Ticket<\/button>\n                <button id=\"raffle-nav\" class=\"cta\"\n                    data-id=\"rafflesection\">Raffle<\/button>\n            <\/div>\n            <div class=\"slide-container\">\n                <!-- <div class=\"intro-section scroll-section\">\n                    <div class=\"intro-container\">\n                        <div class=\"img-wrapper\">\n                            <div class=\"intro-img\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"442\" src=\"\/wp-content\/uploads\/2025\/07\/festival-slide-intro-1.webp\" class=\"decor\" alt=\"Introduction JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-slide-intro-1.webp 548w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-1-300x242.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-1-15x12.webp 15w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/>                                <img loading=\"lazy\" decoding=\"async\" width=\"913\" height=\"655\" src=\"\/wp-content\/uploads\/2025\/07\/festival-slide-intro-2.webp\" class=\"main\" alt=\"Introduction JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-slide-intro-2.webp 913w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-2-300x215.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-2-768x551.webp 768w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-2-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-2-600x430.webp 600w, \/wp-content\/uploads\/2025\/07\/festival-slide-intro-2-795x570.webp 795w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/>                            <\/div>\n                        <\/div>\n                        <div class=\"text-wrapper\">\n                            <p><strong>Why<\/strong> should you<br \/> be part of the hype<br \/> at <strong>JBL Fest\n                                    2025?<\/strong>                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div> -->\n\n                <div class=\"home-section scroll-section\" id=\"homesection\">\n                    <div class=\"home-container\">\n                        <div class=\"img-wrapper\">\n                            <div class=\"intro-img\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"442\" src=\"\/wp-content\/uploads\/2025\/07\/festival-slide-home-1.webp\" class=\"decor\" alt=\"Introduction JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-slide-home-1.webp 548w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-1-300x242.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-1-15x12.webp 15w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/>                                <img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"656\" src=\"\/wp-content\/uploads\/2025\/07\/festival-slide-home-2.webp\" class=\"main\" alt=\"Home Section JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-slide-home-2.webp 914w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-2-300x215.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-2-768x551.webp 768w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-2-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-2-600x431.webp 600w, \/wp-content\/uploads\/2025\/07\/festival-slide-home-2-794x570.webp 794w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/>\n                            <\/div>\n                            <div class=\"intro-img\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1333\" src=\"\/wp-content\/uploads\/2025\/07\/festival-img-1.webp\" class=\"decor-1\" alt=\"Introduction JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-img-1.webp 2000w, \/wp-content\/uploads\/2025\/07\/festival-img-1-300x200.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-img-1-1024x682.webp 1024w, \/wp-content\/uploads\/2025\/07\/festival-img-1-768x512.webp 768w, \/wp-content\/uploads\/2025\/07\/festival-img-1-1536x1024.webp 1536w, \/wp-content\/uploads\/2025\/07\/festival-img-1-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/festival-img-1-1140x760.webp 1140w, \/wp-content\/uploads\/2025\/07\/festival-img-1-600x400.webp 600w, \/wp-content\/uploads\/2025\/07\/festival-img-1-1338x892.webp 1338w, \/wp-content\/uploads\/2025\/07\/festival-img-1-1004x669.webp 1004w, \/wp-content\/uploads\/2025\/07\/festival-img-1-855x570.webp 855w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>                                <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"\/wp-content\/uploads\/2025\/07\/festival-img-2-scaled.webp\" class=\"main\" alt=\"Home Section JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-img-2-scaled.webp 2560w, \/wp-content\/uploads\/2025\/07\/festival-img-2-300x200.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-img-2-1024x683.webp 1024w, \/wp-content\/uploads\/2025\/07\/festival-img-2-768x512.webp 768w, \/wp-content\/uploads\/2025\/07\/festival-img-2-1536x1024.webp 1536w, \/wp-content\/uploads\/2025\/07\/festival-img-2-2048x1365.webp 2048w, \/wp-content\/uploads\/2025\/07\/festival-img-2-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/festival-img-2-1140x760.webp 1140w, \/wp-content\/uploads\/2025\/07\/festival-img-2-600x400.webp 600w, \/wp-content\/uploads\/2025\/07\/festival-img-2-1338x892.webp 1338w, \/wp-content\/uploads\/2025\/07\/festival-img-2-1004x669.webp 1004w, \/wp-content\/uploads\/2025\/07\/festival-img-2-855x570.webp 855w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                            <\/div>\n                        <\/div>\n                        <div class=\"text-wrapper\">\n                            <p class=\"is-desktop\">ENJOY Music Concerts with <br> Audio from <strong>JBL Professional<\/strong>                            <p class=\"is-mobile\">ENJOY Music Concerts with  Audio from <strong>JBL Professional<\/strong>                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lineup-section scroll-section\" id=\"lineupsection\">\n                    <div class=\"lineup-container\">\n                        <div class=\"top-lineup\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"653\" src=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu.webp\" class=\"attachment-full size-full\" alt=\"Wishnu at JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu.webp 361w, \/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu-166x300.webp 166w, \/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu-315x570.webp 315w, \/wp-content\/uploads\/2025\/07\/festival-lineups-wishnu-300x543.webp 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>                                                            <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"591\" src=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-tiara.webp\" class=\"attachment-full size-full\" alt=\"Tiara at JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-tiara.webp 361w, \/wp-content\/uploads\/2025\/07\/festival-lineups-tiara-183x300.webp 183w, \/wp-content\/uploads\/2025\/07\/festival-lineups-tiara-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-lineups-tiara-348x570.webp 348w, \/wp-content\/uploads\/2025\/07\/festival-lineups-tiara-300x491.webp 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>                                                            <img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"628\" src=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-slank.webp\" class=\"attachment-full size-full\" alt=\"Slank at JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-slank.webp 362w, \/wp-content\/uploads\/2025\/07\/festival-lineups-slank-173x300.webp 173w, \/wp-content\/uploads\/2025\/07\/festival-lineups-slank-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-lineups-slank-329x570.webp 329w, \/wp-content\/uploads\/2025\/07\/festival-lineups-slank-300x520.webp 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/>                                                            <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"590\" src=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-kotak.webp\" class=\"attachment-full size-full\" alt=\"Kotak at JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-kotak.webp 361w, \/wp-content\/uploads\/2025\/07\/festival-lineups-kotak-184x300.webp 184w, \/wp-content\/uploads\/2025\/07\/festival-lineups-kotak-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-lineups-kotak-349x570.webp 349w, \/wp-content\/uploads\/2025\/07\/festival-lineups-kotak-300x490.webp 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>                                                            <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"591\" src=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso.webp\" class=\"attachment-full size-full\" alt=\"Ari Lasso at JBL Festival\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso.webp 361w, \/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso-183x300.webp 183w, \/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso-348x570.webp 348w, \/wp-content\/uploads\/2025\/07\/festival-lineups-arilasso-300x491.webp 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>                                                    <\/div>\n                        <div class=\"text-wrapper\">\n                            <p><strong>ICONIC<\/strong> ARTIST<br> <strong>LINE UP<\/strong>                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ticket-section scroll-section\" id=\"ticketsection\">\n                    <div class=\"tickets-container\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"568\" src=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-gold.webp\" class=\"attachment-full size-full\" alt=\"Gold Ticket\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-gold.webp 618w, \/wp-content\/uploads\/2025\/07\/festival-ticket-gold-300x276.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-ticket-gold-13x12.webp 13w, \/wp-content\/uploads\/2025\/07\/festival-ticket-gold-600x551.webp 600w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/>                                                    <img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"568\" src=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-festival.webp\" class=\"attachment-full size-full\" alt=\"Festival Ticket\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-festival.webp 618w, \/wp-content\/uploads\/2025\/07\/festival-ticket-festival-300x276.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-ticket-festival-13x12.webp 13w, \/wp-content\/uploads\/2025\/07\/festival-ticket-festival-600x551.webp 600w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/>                                                    <img loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"568\" src=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-vip.webp\" class=\"attachment-full size-full\" alt=\"VIP Ticket\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-ticket-vip.webp 617w, \/wp-content\/uploads\/2025\/07\/festival-ticket-vip-300x276.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-ticket-vip-13x12.webp 13w, \/wp-content\/uploads\/2025\/07\/festival-ticket-vip-600x552.webp 600w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/>                                            <\/div>\n                    <div class=\"text-wrapper\">\n                        <p><strong>get<\/strong> free ticket<br> to Celebrate <strong>jbl festival<\/strong>                        <\/p>\n                    <\/div>\n\n                    <div class=\"btn-cta\">\n                        <a href=\"\/en\/\" title=\"Shop at JBLStore.co.id\"\n                                class=\"cta\">Shop at JBLStore.co.id<\/a>\n                    <\/div>\n\n                    <div class=\"purchase-claim\">\n                        <div class=\"claim-container\">\n                            <span>PURCHASED FROM ANOTHER OFFICIAL STORE?* <strong>CLAIM YOUR RAFFLE COUPON NOW<\/strong><\/span>\n                            <a href=\"\/en\/festival\/klaim-tiket\/\" title=\"Submit Ticket\"\n                                class=\"cta\">Claim<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"decor-tnc\">*Terms and Conditions Apply<\/p>\n                <\/div>\n\n                <div class=\"raffle-section scroll-section\" id=\"rafflesection\">\n                    <div class=\"raffle-container\">\n                        <div class=\"prizes-list\">\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"561\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-scoopy.webp\" class=\"attachment-full size-full\" alt=\"Hadiah Honda Scoopy\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-scoopy.webp 699w, \/wp-content\/uploads\/2025\/07\/festival-prizes-scoopy-300x241.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-prizes-scoopy-15x12.webp 15w, \/wp-content\/uploads\/2025\/07\/festival-prizes-scoopy-600x482.webp 600w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"561\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-samsungtv.webp\" class=\"attachment-full size-full\" alt=\"Hadiah Samsung TV\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-samsungtv.webp 341w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungtv-182x300.webp 182w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungtv-7x12.webp 7w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungtv-300x494.webp 300w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"555\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-samsungs25.webp\" class=\"attachment-full size-full\" alt=\"Hadiah Samsung S25\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-samsungs25.webp 364w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungs25-197x300.webp 197w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungs25-8x12.webp 8w, \/wp-content\/uploads\/2025\/07\/festival-prizes-samsungs25-300x457.webp 300w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"555\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-sb.webp\" class=\"attachment-full size-full\" alt=\"Hadiah JBL Soundbar 800\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-sb.webp 433w, \/wp-content\/uploads\/2025\/07\/festival-prizes-sb-234x300.webp 234w, \/wp-content\/uploads\/2025\/07\/festival-prizes-sb-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-prizes-sb-300x385.webp 300w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"432\" height=\"555\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-pb310.webp\" class=\"attachment-full size-full\" alt=\"Hadiah JBL Partybox 310\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-pb310.webp 432w, \/wp-content\/uploads\/2025\/07\/festival-prizes-pb310-234x300.webp 234w, \/wp-content\/uploads\/2025\/07\/festival-prizes-pb310-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-prizes-pb310-300x385.webp 300w\" sizes=\"(max-width: 432px) 100vw, 432px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"432\" height=\"555\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-authentic200.webp\" class=\"attachment-full size-full\" alt=\"Hadiah JBL Authentic 200 White\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-authentic200.webp 432w, \/wp-content\/uploads\/2025\/07\/festival-prizes-authentic200-234x300.webp 234w, \/wp-content\/uploads\/2025\/07\/festival-prizes-authentic200-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-prizes-authentic200-300x385.webp 300w\" sizes=\"(max-width: 432px) 100vw, 432px\" \/>                                <\/div>\n                                                            <div class=\"prize-list\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"555\" src=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-livebeam3.webp\" class=\"attachment-full size-full\" alt=\"Hadiah JBL Live Beam 3\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-prizes-livebeam3.webp 433w, \/wp-content\/uploads\/2025\/07\/festival-prizes-livebeam3-234x300.webp 234w, \/wp-content\/uploads\/2025\/07\/festival-prizes-livebeam3-9x12.webp 9w, \/wp-content\/uploads\/2025\/07\/festival-prizes-livebeam3-300x385.webp 300w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/>                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"text-wrapper\">\n                        <p><strong>Get<\/strong> a chance to win JBL products,<br> selected gadgets, and a motorbike<br> through our <strong>lucky draw<\/strong>                        <\/p>\n                    <\/div>\n\n                    <div class=\"purchase-claim\">\n                        <div class=\"claim-container\">\n                            <span>The more you shop, the better your chances of winning!<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"footer-container\">\n            <div class=\"footer-section\">\n                <div class=\"line-1\">\n                    <div class=\"sponsored\">\n                        <h2>OFFICIAL PARTNER<\/h2>\n                        <img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"233\" src=\"\/wp-content\/uploads\/2025\/07\/festival-footer-ims.webp\" class=\"attachment-full size-full\" alt=\"IMS Logo\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-footer-ims.webp 433w, \/wp-content\/uploads\/2025\/07\/festival-footer-ims-300x161.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-footer-ims-18x10.webp 18w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/>                    <\/div>\n                    <div class=\"ticketing\">\n                        <h2>OFFICIAL TICKETING<\/h2>\n                        <img loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"253\" src=\"\/wp-content\/uploads\/2025\/07\/festival-footer-traveloka.webp\" class=\"attachment-full size-full\" alt=\"Traveloka Logo\" srcset=\"\/wp-content\/uploads\/2025\/07\/festival-footer-traveloka.webp 572w, \/wp-content\/uploads\/2025\/07\/festival-footer-traveloka-300x133.webp 300w, \/wp-content\/uploads\/2025\/07\/festival-footer-traveloka-18x8.webp 18w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/>                    <\/div>\n                <\/div>\n                <div class=\"line-2\">\n                    <div class=\"copyrightfest\">\n                        <h2>All right reserved | 2025<\/h2>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n    <script src=\"https:\/\/pbutcher.uk\/flipdown\/js\/flipdown\/flipdown.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.bundle.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@0.2.28\/bundled\/lenis.js\"><\/script>\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            window.scrollTo(0, 0);\n            \n            new InfiniteMarquee({\n                element: '.lineups',\n                speed: 30000,\n                smoothEdges: true,\n                direction: 'left',\n                spaceBetween: \"10px\",\n                fullContainer: true,\n                fullContainerWidth: 180,\n                duplicateCount: 3,\n                duplicateInnerElements: false,\n                on: {\n                    beforeInit: () => {\n                        console.log('Not Yet Initialized');\n                    },\n\n                    afterInit: () => {\n                        console.log('Initialized');\n                    }\n                }\n            });\n\n            \/\/ var toDayFromNow = (new Date(\"Jan 12, 2025 23:59:59\").getTime() \/ 1000) + (3600 \/ 60 \/ 60 \/ 24) - 1;\n            var toDayFromNow = (new Date(\"Sep 12, 2025 23:59:59\").getTime() \/ 1000) + (3600 \/ 60 \/ 60 \/ 24) - 1;\n            var flipdown = new FlipDown(toDayFromNow, {\n                headings: [\"DAYS\", \"HRS\", \"MIN\", \"SEC\"]            })\n                .start()\n                .ifEnded(() => {\n                    document.querySelector(\".flipdown\").innerHTML = `<h2 class='happy'>Happy Festival!<\/h2>`;\n                });\n            document.querySelector('#flipdown').classList.toggle('flipdown__theme-dark');\n            document.querySelector('#flipdown').classList.toggle('flipdown__theme-light');\n        });\n    <\/script>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n\n            gsap.registerPlugin(ScrollTrigger);\n\n            \/\/ Initialize Lenis\n            const lenis = new Lenis({\n                lerp: 1,\n                smooth: false,\n                smoothWheel: false,\n                syncWithLenis: true\n            });\n\n            \/\/ Connect Lenis to GSAP\n            lenis.on('scroll', ScrollTrigger.update);\n            gsap.ticker.add((time) => {\n                lenis.raf(time * 1000);\n            });\n            gsap.ticker.lagSmoothing(0);\n\n            const buttons = document.querySelectorAll(\".nav-block .cta\");\n\n            buttons.forEach((btn) => {\n                const targetId = btn.getAttribute(\"data-id\");\n                const targetSection = document.getElementById(targetId);\n\n                if (targetSection) {\n                    ScrollTrigger.create({\n                        trigger: targetSection,\n                        start: \"top center\",\n                        end: \"bottom center\",\n                        onEnter: () => setActive(btn),\n                        onEnterBack: () => setActive(btn)\n                    });\n\n                    btn.addEventListener(\"click\", (e) => {\n                        e.preventDefault();\n                        const targetEl = document.getElementById(targetId);\n\n                        if (targetEl) {\n                            \/\/ Jika pakai Lenis:\n                            lenis.scrollTo(targetEl, {\n                                offset: 0, \/\/ sesuaikan jika kamu punya header tetap\n                                duration: 1.2,\n                                easing: (t) => 1 - Math.pow(1 - t, 3) \/\/ easeOutCubic\n                            });\n\n                        }\n                    });\n                }\n            });\n\n            function setActive(activeBtn) {\n                buttons.forEach((btn) => {\n                    btn.classList.toggle(\"active\", btn === activeBtn);\n                });\n            }\n\n            ScrollTrigger.create({\n                trigger: \".body-slide\",\n                start: \"top top\",\n                end: \"bottom top\",\n                scrub: true,\n                onEnter: () => {\n                    gsap.set(\".nav-block\", {\n                        position: \"fixed\",\n                        top: \"15vh\",\n                        opacity: 1\n                    });\n                },\n                onLeave: () => {\n                    gsap.set(\".nav-block\", {\n                        position: \"absolute\",\n                        top: \"100%\",\n                        opacity: 0\n                    });\n                },\n                onEnterBack: () => {\n                    gsap.set(\".nav-block\", {\n                        position: \"fixed\",\n                        top: \"15vh\",\n                        opacity: 1\n                    });\n                },\n                onLeaveBack: () => {\n                    gsap.set(\".nav-block\", {\n                        position: \"absolute\",\n                        top: \"15vh\",\n                        opacity: 0\n                    });\n                }\n            });\n\n            \/\/ Parallax effect for background\n            gsap.to(\".parallax-bg\", {\n                yPercent: 20,\n                ease: \"none\",\n                delay: 0.1,\n                scrollTrigger: {\n                    trigger: \".body-slide\",\n                    start: \"top top\",\n                    end: \"bottom bottom\",\n                    scrub: true\n                }\n            });\n\n            \/\/ Animation for intro section\n            gsap.from(\".intro-section .decor\", {\n                x: -100,\n                opacity: 0,\n                duration: 1,\n                scrollTrigger: {\n                    trigger: \".intro-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n            gsap.from(\".intro-section .decor-1\", {\n                x: -100,\n                opacity: 0,\n                duration: 1,\n                scrollTrigger: {\n                    trigger: \".intro-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            gsap.utils.toArray(\".intro-section .main\").forEach((text) => {\n                gsap.from(text, {\n                    x: 100,\n                    opacity: 0,\n                    duration: 1,\n                    delay: 0.3,\n                    scrollTrigger: {\n                        trigger: \".intro-section\",\n                        start: \"top bottom\",\n                        toggleActions: \"play none none none\"\n                    }\n                });\n            });\n            \n            gsap.from(\".btn-cta\", {\n                y: 50,\n                opacity: 0,\n                duration: 1,\n                delay: 0.3,\n                scrollTrigger: {\n                    trigger: \".intro-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            \/\/ Animation for home section\n            gsap.from(\".home-section .decor\", {\n                y: 50,\n                opacity: 0,\n                duration: 0.8,\n                scrollTrigger: {\n                    trigger: \".home-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            \/\/ Animation for lineup section\n            gsap.from(\".top-lineup img\", {\n                y: 100,\n                opacity: 0,\n                stagger: 0.3,\n                duration: 0.8,\n                scrollTrigger: {\n                    trigger: \".lineup-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            \/\/ Animation for ticket section\n            gsap.from(\".tickets-container img\", {\n                scale: 0.8,\n                opacity: 0,\n                stagger: 0.3,\n                duration: 0.8,\n                scrollTrigger: {\n                    trigger: \".ticket-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            \/\/ Animation for raffle section\n            gsap.from(\".prize-list\", {\n                y: 50,\n                opacity: 0,\n                stagger: 0.3,\n                duration: 0.8,\n                scrollTrigger: {\n                    trigger: \".raffle-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            gsap.from(\".decor-tnc\", {\n                x: -100,\n                opacity: 0,\n                duration: 0.8,\n                scrollTrigger: {\n                    trigger: \".raffle-section\",\n                    start: \"top bottom\",\n                    toggleActions: \"play none none none\"\n                }\n            });\n\n            \/\/ Text wrapper animations\n            gsap.utils.toArray(\".text-wrapper\").forEach((text) => {\n                gsap.from(text, {\n                    yPercent: 50,\n                    opacity: 0,\n                    duration: 0.8,\n                    scrollTrigger: {\n                        trigger: text,\n                        start: \"top bottom\",\n                        toggleActions: \"play none none none\"\n                    }\n                });\n            });\n\n            \/\/ Nav animation\n            \/\/ gsap.from(\".nav-block\", {\n            \/\/     y: -50,\n            \/\/     opacity: 0,\n            \/\/     duration: 0.8,\n            \/\/     scrollTrigger: {\n            \/\/         trigger: \".body-slide\",\n            \/\/         start: \"top top\",\n            \/\/         scrub: true,\n            \/\/         toggleActions: \"play none none none\"\n            \/\/     }\n            \/\/ });\n\n            gsap.utils.toArray(\".claim-container\").forEach((text) => {\n                gsap.from(text, {\n                    y: 50,\n                    opacity: 0,\n                    duration: 0.8,\n                    scrollTrigger: {\n                        trigger: text,\n                        start: \"top bottom\",\n                        toggleActions: \"play none none none\"\n                    }\n                });\n            });\n\n            \/\/ Refresh ScrollTrigger on resize\n            window.addEventListener('resize', () => {\n                ScrollTrigger.refresh();\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":98608,"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-98596","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JBL Festival 2025<\/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\/festival\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JBL Festival 2025\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/festival\/\" \/>\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-07-08T02:57:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jblstore.co.id\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png\" \/>\n\t<meta property=\"og:image:width\" content=\"610\" \/>\n\t<meta property=\"og:image:height\" content=\"286\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/festival\/\",\"name\":\"JBL Festival 2025 - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage\"},\"thumbnailUrl\":\"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png\",\"datePublished\":\"2024-07-26T02:30:15+00:00\",\"dateModified\":\"2025-07-08T02:57:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/festival\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage\",\"url\":\"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png\",\"contentUrl\":\"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png\",\"width\":610,\"height\":286},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/festival\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JBL Festival 2025\"}]},{\"@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 Festival 2025","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\/festival\/","og_locale":"en_US","og_type":"article","og_title":"JBL Festival 2025","og_url":"https:\/\/jblstore.co.id\/en\/festival\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-07-08T02:57:57+00:00","og_image":[{"width":610,"height":286,"url":"https:\/\/jblstore.co.id\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/festival\/","url":"https:\/\/jblstore.co.id\/en\/festival\/","name":"JBL Festival 2025 - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage"},"thumbnailUrl":"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png","datePublished":"2024-07-26T02:30:15+00:00","dateModified":"2025-07-08T02:57:57+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/festival\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/festival\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/festival\/#primaryimage","url":"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png","contentUrl":"\/wp-content\/uploads\/2024\/07\/icon-jbl-day.png","width":610,"height":286},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/festival\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"JBL Festival 2025"}]},{"@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\/98596","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=98596"}],"version-history":[{"count":17,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/98596\/revisions"}],"predecessor-version":[{"id":111291,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/98596\/revisions\/111291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media\/98608"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=98596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}