{"id":111579,"date":"2025-07-22T01:45:24","date_gmt":"2025-07-21T18:45:24","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=111579"},"modified":"2025-07-22T01:48:48","modified_gmt":"2025-07-21T18:48:48","slug":"white-home-audio-collection","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/","title":{"rendered":"White Home Audio Collection"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"111579\" class=\"elementor elementor-111579\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d30fc14 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d30fc14\" 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-d4b2441\" data-id=\"d4b2441\" 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-37f559c elementor-widget elementor-widget-shortcode\" data-id=\"37f559c\" 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        .white-home {\n            position: relative;\n            max-width: var(--sizing-max-page);\n            margin: 0 auto;\n            \n            #banner {\n                position: relative;\n\n                .img-wrapper {\n                    display: flex;\n\n                    img {\n                        width: 100%;\n                        height: auto;\n                        object-fit: cover;\n                        object-position: center;\n                    }\n                }\n            }\n\n            .nav-tabs-desktop {\n                position: sticky;\n                position: -webkit-sticky;\n                top: 0;\n                background-color: white;\n                color: black;\n                display: flex;\n                justify-content: center;\n                z-index: 20;\n                border-bottom: 1px solid #000000;\n\n                @media (max-width: 768px) {\n                    & {\n                        display: none;\n                    }\n                }\n\n                .list-tabs {\n                    list-style: none;\n                    display: flex;\n                    gap: 72px;\n                    position: relative;\n                }\n\n                .child {\n                    position: relative;\n                    font-size: 18px;\n                    line-height: 16px;\n                    padding: 10px 0;\n                    cursor: pointer;\n                    font-family: var(--font-body);\n                    transition: all 2s ease-in;\n                }\n\n                .child:hover::before,\n                .child:hover::after {\n                    content: \" \";\n                    display: block;\n                    position: absolute;\n                    bottom: 0;\n                    height: 3px;\n                    background: #000;\n                    \/* Black color on hover *\/\n                    transition: width 2s ease-out;\n                }\n\n                .child:hover::before {\n                    right: 0;\n                    width: 100%;\n                    \/* On hover, expand to full width *\/\n                }\n\n                .child:hover::after {\n                    left: 0;\n                    width: 100%;\n                    \/* On hover, expand to full width *\/\n                }\n\n                .active::before,\n                .active::after {\n                    content: \" \";\n                    display: block;\n                    position: absolute;\n                    bottom: 0;\n                    height: 3px;\n                    background: orange;\n                    \/* Orange color when active *\/\n                    transition: width 2s ease-out;\n                }\n\n                .active::before {\n                    right: 0;\n                    width: 0%;\n                    \/* Start with width 0 when active *\/\n                }\n\n                .active::after {\n                    left: 0;\n                    width: 100%;\n                    \/* Expand to full width when active *\/\n                }\n\n                .active:hover::before,\n                .active:hover::after {\n                    background: orange;\n                    \/* Ensure it remains orange when hovered *\/\n                }\n            }\n\n            .nav-tabs-mobile {\n                position: sticky;\n                position: -webkit-sticky;\n                top: 0;\n                background-color: white;\n                color: black;\n                display: flex;\n                justify-content: center;\n                z-index: 20;\n                border-bottom: 1px solid #000000;\n\n                @media (min-width: 768px) {\n                    & {\n                        display: none;\n                    }\n                }\n\n                .list-tabs {\n                    list-style: none;\n                    display: flex;\n                    gap: 32px;\n                    position: relative;\n                    overflow: auto;\n                    padding-inline: 16px;\n                    scrollbar-width: none;\n                    scroll-behavior: smooth;\n                    -webkit-overflow-scrolling: touch;\n                }\n\n                .list-tabs::-webkit-scrollbar {\n                    display: none;\n                }\n\n                .child {\n                    position: relative;\n                    font-size: 16px;\n                    line-height: 16px;\n                    padding: 10px 0;\n                    cursor: pointer;\n                    font-family: var(--font-body);\n                    white-space: nowrap;\n                    transition: all 2s ease-in;\n                }\n\n                .child:hover::before,\n                .child:hover::after {\n                    content: \" \";\n                    display: block;\n                    position: absolute;\n                    bottom: 0;\n                    height: 3px;\n                    background: #000;\n                    \/* Black color on hover *\/\n                    transition: width 2s ease-out;\n                }\n\n                .child:hover::before {\n                    right: 0;\n                    width: 100%;\n                    \/* On hover, expand to full width *\/\n                }\n\n                .child:hover::after {\n                    left: 0;\n                    width: 100%;\n                    \/* On hover, expand to full width *\/\n                }\n\n                .active::before,\n                .active::after {\n                    content: \" \";\n                    display: block;\n                    position: absolute;\n                    bottom: 0;\n                    height: 3px;\n                    background: orange;\n                    \/* Orange color when active *\/\n                    transition: width 2s ease-out;\n                }\n\n                .active::before {\n                    right: 0;\n                    width: 0%;\n                    \/* Start with width 0 when active *\/\n                }\n\n                .active::after {\n                    left: 0;\n                    width: 100%;\n                    \/* Expand to full width when active *\/\n                }\n\n                .active:hover::before,\n                .active:hover::after {\n                    background: orange;\n                    \/* Ensure it remains orange when hovered *\/\n                }\n\n                .prev-btn,\n                .next-btn {\n                    position: relative;\n                    height: 100%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    cursor: pointer;\n                    background-color: white;\n                    align-self: center;\n                }\n                \n            }\n            \n            .story-telling {\n                background-color: #fefef2;\n\n                .text-at-right {}\n\n                .text-at-left {}\n\n                .text-container {\n                    display: flex;\n                    flex-direction: column;\n                    padding: 0 16px;\n                    padding-top: 16px;\n                    gap: 32px;\n                    background-color: #faf5ef;\n\n                    @media (min-width: 768px) {\n                        & {\n                            flex-direction: row;\n                            padding: 60px 0;\n                            padding-top: 0px;\n                            gap: 0;\n                        }\n\n                        &>* {\n                            flex-basis: 50%;\n                        }\n                    }\n\n                    .text {\n                        align-content: center;\n                        order: 2;\n                        text-align: center;\n                        border-top: 2px solid #BBAC9F;\n                        padding-top: 24px;\n\n                        @media (min-width: 768px) {\n                            & {\n                                order: 0;\n                                padding: 0 69px;\n                                text-align: left;\n                                border-top: 0;\n                            }\n                        }\n\n                        h2 {\n                            \/* 1440 -> 375 | 72px -> 40px *\/\n                            font-size: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 3.0047)), 72px);\n                            min-height: 0vw;\n                            font-family: \"Kostic - Roc Grotesk Condensed Bold\",Arial, Helvetica, sans-serif;\n                            line-height: 36px;\n                            margin: 0 0 16px 0;\n\n                            @media (min-width: 768px) {\n                                & {\n                                    line-height: 57.6px;\n                                }\n                            }\n                        }\n\n                        p {\n                            \/* 1440 -> 375 | 20px -> 16px *\/\n                            font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.3756)), 20px);\n                            min-height: 0vw;\n                            line-height: 22.4px;\n                            font-weight: 400;\n                            margin-bottom: 80px;\n                            font-family: var(--font-body);\n\n                            @media (min-width: 768px) {\n                                & {\n                                    line-height: 28px;\n                                    margin-bottom: 0;\n                                }\n                            }\n                        }\n                    }\n\n                    .image {\n                        position: relative;\n                        overflow: hidden;\n\n                        img {\n                            \/* position: absolute; *\/\n                            width: 100%;\n                            height: 100%;\n                            object-fit: contain;\n                            object-position: top;\n                        }\n                    }\n                }\n\n                #streaming {\n                    background-color: #fefef2;\n                    padding-top: 16px;\n                }\n\n                .mycta {\n                    background-color: #FF4612;\n                    color: white;\n                    padding: 10px 40px;\n                    border-radius: 50px;\n                    display: block;\n                    width: fit-content;\n                    margin: 0 auto;\n                    font-family: Grostesk-Bold,Arial, Helvetica, sans-serif;\n                    font-size: clamp(12px, calc(0.75rem + ((1vw - 3.7px) * 0.2581)), 16px);\n                    min-height: 0vw;\n                    text-transform: uppercase;\n\n                    @media (max-width: 768px) {\n                        padding: 10px 20px;\n                    }\n                }\n\n                .container-product {\n                    background-color: #FFFEF3;\n                    border-top: 1px solid #FF4713;\n                    \/* border-bottom: 1px solid #FF4713; *\/\n                    margin-top: 60px;\n\n                    .main-products {\n                        display: grid;\n                        grid-template-columns: repeat(4, minmax(0, 1fr));\n\n                        @media (max-width: 768px) {\n                            & {\n                                grid-template-columns: repeat(2, minmax(0, 1fr));\n                            }\n                        }\n\n                        @media (min-width: 768px) {\n                            &>*:not(:nth-child(4n)) {\n                                border-right: 1px solid #FF4713;\n                            }\n                        }\n\n                        @media (max-width: 767px) {\n                            &>*:not(:nth-child(odd)) {\n                                border-right: 0;\n                            }\n\n                            &>*:nth-child(4n+1),\n                            &>*:nth-child(4n+3) {\n                                border-right: 1px solid #FF4713;\n                            }\n                        }\n\n                        .product {\n                            flex-basis: 50%;\n                            min-width: 50%;\n                            padding: 16px 24px;\n                            border-bottom: 1px solid #FF4713;\n                            display: flex;\n                            flex-direction: column;\n\n                            @media (min-width: 768px) {\n                                & {\n                                    min-width: 25%;\n                                    flex-basis: 25%;\n                                }\n                            }\n                            .color-wrapper {\n                                padding-bottom: 16px;\n                                display: flex;\n                                align-items: center;\n                                gap: 8px;\n                                \n                                a {\n                                    display: block;\n                                    width: fit-content;\n                                }\n                                \n                                .color {\n                                    width: 24px;\n                                    height: 24px;\n                                    cursor: pointer;\n                                    display: block;\n                                    position: relative;\n                                    overflow: hidden;\n                                    display: inline-block;\n                                    transition: var(--ds-transition);\n\n                                    &:hover {\n                                        opacity: .8;\n                                    }\n                                }\n\n                                .black {\n                                    background-color: black;\n                                    width: 22px;\n                                    height: 22px;\n                                    border: 1px solid white;\n                                    outline: 1px solid black;\n                                }\n\n                                .white {\n                                    background-color: white;\n                                    border: thin solid black;\n                                }\n                            }\n\n                            .product-wrapper {\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: space-between;\n                                height: 100%;\n\n                                .product-info {\n                                    padding-top: 16px;\n                                    border-top: 1px solid #FF4713;\n\n                                    .product-title {\n                                        font-weight: 700;\n                                        \/* 1440 -> 375 | 16px -> 14px *\/\n                                        font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 0.1878)), 16px);\n                                        min-height: 0vw;\n                                        margin: 0 0 8px 0;\n                                        font-family: var(--font-body);\n                                        line-height: 19.6px;\n\n                                        @media (min-width: 768px) {\n                                            & {\n                                                line-height: 19.2px;\n                                            }\n                                        }\n                                    }\n\n                                    .product-description {\n                                        font-weight: 400;\n                                        font-size: 14px;\n                                        line-height: 19.6px;\n                                        font-family: var(--font-body);\n\n                                        @media (min-width: 768px) {\n                                            & {\n                                                line-height: 16.8px;\n                                            }\n                                        }\n                                    }\n                                }\n\n                                .product-footer {\n                                    display: flex;\n                                    \/* flex-direction: column; *\/\n                                    flex-direction: column;\n                                    justify-content: space-between;\n                                    gap: 12px;\n                                    font-family: var(--font-body);\n\n                                    @media (min-width: 768px) {\n                                        & {\n                                            \/* flex-direction: row; *\/\n                                            \/* gap: 5px; *\/\n                                            \/* align-items: center; *\/\n                                        }\n                                    }\n\n                                    .product-price {\n                                        .discon-price {\n                                            font-weight: 700;\n                                            font-size: 16px;\n                                            line-height: 19.2px;\n                                            margin: 0;\n                                        }\n\n                                        .authentic-price {\n                                            font-weight: 700;\n                                            font-size: 14px;\n                                            line-height: 19.2px;\n                                            text-decoration: line-through;\n                                            color: rgba(8, 28, 32, 0.68);\n                                            margin: 0;\n                                        }\n                                    }\n\n                                    .product-button {\n                                        display: flex;\n                                        font-family: var(--font-body);\n                                        \n                                        .cta-button {\n                                            background-color: #FF4612;\n                                            color: white;\n                                            padding: 8px 30px;\n                                            border-radius: 50px;\n                                            display: block;\n                                            width: fit-content;\n                                            \/* margin: 0 auto; *\/\n                                            font-size: clamp(10px, calc(0.625rem + ((1vw - 3.7px) * 0.2581)), 14px);\n                                            min-height: 0vw;\n\n                                            @media (max-width: 768px) {\n                                                padding: 10px 18px;\n                                            }\n\n                                            button {\n                                                color: white;\n                                                white-space: nowrap;\n                                                font-family: Grostesk-Bold,Arial, Helvetica, sans-serif;\n                                                text-transform: uppercase;\n                                                \/* font-family: var(--font-body); *\/\n                                            }\n\n                                            &:hover {\n                                                opacity: .7;\n                                            }\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    <\/style>\n\n    <div class=\"white-home\">\n        <section class=\"nav-tabs-desktop\" id=\"nav-tabs-desktop\">\n            <ul class=\"list-tabs\">\n                <li class=\"child\" id=\"introduction-tab\">Introduction<\/li>\n                <li class=\"child\" id=\"product-interview-tab\">Product Overview<\/li>\n                <li class=\"child\" id=\"design-tab\">Design<\/li>\n                <li class=\"child\" id=\"performance-tab\">Performance<\/li>\n                <li class=\"child\" id=\"setup-tab\">Setup<\/li>\n                <li class=\"child\" id=\"streaming-tab\">Streaming<\/li>\n            <\/ul>\n        <\/section>\n        \n        <section id=\"banner\">\n            <div class=\"img-wrapper\">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"2160\" height=\"1556\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-banner.webp\" class=\"attachment-full size-full\" alt=\"White Home Banner\" srcset=\"\/wp-content\/uploads\/2025\/07\/whitehome-banner.webp 2160w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-300x216.webp 300w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-1024x738.webp 1024w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-768x553.webp 768w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-1536x1106.webp 1536w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-2048x1475.webp 2048w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-1140x821.webp 1140w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-600x432.webp 600w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-1238x892.webp 1238w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-929x669.webp 929w, \/wp-content\/uploads\/2025\/07\/whitehome-banner-791x570.webp 791w\" sizes=\"(max-width: 2160px) 100vw, 2160px\" \/>            <\/div>\n        <\/section>\n        <section class=\"nav-tabs-mobile\" id=\"nav-tabs-desktop2\">\n            <button class=\"prev-btn cta\" aria-label=\"Previous Category\" disabled>\n                <svg width=\"41\" height=\"40\" viewbox=\"0 0 41 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M23.5 12.9999L16.5 19.9999L23.5 27.0001\" stroke=\"black\" stroke-width=\"4\"\n                        stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                <\/svg>\n            <\/button>\n            <ul class=\"list-tabs\">\n                <li class=\"child\" id=\"introduction-tab\">Introduction<\/li>\n                <li class=\"child\" id=\"product-interview-tab\">Product Overview<\/li>\n                <li class=\"child\" id=\"design-tab\">Design<\/li>\n                <li class=\"child\" id=\"performance-tab\">Performance<\/li>\n                <li class=\"child\" id=\"setup-tab\">Setup<\/li>\n                <li class=\"child\" id=\"streaming-tab\">Streaming<\/li>\n            <\/ul>\n            <button class=\"next-btn cta\" aria-label=\"Next Category\">\n                <svg width=\"41\" height=\"40\" viewbox=\"0 0 41 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M16.5 27.0001L23.5 20.0001L16.5 12.9999\" stroke=\"black\" stroke-width=\"4\"\n                        stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                <\/svg>\n            <\/button>\n        <\/section>\n        <section id=\"inside\" class=\"story-telling\">\n            <div id=\"design\" class=\"text-container text-at-left\">\n                <div class=\"text\">\n                    <h2>A MODERN SILHOUETTE THAT COMPLEMENTS YOUR HOME<\/h2>\n                    <p>Built to standout when needed yet blends seamlessly into any space, the next-gen of JBL AVRs feature a retro-modern aesthetic with signature JBL design elements.<\/p>\n                <\/div>\n                <div class=\"image\">\n                    <img decoding=\"async\" width=\"1083\" height=\"610\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-silhouette.webp\" class=\"attachment-full size-full\" alt=\"A MODERN SILHOUETTE THAT COMPLEMENTS YOUR HOME\" srcset=\"\/wp-content\/uploads\/2025\/07\/whitehome-silhouette.webp 1083w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-300x169.webp 300w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-1024x577.webp 1024w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-768x433.webp 768w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-18x10.webp 18w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-600x338.webp 600w, \/wp-content\/uploads\/2025\/07\/whitehome-silhouette-1012x570.webp 1012w\" sizes=\"(max-width: 1083px) 100vw, 1083px\" \/>                <\/div>\n            <\/div>\n            <div id=\"performance\" class=\"text-container text-at-right\">\n                <div class=\"image\">\n                    <img decoding=\"async\" width=\"1079\" height=\"607\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance.webp\" class=\"attachment-full size-full\" alt=\"HIGH-PERFORMANCE AUDIO FOR THE NEXT GENERATION\" srcset=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance.webp 1079w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-300x169.webp 300w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-1024x576.webp 1024w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-768x432.webp 768w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-18x10.webp 18w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-600x338.webp 600w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-highperformance-1013x570.webp 1013w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" \/>                <\/div>\n                <div class=\"text\">\n                    <h2>HIGH-PERFORMANCE AUDIO FOR THE NEXT GENERATION<\/h2>\n                    <p>JBL is the go-to audio provider for movie theaters and recording studios around the globe. From our patented loudspeaker technology to our innovative approach to digital amplifier design, over 75 years of knowledge and expertise have gone into this new line of home theater products. Enjoy the ultimate cinema experience right at home with immersive, unfiltered sound.<\/p>\n                <\/div>\n            <\/div>\n            <div id=\"setup\" class=\"text-container text-at-left\">\n                <div class=\"text\">\n                    <h2>SIMPLICITY WITH ELEGANCE<\/h2>\n                    <p>Minimalist design approach for plug and play operation.<\/p>\n                <\/div>\n                <div class=\"image\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1083\" height=\"734\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity.webp\" class=\"attachment-full size-full\" alt=\"SIMPLICITY WITH ELEGANCE\" srcset=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity.webp 1083w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-300x203.webp 300w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-1024x694.webp 1024w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-768x521.webp 768w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-18x12.webp 18w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-600x407.webp 600w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-987x669.webp 987w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-simplicity-841x570.webp 841w\" sizes=\"(max-width: 1083px) 100vw, 1083px\" \/>                <\/div>\n            <\/div>\n            <div id=\"streaming\" class=\"text-container text-at-right\">\n                <div class=\"image\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"609\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-stream.webp\" class=\"attachment-full size-full\" alt=\"STREAM YOUR WAY\" srcset=\"\/wp-content\/uploads\/2025\/07\/whitehome-inside-stream.webp 1080w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-300x169.webp 300w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-1024x577.webp 1024w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-768x433.webp 768w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-18x10.webp 18w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-600x338.webp 600w, \/wp-content\/uploads\/2025\/07\/whitehome-inside-stream-1011x570.webp 1011w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>                <\/div>\n                <div class=\"text\">\n                    <h2>STREAM YOUR WAY<\/h2>\n                    <p>Whether you\u2019re streaming via Bluetooth or through the internet, enjoying all your entertainment in one place has never been easier. The JBL MA series gives you the flexibility to listen how you want.<\/p>\n                <\/div>\n            <\/div>\n\n            <a href=\"#\" class=\"cta mycta\">Learn More<\/a>\n\n            <div id=\"product-interview\" class=\"container-product\">\n                <div class=\"main-products\" id=\"main-products\">\n                                            <div class=\"product\" data-category=\"audio\">\n                            <div class=\"product-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-recommendation-auth-300.webp\" alt=\"Authentics 300\">\n                            <\/div>\n                            <div class=\"color-wrapper\">\n                                <a href=\"\/en\/product\/jbl-authentics-300\/\" aria-label=\"Select color black\"><span class=\"color variable-item-span-color\" style=\"background-color:#000000;display:block;border: 1px solid white;outline: 1px solid black;width: 22px;height: 22px;\"><\/span><\/a>\n                                <a href=\"\/en\/product\/jbl-authentics-300-white-edition\/\" aria-label=\"Select color white\"><span class=\"color variable-item-span-color\" style=\"background-color:#fff;display:block;border: 1px solid #e8e8e8;\"><\/span><\/a>\n                            <\/div>\n                            <div class=\"product-wrapper\">\n                                <div class=\"product-info\">\n                                <h3 class=\"product-title\">\n                                    Authentics 300                                <\/h3>\n                                <p class=\"product-description\">Portables Smart Home Speaker with Retro Design<\/p>\n                                <\/div>\n                                <div class=\"product-footer\">\n                                    <div class=\"product-price\">\n                                                                                    <p class=\"discon-price\">Rp. 8.500.000<\/p>\n                                                                            <\/div>\n                                    <div class=\"product-button\">\n                                        <a href=\"\/en\/product\/jbl-authentics-300-white-edition\/\" aria-label=\"Learn More\" class=\"cta-button\">\n                                        <button>\n                                            Buy Now                                        <\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"product\" data-category=\"audio\">\n                            <div class=\"product-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-recommendation-auth-200.webp\" alt=\"Authentics 200\">\n                            <\/div>\n                            <div class=\"color-wrapper\">\n                                <a href=\"\/en\/product\/jbl-authentics-200\/\" aria-label=\"Select color black\"><span class=\"color variable-item-span-color\" style=\"background-color:#000000;display:block;border: 1px solid white;outline: 1px solid black;width: 22px;height: 22px;\"><\/span><\/a>\n                                <a href=\"\/en\/product\/jbl-authentics-200-white-edition\/\" aria-label=\"Select color white\"><span class=\"color variable-item-span-color\" style=\"background-color:#fff;display:block;border: 1px solid #e8e8e8;\"><\/span><\/a>\n                            <\/div>\n                            <div class=\"product-wrapper\">\n                                <div class=\"product-info\">\n                                <h3 class=\"product-title\">\n                                    Authentics 200                                <\/h3>\n                                <p class=\"product-description\">Smart Home Speaker with Retro Design<\/p>\n                                <\/div>\n                                <div class=\"product-footer\">\n                                    <div class=\"product-price\">\n                                                                                    <p class=\"discon-price\">Rp. 6.500.000<\/p>\n                                                                            <\/div>\n                                    <div class=\"product-button\">\n                                        <a href=\"\/en\/product\/jbl-authentics-200-white-edition\/\" aria-label=\"Learn More\" class=\"cta-button\">\n                                        <button>\n                                            Buy Now                                        <\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"product\" data-category=\"audio\">\n                            <div class=\"product-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-recommendation-ma710.webp\" alt=\"MA710\">\n                            <\/div>\n                            <div class=\"color-wrapper\">\n                                <a href=\"\/en\/product\/ma710\/?color=black\" aria-label=\"Select color black\"><span class=\"color variable-item-span-color\" style=\"background-color:#000000;display:block;border: 1px solid white;outline: 1px solid black;width: 22px;height: 22px;\"><\/span><\/a>\n                                <a href=\"\/en\/product\/ma710\/?color=white\" aria-label=\"Select color white\"><span class=\"color variable-item-span-color\" style=\"background-color:#fff;display:block;border: 1px solid #e8e8e8;\"><\/span><\/a>\n                            <\/div>\n                            <div class=\"product-wrapper\">\n                                <div class=\"product-info\">\n                                <h3 class=\"product-title\">\n                                    MA710                                <\/h3>\n                                <p class=\"product-description\">7.2-channel JBL MA710 AV Receiver that delivers<\/p>\n                                <\/div>\n                                <div class=\"product-footer\">\n                                    <div class=\"product-price\">\n                                                                            <\/div>\n                                    <div class=\"product-button\">\n                                        <a href=\"\/en\/product\/ma710\/\" aria-label=\"Learn More\" class=\"cta-button\">\n                                        <button>\n                                            Buy Now                                        <\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"product\" data-category=\"audio\">\n                            <div class=\"product-image\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/whitehome-recommendation-ma7100hp.webp\" alt=\"MA7100HP\">\n                            <\/div>\n                            <div class=\"color-wrapper\">\n                                <a href=\"\/en\/product\/jbl-ma7100hp\/?color=black\" aria-label=\"Select color black\"><span class=\"color variable-item-span-color\" style=\"background-color:#000000;display:block;border: 1px solid white;outline: 1px solid black;width: 22px;height: 22px;\"><\/span><\/a>\n                                <a href=\"\/en\/product\/jbl-ma7100hp\/?color=white\" aria-label=\"Select color white\"><span class=\"color variable-item-span-color\" style=\"background-color:#fff;display:block;border: 1px solid #e8e8e8;\"><\/span><\/a>\n                            <\/div>\n                            <div class=\"product-wrapper\">\n                                <div class=\"product-info\">\n                                <h3 class=\"product-title\">\n                                    MA7100HP                                <\/h3>\n                                <p class=\"product-description\">7.2-channel JBL MA7100HP high-performance AV<\/p>\n                                <\/div>\n                                <div class=\"product-footer\">\n                                    <div class=\"product-price\">\n                                                                            <\/div>\n                                    <div class=\"product-button\">\n                                        <a href=\"\/en\/product\/jbl-ma7100hp\/\" aria-label=\"Learn More\" class=\"cta-button\">\n                                        <button>\n                                            Buy Now                                        <\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n        \n        <script>\n            jQuery(document).ready(function () {\n                const $sections = jQuery('#inside>div');\n                const $tabs = jQuery('#nav-tabs-desktop .list-tabs .child');\n                const $mobileTabs = jQuery('#nav-tabs-desktop2 .list-tabs .child');\n\n                $tabs.on('click', function (e) {\n                    e.preventDefault();\n                    const targetId = jQuery(this).attr('id').replace('-tab', '');\n                    const $target = jQuery('#' + targetId);\n\n                    if ($target.length) {\n                        jQuery('html, body').animate({\n                            scrollTop: $target.offset().top\n                        }, 500);\n                    }\n                });\n                \n                const observer = new IntersectionObserver(function (entries) {\n                    entries.forEach(function (entry) {\n                        const tabId = `#nav-tabs-desktop #${entry.target.id}-tab`;\n                        const tabMobileId = `#nav-tabs-desktop2 #${entry.target.id}-tab`;\n                        const $tab = jQuery(tabId);\n                        const $tabMobile = jQuery(tabMobileId);\n                        \n                        if (entry.isIntersecting) {\n                            $tabs.removeClass('active');\n                            $mobileTabs.removeClass('active');\n                            $tab.addClass('active');\n                            $tabMobile.addClass('active');\n                        }\n                    });\n                }, {\n                    root: null,\n                    threshold: 0.1\n                });\n\n                $sections.each(function () {\n                    observer.observe(this);\n                });\n\n                const topWrap = jQuery('#top-wrap');\n                const navTabsDesktop = jQuery('#nav-tabs-desktop');\n                const navTabsDesktop2 = jQuery('#nav-tabs-desktop2');\n\n                if (topWrap.length) {\n                    const topWrapHeight = topWrap.outerHeight();\n\n                    navTabsDesktop.css('top', `${topWrapHeight}px`);\n                    navTabsDesktop2.css('top', `${topWrapHeight}px`);\n                } else {\n                    console.error('Element not found: #top-wrap');\n                }\n\n\n                const $listTabs = jQuery('#nav-tabs-desktop2 .list-tabs');\n                const $prevBtn = jQuery('.prev-btn');\n                const $nextBtn = jQuery('.next-btn');\n                const scrollAmount = 150;\n\n                function updateButtons() {\n                    const scrollLeft = Math.floor($listTabs.scrollLeft());\n                    const scrollWidth = Math.ceil($listTabs[0].scrollWidth);\n                    const clientWidth = Math.ceil($listTabs.outerWidth());\n                    const scrolledRight = scrollLeft + clientWidth;\n\n                    if (scrollLeft <= 0) {\n                        $prevBtn.attr('disabled', true);\n                    } else {\n                        $prevBtn.removeAttr('disabled');\n                    }\n\n                    if (scrolledRight >= scrollWidth - 2) {\n                        $nextBtn.attr('disabled', true);\n                    } else {\n                        $nextBtn.removeAttr('disabled');\n                    }\n                }\n\n                $nextBtn.on('click', function () {\n                    $listTabs.animate({\n                        scrollLeft: $listTabs.scrollLeft() + scrollAmount\n                    }, 300, updateButtons);\n                });\n\n                $prevBtn.on('click', function () {\n                    $listTabs.animate({\n                        scrollLeft: $listTabs.scrollLeft() - scrollAmount\n                    }, 300, updateButtons);\n                });\n\n                $listTabs.on('scroll', updateButtons);\n\n            });\n        <\/script>\n    <\/div>\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":111580,"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-111579","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>White Home Audio Collection<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"White Home Audio Collection\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/\" \/>\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-21T18:48:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jblstore.co.id\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1398\" \/>\n\t<meta property=\"og:image:height\" content=\"1398\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\/white-home-audio-collection\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/\",\"name\":\"White Home Audio Collection - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage\"},\"thumbnailUrl\":\"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg\",\"datePublished\":\"2025-07-21T18:45:24+00:00\",\"dateModified\":\"2025-07-21T18:48:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage\",\"url\":\"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg\",\"width\":1398,\"height\":1398},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"White Home Audio Collection\"}]},{\"@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":"White Home Audio Collection","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"White Home Audio Collection","og_url":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-07-21T18:48:48+00:00","og_image":[{"width":1398,"height":1398,"url":"https:\/\/jblstore.co.id\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg","type":"image\/jpeg"}],"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\/white-home-audio-collection\/","url":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/","name":"White Home Audio Collection - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage"},"thumbnailUrl":"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg","datePublished":"2025-07-21T18:45:24+00:00","dateModified":"2025-07-21T18:48:48+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#primaryimage","url":"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg","contentUrl":"\/wp-content\/uploads\/2025\/07\/jbl-white-home-lux-mobile-banner.jpg","width":1398,"height":1398},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/white-home-audio-collection\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"White Home Audio Collection"}]},{"@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\/111579","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=111579"}],"version-history":[{"count":4,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/111579\/revisions"}],"predecessor-version":[{"id":111584,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/111579\/revisions\/111584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media\/111580"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=111579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}