<section class="hero-home__wrapper theme-2020">
<div class="hero-home swiper" data-delay="5000">
<div class="hero-home__inner swiper-wrapper">
<article class="hero-home__block swiper-slide">
<a href="https://prodcms.pioneerdj.com/en/product/controller/ddj-rev5/black/overview/" class="hero-home__link" title="Find out more about DDJ-REV5" data-event="dlHomepageEvent" data-dlcategory="Homepage" data-dlaction="Carousel" data-dllabel="en - DDJ-REV5" data-dlposition="1" data-dlurl="https://prodcms.pioneerdj.com/en/product/controller/ddj-rev5/black/overview/" data-dlelement="">
<div class="hero-home__visual">
<picture class="visual">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="/graphics/hero-desktop-webp.webp" type="image/webp">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-rev5_web_home-crousel_2000x800.jpg">
<source media="" data-sizes="auto" data-srcset="/graphics/hero-mobile-webp.webp" type="image/webp">
<img data-sizes="auto" data-src="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-rev5_key-visual_mobile.jpg" class="lazyload" alt="Picture of a DDJ-REV5">
</picture>
</div>
<div class="hero-home__content">
<h2 class="hero-home__block__content__title heading heading--1">DDJ-REV5</h2>
<h3 class="hero-home__block__content__subtitle heading heading--4">REVolutionary Control</h3>
<p class="hero-home__block__content__description">Scratch-style 2-channel performance DJ controller</p>
</div>
</a>
</article>
<article class="hero-home__block swiper-slide">
<a href="https://prodcms.pioneerdj.com/en/product/player/plx-crss12/black/overview/" class="hero-home__link" title="Find out more about PLX-CRSS12" data-event="dlHomepageEvent" data-dlcategory="Homepage" data-dlaction="Carousel" data-dllabel="en - PLX-CRSS12" data-dlposition="2" data-dlurl="https://prodcms.pioneerdj.com/en/product/player/plx-crss12/black/overview/" data-dlelement="">
<div class="hero-home__visual">
<picture class="visual">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/plx-crss12-home-carousel-2000x800-revised.jpg">
<img data-sizes="auto" data-src="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/plx-crss12_key-visual_mobile.jpg" class="lazyload" alt="Picture of the PLX-CRSS12">
</picture>
</div>
<div class="hero-home__content">
<h2 class="hero-home__block__content__title heading heading--1">PLX-CRSS12</h2>
<h3 class="hero-home__block__content__subtitle heading heading--4">HYBRID CREATIVITY</h3>
<p class="hero-home__block__content__description">Professional direct drive turntable with DVS control</p>
</div>
</a>
</article>
<article class="hero-home__block swiper-slide">
<a href="https://prodcms.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/" class="hero-home__link" title="Find out more about DDJ-FLX10" data-event="dlHomepageEvent" data-dlcategory="Homepage" data-dlaction="Carousel" data-dllabel="en - DDJ-FLX10" data-dlposition="3" data-dlurl="https://prodcms.pioneerdj.com/en/product/controller/ddj-flx10/black/overview/" data-dlelement="">
<div class="hero-home__visual">
<picture class="visual">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_web_home-carousel_2000x800.jpg">
<img data-sizes="auto" data-src="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/ddj-flx10_key-visual_mobile.jpg" class="lazyload" alt="Picture of a DDJ-FLX10">
</picture>
</div>
<div class="hero-home__content">
<h2 class="hero-home__block__content__title heading heading--1">DDJ-FLX10</h2>
<h3 class="hero-home__block__content__subtitle heading heading--4">Split. Mix. Create</h3>
<p class="hero-home__block__content__description">4-channel DJ performance controller for multiple DJ applications</p>
</div>
</a>
</article>
<article class="hero-home__block swiper-slide">
<a href="https://prodcms.pioneerdj.com/en/product/all-in-one-system/opus-quad/black/overview/" class="hero-home__link" title="Find out more about OPUS-QUAD" data-event="dlHomepageEvent" data-dlcategory="Homepage" data-dlaction="Carousel" data-dllabel="en - OPUS-QUAD" data-dlposition="4" data-dlurl="https://prodcms.pioneerdj.com/en/product/all-in-one-system/opus-quad/black/overview/" data-dlelement="">
<div class="hero-home__visual">
<picture class="visual">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/opus-quad_web_home-carousel_2000x800-final.jpg">
<img data-sizes="auto" data-src="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/opus-quad_key-visual_mobile.jpg" class="lazyload" alt="Picture of a OPUS-QUAD">
</picture>
</div>
<div class="hero-home__content">
<h2 class="hero-home__block__content__title heading heading--1">OPUS-QUAD</h2>
<h3 class="hero-home__block__content__subtitle heading heading--4">The Art of Sound</h3>
<p class="hero-home__block__content__description">Professional all-in-one DJ system</p>
</div>
</a>
</article>
<article class="hero-home__block swiper-slide">
<a href="https://prodcms.pioneerdj.com/en/product/mixer/djm-a9/black/overview/" class="hero-home__link" title="Find out more avout DJM-A9" data-event="dlHomepageEvent" data-dlcategory="Homepage" data-dlaction="Carousel" data-dllabel="en - DJM-A9" data-dlposition="5" data-dlurl="https://prodcms.pioneerdj.com/en/product/mixer/djm-a9/black/overview/" data-dlelement="">
<div class="hero-home__visual">
<picture class="visual">
<source media="(min-width: 768px)" data-sizes="auto" data-srcset="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/djm-a9_web_home-carousel_2000x800.jpg">
<img data-sizes="auto" data-src="https://prodcms.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/carousel/2023/djm-a9_key-visual_mobile.jpg" class="lazyload" alt="Picture of a DJM-A9">
</picture>
</div>
<div class="hero-home__content">
<h2 class="hero-home__block__content__title heading heading--1">DJM-A9</h2>
<h3 class="hero-home__block__content__subtitle heading heading--4">A New Horizon</h3>
<p class="hero-home__block__content__description">4-channel professional DJ mixer</p>
</div>
</a>
</article>
</div>
<div class="swiper-pagination"></div>
<div class="hero-home__navigation">
<button class="hero-home__navbutton hero-home__prev">
<span class="screen-reader-text">Prev</span>
<span class="hero-home__navicon"><svg class="icon-chevron--thin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
</svg>
</span>
</button>
<button class="hero-home__navbutton hero-home__next">
<span class="screen-reader-text">Next</span>
<span class="hero-home__navicon"><svg class="icon-chevron--thin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
</svg>
</span>
</button>
</div>
</div>
</section>
<script src="../../scripts/hero-home.js"></script>
<section class="hero-home__wrapper theme-2020">
<div class="hero-home swiper" data-delay="5000">
<div class="hero-home__inner swiper-wrapper">
{{#each items }}
<article class="hero-home__block swiper-slide">
<a href="{{ cta.url }}" class="hero-home__link" title="{{ cta.label }}" data-event="{{ tracking.event }}" data-dlcategory="{{ tracking.dlcategory }}" data-dlaction="{{ tracking.dlaction }}" data-dllabel="{{ tracking.dllabel }}" data-dlposition="{{ tracking.dlposition }}" data-dlurl="{{ tracking.dlurl }}" data-dlelement="{{ tracking.dlelement }}">
<div class="hero-home__visual">
{{render '@visual--new' visual merge=true }}
</div>
<div class="hero-home__content">
{{#if content.title }}
<h2 class="hero-home__block__content__title heading heading--1">{{ content.title }}</h2>
{{/if }}
{{#if content.subtitle }}
<h3 class="hero-home__block__content__subtitle heading heading--4">{{ content.subtitle }}</h3>
{{/if }}
{{#if content.description }}
<p class="hero-home__block__content__description">{{ content.description }}</p>
{{/if }}
</div>
</a>
</article>
{{/each}}
</div>
<div class="swiper-pagination"></div>
<div class="hero-home__navigation">
<button class="hero-home__navbutton hero-home__prev">
<span class="screen-reader-text">Prev</span>
<span class="hero-home__navicon">{{> @icon-chevron--thin }}</span>
</button>
<button class="hero-home__navbutton hero-home__next">
<span class="screen-reader-text">Next</span>
<span class="hero-home__navicon">{{> @icon-chevron--thin }}</span>
</button>
</div>
</div>
</section>
<script src="{{path '/scripts/hero-home.js' }}"></script>
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&