<div class="component content hero gap--bottom-in-small">
<div class="component-content" id="HeroSlide">
<div class="hero__main">
<div class="heroMain">
<span class="heroMain__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_web_home-carousel_2000x800.jpg');">
<span class="screenReader">Slide 1</span>
</span>
<div class="heroMain__inner">
<div class="heroMain__in">
<div class="heroMain__content">
<h1 class="heroMain__title heading heading--1" id="hero-title-tag">DDJ-FLX10</h1><br>
<h2 class="heroMain__tagline heading heading--4">Split. Mix. Create</h2><br>
<p class="heroMain__desc">4-channel DJ performance controller for multiple DJ applications</p>
<div class="heroMain__cta heroMain__cta--main">
<a href="https://www.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/" class="button" onclick="fireCTA()" target=""><span class="button__label">Find out more</span></a>
</div>
</div>
<div class="heroMain__cta heroMain__cta--video">
<a class="button button--play" data-video=""><span class="button__label"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="hero__selector">
<div class="heroSelector">
<div class="heroSelector__inner">
<div class="heroSelector__content">
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="Slide 1">
<div>
<div class="gridCard__visual hero_background" style="background-image: url([object Object]);">
<span class="screenReader">Picture of a DDJ-REV5</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">DDJ-REV5</h2>
<div class="gridCard__tagline field-slidesubtitle">REVolutionary Control</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">Scratch-style 2-channel performance DJ controller</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
Find out more about DDJ-REV5
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="https://prodcms.pioneerdj.com/en/product/controller/ddj-rev5/black/overview/" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("Slide 1");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function(e) {
dataLayer.push({
'event': 'dlHomepageEvent',
'dlCategory': 'Homepage',
'dlAction': 'HERO A WINDOW',
'dlLabel': 'en - DDJ-REV5'
});
};
}
}
</script>
</div>
</div>
</div>
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="Slide 2">
<div>
<div class="gridCard__visual hero_background" style="background-image: url([object Object]);">
<span class="screenReader">Picture of the PLX-CRSS12</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">PLX-CRSS12</h2>
<div class="gridCard__tagline field-slidesubtitle">HYBRID CREATIVITY</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">Professional direct drive turntable with DVS control</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
Find out more about PLX-CRSS12
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="https://prodcms.pioneerdj.com/en/product/player/plx-crss12/black/overview/" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("Slide 2");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function(e) {
dataLayer.push({
'event': 'dlHomepageEvent',
'dlCategory': 'Homepage',
'dlAction': 'HERO A WINDOW',
'dlLabel': 'en - PLX-CRSS12'
});
};
}
}
</script>
</div>
</div>
</div>
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="Slide 3">
<div>
<div class="gridCard__visual hero_background" style="background-image: url([object Object]);">
<span class="screenReader">Picture of a DDJ-FLX10</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">DDJ-FLX10</h2>
<div class="gridCard__tagline field-slidesubtitle">Split. Mix. Create</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">4-channel DJ performance controller for multiple DJ applications</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
Find out more about DDJ-FLX10
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="https://prodcms.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("Slide 3");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function(e) {
dataLayer.push({
'event': 'dlHomepageEvent',
'dlCategory': 'Homepage',
'dlAction': 'HERO A WINDOW',
'dlLabel': 'en - DDJ-FLX10'
});
};
}
}
</script>
</div>
</div>
</div>
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="Slide 4">
<div>
<div class="gridCard__visual hero_background" style="background-image: url([object Object]);">
<span class="screenReader">Picture of a OPUS-QUAD</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">OPUS-QUAD</h2>
<div class="gridCard__tagline field-slidesubtitle">The Art of Sound</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">Professional all-in-one DJ system</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
Find out more about OPUS-QUAD
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="https://prodcms.pioneerdj.com/en/product/all-in-one-system/opus-quad/black/overview/" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("Slide 4");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function(e) {
dataLayer.push({
'event': 'dlHomepageEvent',
'dlCategory': 'Homepage',
'dlAction': 'HERO A WINDOW',
'dlLabel': 'en - OPUS-QUAD'
});
};
}
}
</script>
</div>
</div>
</div>
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="Slide 5">
<div>
<div class="gridCard__visual hero_background" style="background-image: url([object Object]);">
<span class="screenReader">Picture of a DJM-A9</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">DJM-A9</h2>
<div class="gridCard__tagline field-slidesubtitle">A New Horizon</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">4-channel professional DJ mixer</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
Find out more avout DJM-A9
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="https://prodcms.pioneerdj.com/en/product/mixer/djm-a9/black/overview/" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("Slide 5");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function(e) {
dataLayer.push({
'event': 'dlHomepageEvent',
'dlCategory': 'Homepage',
'dlAction': 'HERO A WINDOW',
'dlLabel': 'en - DJM-A9'
});
};
}
}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="component content hero gap--bottom-in-small">
<div class="component-content" id="HeroSlide">
<div class="hero__main">
<div class="heroMain">
<span class="heroMain__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_web_home-carousel_2000x800.jpg');">
<span class="screenReader">Slide 1</span>
</span>
<div class="heroMain__inner">
<div class="heroMain__in">
<div class="heroMain__content">
<h1 class="heroMain__title heading heading--1" id="hero-title-tag">DDJ-FLX10</h1><br>
<h2 class="heroMain__tagline heading heading--4">Split. Mix. Create</h2><br>
<p class="heroMain__desc">4-channel DJ performance controller for multiple DJ applications</p>
<div class="heroMain__cta heroMain__cta--main">
<a href="https://www.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/" class="button"
onclick="fireCTA()" target=""><span class="button__label">Find out more</span></a>
</div>
</div>
<div class="heroMain__cta heroMain__cta--video">
<a class="button button--play" data-video=""><span class="button__label"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="hero__selector">
<div class="heroSelector">
<div class="heroSelector__inner">
<div class="heroSelector__content">
{{#each items }}
<div class="heroSelector__item">
<div class="heroSelector__item__inner">
<div class="heroSelector__item__content">
<div class="component content gridCard">
<div class="component-content" id="{{ this.id }}">
<div>
<div class="gridCard__visual hero_background"
style="background-image: url({{this.visual.src}});">
<span class="screenReader">{{this.visual.alt}}</span>
</div>
</div>
<div class="gridCard__content">
<h2 class="gridCard__title field-slidetext">{{this.content.title}}</h2>
<div class="gridCard__tagline field-slidesubtitle">{{this.content.subtitle}}</div>
<div class="gridCard__data">
<div class="gridCard__desc hero_background field-slidedescription">{{this.content.description}}</div>
<div class="gridCard__cta">
<span class="gridCard__cta__label hero_background field-slidebuttontext">
{{this.cta.label}}
</span>
<span class="gridCard__cta__url hero_background field-slidelink">
<a href="{{this.cta.url}}" data-variantitemid="{5A72E9AE-8047-4A4D-A8F4-8C317F41BF26}" data-variantfieldname="SlideLink">Overview</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- GRID EVENT TRACKING-->
<script>
var x = document.getElementById("{{ this.id }}");
if (x != null) {
var y = x.parentElement.className;
if (y == "component content hero gap--bottom-in-small")
x.setAttribute("id", "HeroSlide");
else {
x.onclick = function (e) {
dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'HERO A WINDOW', 'dlLabel': 'en - {{this.content.title}}' });
};
}
}
</script>
</div>
</div>
</div>
{{/each }}
</div>
</div>
</div>
</div>
</div>
</div>
items:
- visual:
src:
desktop: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-rev5_web_home-crousel_2000x800.jpg
desktopw: /graphics/hero-desktop-webp.webp
mobile: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-rev5_key-visual_mobile.jpg
mobilew: /graphics/hero-mobile-webp.webp
alt: Picture of a DDJ-REV5
content:
title: DDJ-REV5
subtitle: REVolutionary Control
description: Scratch-style 2-channel performance DJ controller
cta:
url: >-
https://prodcms.pioneerdj.com/en/product/controller/ddj-rev5/black/overview/
label: Find out more about DDJ-REV5
id: Slide 1
tracking:
event: dlHomepageEvent
dlcategory: Homepage
dlaction: Carousel
dllabel: en - DDJ-REV5
dlposition: 1
dlurl: >-
https://prodcms.pioneerdj.com/en/product/controller/ddj-rev5/black/overview/
dlelement: null
- visual:
src:
desktop: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/plx-crss12-home-carousel-2000x800-revised.jpg
desktopw: ''
mobile: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/plx-crss12_key-visual_mobile.jpg
mobilew: ''
alt: Picture of the PLX-CRSS12
content:
title: PLX-CRSS12
subtitle: HYBRID CREATIVITY
description: Professional direct drive turntable with DVS control
cta:
url: >-
https://prodcms.pioneerdj.com/en/product/player/plx-crss12/black/overview/
label: Find out more about PLX-CRSS12
id: Slide 2
tracking:
event: dlHomepageEvent
dlcategory: Homepage
dlaction: Carousel
dllabel: en - PLX-CRSS12
dlposition: 2
dlurl: >-
https://prodcms.pioneerdj.com/en/product/player/plx-crss12/black/overview/
dlelement: null
- visual:
src:
desktop: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_web_home-carousel_2000x800.jpg
desktopw: ''
mobile: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_key-visual_mobile.jpg
mobilew: ''
alt: Picture of a DDJ-FLX10
content:
title: DDJ-FLX10
subtitle: Split. Mix. Create
description: 4-channel DJ performance controller for multiple DJ applications
cta:
url: >-
https://prodcms.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/
label: Find out more about DDJ-FLX10
id: Slide 3
tracking:
event: dlHomepageEvent
dlcategory: Homepage
dlaction: Carousel
dllabel: en - DDJ-FLX10
dlposition: 3
dlurl: >-
https://prodcms.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/
dlelement: null
- visual:
src:
desktop: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/opus-quad_web_home-carousel_2000x800-final.jpg
desktopw: ''
mobile: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/opus-quad_key-visual_mobile.jpg
mobilew: ''
alt: Picture of a OPUS-QUAD
content:
title: OPUS-QUAD
subtitle: The Art of Sound
description: Professional all-in-one DJ system
cta:
url: >-
https://prodcms.pioneerdj.com/en/product/all-in-one-system/opus-quad/black/overview/
label: Find out more about OPUS-QUAD
id: Slide 4
tracking:
event: dlHomepageEvent
dlcategory: Homepage
dlaction: Carousel
dllabel: en - OPUS-QUAD
dlposition: 4
dlurl: >-
https://prodcms.pioneerdj.com/en/product/all-in-one-system/opus-quad/black/overview/
dlelement: null
- visual:
src:
desktop: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/djm-a9_web_home-carousel_2000x800.jpg
desktopw: ''
mobile: >-
https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/djm-a9_key-visual_mobile.jpg
mobilew: ''
alt: Picture of a DJM-A9
content:
title: DJM-A9
subtitle: A New Horizon
description: 4-channel professional DJ mixer
cta:
url: https://prodcms.pioneerdj.com/en/product/mixer/djm-a9/black/overview/
label: Find out more avout DJM-A9
id: Slide 5
tracking:
event: dlHomepageEvent
dlcategory: Homepage
dlaction: Carousel
dllabel: en - DJM-A9
dlposition: 5
dlurl: https://prodcms.pioneerdj.com/en/product/mixer/djm-a9/black/overview/
dlelement: null
RIFF�P WEBPVP8 �P ���*� >1�D"!�jT ��ܳ����v���]��a��V���5&�����3:nO�۾�-�W�?����r�����������������5��������/����~|�����?������������?���������/�������_��y���;������>������������_����������w�'���t������u���������m���u{~���������W����?������k�g�w���������
�k��������@���������S����p߿p�����]�W�_��{g�_���~�}����7�ψ�7�7�_��g���_�~r�o�W����(?��/����������?�~��������S�O�_����o���>���o�/��?��������_X��q�o���������O�����O����?y���F��������s�N��E�������W�/����������o���o���~�����}�����C�����p���K+�U�3UY7�X,č�(��m�����GjBI��kC���
�����V]-5��OU4A���Zch���RgW��ʥ����,|x)�vgdq'sz�Y8�\[����+~vc�ms� Q��� �ᥕŪ�*S��K+�U�L7
,�-W
0r�$R�\�8��0\\\�(���� ��_��xg��M�;�����GW���2=�8@d����Y��3�eq����{�y���Y[-o�����j<��Y�è%�2�S�����
��� �ᥕŪ���%�
����ʵ�S������F���~O[4m8��0�<�痒
ʜ��"ؔ� ��i�{�I�p��m�d!v�<��{?�2,��FW�j��a��*OoL���yU,�[�7dDIٿ���Jr�Ū����W����g� . ��˖��?�� �'9Ε.>�L����oԍwo�j�}�و*>S�[����[{�ʼ%f3�����f�!p�i�d�X�p%&� �4`��p����Q�]c�L����W���nY\Z�\� �����>*qa\\\�&P
G����Q .��$���+��m�ي�\d�%|W���B��p��p��q?2��j�KD���W�g`���9�`��C�-�+� w� 9�ieqj�i��ᥕ�Y���'��O
!�Ͷ�m��g�淴��z���U��&�'�^�]lѸ Lj'FA��>��[�s�J�.3��-��t��n|m(��](�5���!�WN� ��㳏2z�Lf��'�b�p���K+�U�L7�e\☍��~cm�d!�|�C�̣b�iSH��[a={�7�r���� ����д97�P�6�k���f�K�X�~٢� V��H����cGȩM,�7��z��%2����ii�p����T/�A�6��XAM�����;���{�K+�U�L7
,�-W
b�zY`������CLaF|(q�QS�;rU��0N�(��a�E�\?6��˽��8n;
,ͭ͢Vm��7���Ǖaޓ���о�T�`j���6w��'��/�#�sma�8�۶�<-k��>�
a�Y���D�B~��@8�O��)i�P1�p����n_x�C�XwX`eH���pA��.-W
0�4���\4���� �h���6~i"h�i��F=�={�y�4J��)�2���]o:.w�����Hť����֮���n�"����e�wY�v6)�Rg?� $�\�T`� �������E�@��|�<��GO�
ۄ�x#�(o��^f?��E����[�-����)�W���8:z�w��L ��Ի
O�[Q�y����Oُ,�p��f����F�ζf��Cda�\���i��T&