<section class="hero-a">
<div class="hero-a__in">
<div class="hero-a__inner">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.webp" type="image/webp">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.jpg">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.webp" type="image/webp">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.jpg">
<img data-sizes="auto" data-src="/graphics/video-poster-mobile.jpg" class="lazyload" alt="">
</picture>
</div>
<header class="hero-a__header">
<div class="hero-a__heading">
<span class="heading heading--0">Lorem title text with a max of 50 characters!</span>
</div>
</header>
</div>
</section>
<div class="spacer spacer--12"></div>
<div class="appear">
<section class="col-one">
<div class="col-one__inner">
<div class="col-one__content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
</div>
</div>
</section>
</div>
<div class="spacer spacer--18"></div>
<div class="appear">
<section class="col-two">
<div class="col-two__inner">
<div class="col-two__item">
<div class="col-two__visual">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.webp" type="image/webp">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.jpg">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.webp" type="image/webp">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.jpg">
<img data-sizes="auto" data-src="/graphics/video-poster-mobile.jpg" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="col-two__item">
<div class="col-two__content">
<h2 class="col-two__heading heading heading--5">Artist name</h2>
<div class="col-two__item__description">
Pioneer DJ Artist Masterclass session with iconic live artist and seminal producer, KiNK on the TORAIZ SP-16 sampler and AS-1 mono synth is now availabl…
</div>
</div>
</div>
</div>
</section>
</div>
<div class="appear">
<section class="col-two col-two--reversed">
<div class="col-two__inner">
<div class="col-two__item">
<div class="col-two__visual">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.webp" type="image/webp">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.jpg">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.webp" type="image/webp">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.jpg">
<img data-sizes="auto" data-src="/graphics/video-poster-mobile.jpg" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="col-two__item">
<div class="col-two__content">
<h2 class="col-two__heading heading heading--5">Artist name</h2>
<div class="col-two__item__description">
Pioneer DJ Artist Masterclass session with iconic live artist and seminal producer, KiNK on the TORAIZ SP-16 sampler and AS-1 mono synth is now availabl…
</div>
</div>
</div>
</div>
</section>
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
<div class="section-header section-header--centered">
<div class="section-header__inner section--9">
<h2 class="section-header__heading heading heading--4">NEW PRODUCT</h2>
</div>
</div>
<div class="spacer spacer--6"></div>
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--gutter grid--gutter--1">
<div class="grid__inner">
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-a snippet-a--narrow">
<a href="" class="snippet-a__visual">
<div class="snippet-a__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_top_201015.png?h=240&w=320&hash=093BE70DD425E0D130AE661AB51BA3F8" class="lazyload" alt="">
</picture>
</div>
</a>
<div class="snippet-a__content">
<h4 class="snippet-a__heading heading heading--5">
<a href="" class="link link--default">
<span class="link__label">DDJ-REV1</span>
</a>
</h4>
<div class="snippet-a__description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</article>
</div>
</div>
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-a snippet-a--narrow">
<a href="" class="snippet-a__visual">
<div class="snippet-a__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_top_201015.png?h=240&w=320&hash=093BE70DD425E0D130AE661AB51BA3F8" class="lazyload" alt="">
</picture>
</div>
</a>
<div class="snippet-a__content">
<h4 class="snippet-a__heading heading heading--5">
<a href="" class="link link--default">
<span class="link__label">DDJ-REV7</span>
</a>
</h4>
<div class="snippet-a__description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
<div class="section-header section-header--centered">
<div class="section-header__inner section--9">
<h2 class="section-header__heading heading heading--4">HISTORY OF OPEN FORMAT PRODUCTS</h2>
</div>
</div>
<div class="spacer spacer--6"></div>
<section class="slideshow swiper-container">
<div class="slideshow__inner swiper-wrapper">
<div class="slideshow__item slideshow__item--even swiper-slide">
<div class="slideshow__slide">
<div class="slideshow__bg">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/slide01-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/slide01.png">
<img data-sizes="auto" data-src="/graphics/slide01-mobile.png" class="lazyload" alt="">
</picture>
</div>
<div class="slideshow__slide__inner">
<div class="slideshow__content">
<div class="slideshow__count">1 / 3</div>
<h3 class="slideshow__heading heading heading--3">DJM-S7</h3>
<div class="slideshow__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
<div class="slideshow__visual">
<div class="slideshow__image">
<picture class="visual visual--in-flow visual--contained">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/DJM-S7-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/DJM-S7.png">
<img data-sizes="auto" data-src="/graphics/DJM-S7-mobile.png" class="lazyload" alt="">
</picture>
</div>
</div>
</div>
</div>
</div>
<div class="slideshow__item slideshow__item--odd swiper-slide">
<div class="slideshow__slide">
<div class="slideshow__bg">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/slide01-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/slide01.png">
<img data-sizes="auto" data-src="/graphics/slide01-mobile.png" class="lazyload" alt="">
</picture>
</div>
<div class="slideshow__slide__inner">
<div class="slideshow__content">
<div class="slideshow__count">2 / 3</div>
<h3 class="slideshow__heading heading heading--3">DJM-S11</h3>
<div class="slideshow__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
</div>
<div class="slideshow__visual">
<div class="slideshow__image">
<picture class="visual visual--in-flow visual--contained">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/DJM-S11-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/DJM-S11.png">
<img data-sizes="auto" data-src="/graphics/DJM-S11-mobile.png" class="lazyload" alt="">
</picture>
</div>
</div>
</div>
</div>
</div>
<div class="slideshow__item slideshow__item--even swiper-slide">
<div class="slideshow__slide">
<div class="slideshow__bg">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/slide01-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/slide01.png">
<img data-sizes="auto" data-src="/graphics/slide01-mobile.png" class="lazyload" alt="">
</picture>
</div>
<div class="slideshow__slide__inner">
<div class="slideshow__content">
<div class="slideshow__count">3 / 3</div>
<h3 class="slideshow__heading heading heading--3">DJM-V10</h3>
<div class="slideshow__description">Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
</div>
<div class="slideshow__visual">
<div class="slideshow__image">
<picture class="visual visual--in-flow visual--contained">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/DJM-V10-mobile.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/DJM-V10.png">
<img data-sizes="auto" data-src="/graphics/DJM-V10-mobile.png" class="lazyload" alt="">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="slideshow__nav">
<div class="slideshow__nav__item">
<a class="slideshow__nav__link slideshow__nav__link--prev">
<span class="slideshow__nav__icon">
<svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
</svg>
</span>
</a>
</div>
<div class="slideshow__nav__item">
<a class="slideshow__nav__link slideshow__nav__link--next">
<span class="slideshow__nav__icon">
<svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
</svg>
</span>
</a>
</div>
</nav>
</section>
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
<div class="section-header section-header--centered">
<div class="section-header__inner section--9">
<h2 class="section-header__heading heading heading--4">PIONEER DJ PRODUCTS</h2>
</div>
</div>
<div class="spacer spacer--6"></div>
<div class="section--9 ref gap--s--in-12 gap--l--in-26">
<picture class="visual">
<source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/stripes.png">
<source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/stripes.png">
<img data-sizes="auto" data-src="/graphics/stripes.png" class="lazyload" alt="">
</picture>
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--s--2 grid--m--4 grid--gutter grid--gutter--1 grid--gutter--s--2">
<div class="grid__inner">
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-e">
<a href="#" class="snippet-e__link">
<div class="snippet-e__visual">
<div class="snippet-e__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/turntable/plx-1000/black/plx-1000-main-pdj.png?h=240&w=320&hash=EB6BF78D7266D062FED6DB1FD549A912" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="snippet-e__content">
<div class="snippet-e__heading">Turntables</div>
</div>
</a>
</article>
</div>
</div>
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-e">
<a href="#" class="snippet-e__link">
<div class="snippet-e__visual">
<div class="snippet-e__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/player/cdj-2000nxs2/black/cdj-2000nxs2-main.png?h=240&w=320&hash=1A46F5BD06299B04FFAB5AA6DCBA3292" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="snippet-e__content">
<div class="snippet-e__heading">Players</div>
</div>
</a>
</article>
</div>
</div>
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-e">
<a href="#" class="snippet-e__link">
<div class="snippet-e__visual">
<div class="snippet-e__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=240&w=320&hash=3C622C371F148128CE08884655C67D0D" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="snippet-e__content">
<div class="snippet-e__heading">Mixers</div>
</div>
</a>
</article>
</div>
</div>
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-e">
<a href="#" class="snippet-e__link">
<div class="snippet-e__visual">
<div class="snippet-e__image">
<picture class="visual visual--contained">
<img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/headphones/hdj-cue1/hdj-cue1-wired-hero.png?h=240&w=320&hash=1EDE3418B9E10164876F834ED81179E5" class="lazyload" alt="">
</picture>
</div>
</div>
<div class="snippet-e__content">
<div class="snippet-e__heading">Headphones</div>
</div>
</a>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--32"></div>
<div class="appear">
<div class="section-header section-header--centered">
<div class="section-header__inner section--9">
<h2 class="section-header__heading heading heading--4">STREAMING SERVICE SUPPORT</h2>
</div>
</div>
<div class="spacer spacer--6"></div>
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--gutter grid--gutter--1">
<div class="grid__inner">
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-a snippet-a--narrow">
<a href="" class="snippet-a__visual">
<div class="snippet-a__image">
<picture class="visual">
<img data-sizes="auto" data-src="https://via.placeholder.com/570x320" class="lazyload" alt="">
</picture>
</div>
</a>
</article>
</div>
</div>
<div class="grid__item">
<div class="grid__item__inner">
<article class="snippet-a snippet-a--narrow">
<a href="" class="snippet-a__visual">
<div class="snippet-a__image">
<picture class="visual">
<img data-sizes="auto" data-src="https://via.placeholder.com/570x320" class="lazyload" alt="">
</picture>
</div>
</a>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--26"></div>
{{render '@hero-a' hero}}
<div class="spacer spacer--12"></div>
<div class="appear">
{{render '@col-one' intro}}
</div>
<div class="spacer spacer--18"></div>
<div class="appear">
{{render '@col-two' colTwoOdd}}
</div>
{{!-- <div class="spacer spacer--4"></div> --}}
<div class="appear">
{{render '@col-two' colTwoEven}}
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
{{render '@section-header' sectionHeader}}
<div class="spacer spacer--6"></div>
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--gutter grid--gutter--1">
<div class="grid__inner">
{{#each recommended}}
<div class="grid__item">
<div class="grid__item__inner">
{{render '@snippet-a' this}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
{{render '@section-header' sectionHeader2}}
<div class="spacer spacer--6"></div>
{{render '@slideshow' slideshow}}
</div>
<div class="spacer spacer--26"></div>
<div class="appear">
{{render '@section-header' sectionHeader3}}
<div class="spacer spacer--6"></div>
<div class="section--9 ref gap--s--in-12 gap--l--in-26">
{{render '@visual' productCategories.bg}}
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--s--2 grid--m--4 grid--gutter grid--gutter--1 grid--gutter--s--2">
<div class="grid__inner">
{{#each productCategories.items}}
<div class="grid__item">
<div class="grid__item__inner">
{{render '@snippet-e' this}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--32"></div>
<div class="appear">
{{render '@section-header' sectionHeader4}}
<div class="spacer spacer--6"></div>
<div class="gutter--bucket">
<div class="section--8">
<div class="grid grid--gutter grid--gutter--1">
<div class="grid__inner">
{{#each streamingsupport}}
<div class="grid__item">
<div class="grid__item__inner">
{{render '@snippet-a' this}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>
<div class="spacer spacer--26"></div>
hero:
heading: Lorem title text with a max of 50 characters!
visual: true
intro:
content: >-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.<br>Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore.
colTwoOdd:
visual: true
heading: Artist name
description: >-
Pioneer DJ Artist Masterclass session with iconic live artist and seminal
producer, KiNK on the TORAIZ SP-16 sampler and AS-1 mono synth is now
availabl…
modifier: false
tinted: false
colTwoEven:
visual: true
heading: Artist name
description: >-
Pioneer DJ Artist Masterclass session with iconic live artist and seminal
producer, KiNK on the TORAIZ SP-16 sampler and AS-1 mono synth is now
availabl…
modifier: reversed
tinted: false
sectionHeader:
heading: NEW PRODUCT
description: false
type: 2
size: 4
section: 9
modifier: centered
recommended:
- modifier: narrow
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_top_201015.png?h=240&w=320&hash=093BE70DD425E0D130AE661AB51BA3F8
contained: true
heading:
size: 5
url: ''
label: DDJ-REV1
modifier: default
subheading: false
description: >-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
action: false
- modifier: narrow
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_top_201015.png?h=240&w=320&hash=093BE70DD425E0D130AE661AB51BA3F8
contained: true
heading:
size: 5
url: ''
label: DDJ-REV7
modifier: default
subheading: false
description: >-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
action: false
sectionHeader2:
heading: HISTORY OF OPEN FORMAT PRODUCTS
description: false
type: 2
size: 4
section: 9
modifier: centered
slideshow:
slides:
- bg:
src:
mobile: /graphics/slide01-mobile.png
desktop: /graphics/slide01.png
content:
heading: DJM-S7
description: >-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
visual:
in-flow: true
contained: true
src:
mobile: /graphics/DJM-S7-mobile.png
desktop: /graphics/DJM-S7.png
alt: ''
srcset: >-
https://via.placeholder.com/500x250 500w,
https://via.placeholder.com/1000x500 1000w,
https://via.placeholder.com/2000x1000 2000w
- bg:
src:
mobile: /graphics/slide01-mobile.png
desktop: /graphics/slide01.png
content:
heading: DJM-S11
description: >-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
visual:
in-flow: true
contained: true
src:
mobile: /graphics/DJM-S11-mobile.png
desktop: /graphics/DJM-S11.png
alt: ''
srcset: >-
https://via.placeholder.com/500x250 500w,
https://via.placeholder.com/1000x500 1000w,
https://via.placeholder.com/2000x1000 2000w
- bg:
src:
mobile: /graphics/slide01-mobile.png
desktop: /graphics/slide01.png
content:
heading: DJM-V10
description: >-
Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.
visual:
in-flow: true
contained: true
src:
mobile: /graphics/DJM-V10-mobile.png
desktop: /graphics/DJM-V10.png
alt: ''
srcset: >-
https://via.placeholder.com/500x250 500w,
https://via.placeholder.com/1000x500 1000w,
https://via.placeholder.com/2000x1000 2000w
sectionHeader3:
heading: PIONEER DJ PRODUCTS
description: false
type: 2
size: 4
section: 9
modifier: centered
productCategories:
bg:
src:
mobile: /graphics/stripes.png
desktop: /graphics/stripes.png
alt: ''
items:
- url: '#'
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/turntable/plx-1000/black/plx-1000-main-pdj.png?h=240&w=320&hash=EB6BF78D7266D062FED6DB1FD549A912
contained: true
heading: Turntables
- url: '#'
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/player/cdj-2000nxs2/black/cdj-2000nxs2-main.png?h=240&w=320&hash=1A46F5BD06299B04FFAB5AA6DCBA3292
contained: true
heading: Players
- url: '#'
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=240&w=320&hash=3C622C371F148128CE08884655C67D0D
contained: true
heading: Mixers
- url: '#'
visual:
src: >-
https://www.pioneerdj.com/-/media/pioneerdj/images/products/headphones/hdj-cue1/hdj-cue1-wired-hero.png?h=240&w=320&hash=1EDE3418B9E10164876F834ED81179E5
contained: true
heading: Headphones
sectionHeader4:
heading: STREAMING SERVICE SUPPORT
description: false
type: 2
size: 4
section: 9
modifier: centered
streamingsupport:
- modifier: narrow
visual:
src: https://via.placeholder.com/570x320
contained: false
visualonly: true
action: false
- modifier: narrow
visual:
src: https://via.placeholder.com/570x320
contained: false
visualonly: true
action: false
No notes defined.