<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>

<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 class="spacer spacer--12"></div>

<section class="media media--full">
    <div class="media__in">
        <div class="media__inner">

            <div class="video-player">
                <picture class="visual">
                    <source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-player-mobile.jpg">
                    <source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-player.jpg">
                    <img data-sizes="auto" data-src="/graphics/video-player-mobile.jpg" class="lazyload" alt="">
                </picture>

                <span class="video-player__trigger">
                    <span class="video-ID">agkb5TSjEmc</span>

                    <span class="icon-play">
                        <span class="icon-play__inner"></span>
                        <span class="icon-play__icon">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                            </svg>
                        </span>
                    </span>
                </span>
            </div>

        </div>

    </div>
</section>

<div class="spacer spacer--30"></div>

<div class="section-header section-header--centered">
    <div class="section-header__inner section--9">
        <h2 class="section-header__heading heading heading--4">WHERE DO YOU WANT TO DJ?</h2>

        <div class="section-header__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    </div>
</div>

<div class="spacer spacer--8"></div>

<section class="col-two">
    <div class="col-two__inner bgc--neutrals-1">
        <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">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</h2>

                <div class="col-two__item__description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
                </div>

            </div>
        </div>
    </div>
</section>

<section class="col-two col-two--reversed">
    <div class="col-two__inner bgc--neutrals-1">
        <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">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</h2>

                <div class="col-two__item__description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
                </div>

            </div>
        </div>
    </div>
</section>

<section class="col-two">
    <div class="col-two__inner bgc--neutrals-1">
        <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">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</h2>

                <div class="col-two__item__description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
                </div>

            </div>
        </div>
    </div>
</section>

<section class="col-two col-two--reversed">
    <div class="col-two__inner bgc--neutrals-1">
        <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">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</h2>

                <div class="col-two__item__description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
                </div>

            </div>
        </div>
    </div>
</section>

<div class="spacer spacer--26"></div>

<div class="section-header section-header--centered">
    <div class="section-header__inner section--9">
        <h2 class="section-header__heading heading heading--4">PRODUCTS WE RECOMMEND FOR YOU</h2>
    </div>
</div>

<div class="spacer spacer--8"></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="/graphics/product-snippet.png" 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-400</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/all-in-one-system/xdj-xz/xdj-xz_prm_top.png?h&#x3D;768&amp;w&#x3D;1024&amp;hash&#x3D;E8435BFF09D13CFF2C86A68C67E9E562" 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-SB3</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. Lorem ipsum dolor sit amet consectetur adipiscing elit.
                                </div>
                            </div>

                        </article>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="spacer spacer--18"></div>

<div class="section-header section-header--centered">
    <div class="section-header__inner section--9">
        <h2 class="section-header__heading heading heading--4">THE ITEMS THAT WILL HELP YOUR DJING MORE COMFORTABLE</h2>
    </div>
</div>

<div class="spacer spacer--8"></div>

<div class="gutter--bucket">
    <div class="section--8">
        <div class="grid grid--gutter">
            <div class="grid__inner">
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <article class="product-snippet" data-initcolor="0">
                            <div class="product-snippet__header">
                                <div class="product-snippet__visual">
                                    <a href="https://pioneerdj.com" class="product-snippet__image">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/product-snippet.png" class="lazyload" alt="">
                                        </picture>

                                    </a>
                                </div>
                            </div>

                            <div class="product-snippet__content">
                                <h4 class="product-snippet__heading heading">
                                    <a href="" class="link link--default">
                                        <span class="link__label">rekordbox</span>
                                    </a>

                                </h4>

                                <div class="product-snippet__description">
                                    DJ application
                                </div>
                            </div>

                            <div class="product-snippet__actions actions actions--start">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">Download app</span>
                                    </a>

                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <article class="product-snippet" data-initcolor="0">
                            <div class="product-snippet__header">
                                <div class="product-snippet__visual">
                                    <a href="https://pioneerdj.com" class="product-snippet__image">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/product-snippet.png" class="lazyload" alt="">
                                        </picture>

                                    </a>
                                </div>
                            </div>

                            <div class="product-snippet__content">
                                <h4 class="product-snippet__heading heading">
                                    <a href="" class="link link--default">
                                        <span class="link__label">DJM-40</span>
                                    </a>

                                </h4>

                                <div class="product-snippet__description">
                                    Monitor speakers
                                </div>
                            </div>

                        </article>

                    </div>
                </div>
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <article class="product-snippet" data-initcolor="0">
                            <div class="product-snippet__header">
                                <div class="product-snippet__visual">
                                    <a href="https://pioneerdj.com" class="product-snippet__image">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/product-snippet.png" class="lazyload" alt="">
                                        </picture>

                                    </a>
                                </div>
                            </div>

                            <div class="product-snippet__content">
                                <h4 class="product-snippet__heading heading">
                                    <a href="" class="link link--default">
                                        <span class="link__label">HDJ-CUE1</span>
                                    </a>

                                </h4>

                                <div class="product-snippet__description">
                                    Monitor headphones
                                </div>
                            </div>

                        </article>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="spacer spacer--26"></div>

<div class="section-header section-header--centered">
    <div class="section-header__inner section--9">
        <h2 class="section-header__heading heading heading--4">DO YOU WANT TO LEARN?</h2>

        <div class="section-header__description">Learn from tutorials or find a DJ school lorem ipsum dolor sit met.</div>
    </div>
</div>

<div class="spacer spacer--8"></div>

<div class="gutter--bucket">
    <div class="section--8">
        <div class="grid grid--gutter">
            <div class="grid__inner">
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <section class="banner banner--small bgc--neutrals-10">
                            <div class="banner__in"></div>

                            <picture class="visual">
                                <img data-sizes="auto" data-src="/graphics/video-poster-mobile.jpg" class="lazyload" alt="">
                            </picture>

                            <div class="banner__inner">
                                <div class="banner__content">
                                    <div class="banner__text">
                                        <h3 class="banner__heading heading">DDJ-200 &<br>WeDJ Tutorials</h3>

                                    </div>

                                </div>
                            </div>

                            <a href="" class="banner__link"></a>
                        </section>

                    </div>
                </div>
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <section class="banner banner--small bgc--neutrals-10">
                            <div class="banner__in"></div>

                            <picture class="visual">
                                <img data-sizes="auto" data-src="/graphics/banner2.png" class="lazyload" alt="">
                            </picture>

                            <div class="banner__inner">
                                <div class="banner__content">
                                    <div class="banner__text">
                                        <h3 class="banner__heading heading">DDJ-400 Tutorials</h3>

                                    </div>

                                </div>
                            </div>

                            <a href="" class="banner__link"></a>
                        </section>

                    </div>
                </div>
                <div class="grid__item">
                    <div class="grid__item__inner">
                        <section class="banner banner--small bgc--neutrals-10">
                            <div class="banner__in"></div>

                            <picture class="visual">
                                <img data-sizes="auto" data-src="/graphics/banner3.png" class="lazyload" alt="">
                            </picture>

                            <div class="banner__inner">
                                <div class="banner__content">
                                    <div class="banner__text">
                                        <h3 class="banner__heading heading">DDJ-SB3 Tutorials</h3>

                                    </div>

                                </div>
                            </div>

                            <a href="" class="banner__link"></a>
                        </section>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="spacer spacer--4"></div>

<div class="gutter--bucket">
    <div class="section--8">
        <section class="banner bgc--neutrals-10">
            <div class="banner__in"></div>

            <picture class="visual">
                <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.jpg">
                <img data-sizes="auto" data-src="/graphics/video-poster-mobile.jpg" class="lazyload" alt="">
            </picture>

            <div class="banner__inner">
                <div class="banner__content">
                    <div class="banner__text">
                        <h3 class="banner__heading heading">Master the art of DJing with Pioneer DJ Official EMEA DJ School Partners</h3>

                    </div>

                </div>
            </div>

            <a href="#" class="banner__link"></a>
        </section>

    </div>
</div>

<div class="spacer spacer--26"></div>
{{render '@hero-a' hero}}

<div class="spacer spacer--12"></div>

{{render '@col-one' intro}}

<div class="spacer spacer--12"></div>

{{render '@media' video merge=true}}

<div class="spacer spacer--30"></div>

{{render '@section-header' sectionHeader}}

<div class="spacer spacer--8"></div>

{{render '@col-two' colTwoOdd}}
{{render '@col-two' colTwoEven}}
{{render '@col-two' colTwoOdd}}
{{render '@col-two' colTwoEven}}

<div class="spacer spacer--26"></div>

{{render '@section-header' sectionHeader2}}

<div class="spacer spacer--8"></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 class="spacer spacer--18"></div>

{{render '@section-header' sectionHeader3}}

<div class="spacer spacer--8"></div>

<div class="gutter--bucket">
  <div class="section--8">
    <div class="grid grid--gutter">
      <div class="grid__inner">
        {{#each extras}}
        <div class="grid__item">
          <div class="grid__item__inner">
            {{render '@product-snippet' this}}
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </div>
</div>

<div class="spacer spacer--26"></div>

{{render '@section-header' sectionHeader4}}

<div class="spacer spacer--8"></div>

<div class="gutter--bucket">
  <div class="section--8">
    <div class="grid grid--gutter">
      <div class="grid__inner">
        {{#each banners}}
        <div class="grid__item">
          <div class="grid__item__inner">
            {{render '@banner' this}}
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </div>
</div>

<div class="spacer spacer--4"></div>

<div class="gutter--bucket">
  <div class="section--8">
    {{render '@banner' banner}}
  </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.
video:
  type: full
  visual: false
  video-bg: false
  video-player: true
sectionHeader:
  heading: WHERE DO YOU WANT TO DJ?
  description: >-
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua.
  type: 2
  size: 4
  section: 9
  modifier: centered
colTwoOdd:
  visual: true
  heading: >-
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor.
  description: >-
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
    veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
    veniam.
  modifier: false
  tinted: true
colTwoEven:
  visual: true
  heading: >-
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor.
  description: >-
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
    veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
    veniam.
  modifier: reversed
  tinted: true
sectionHeader2:
  heading: PRODUCTS WE RECOMMEND FOR YOU
  description: false
  type: 2
  size: 4
  section: 9
  modifier: centered
recommended:
  - modifier: narrow
    visual:
      src: /graphics/product-snippet.png
      contained: true
    heading:
      size: 5
      url: ''
      label: DDJ-400
      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/all-in-one-system/xdj-xz/xdj-xz_prm_top.png?h=768&w=1024&hash=E8435BFF09D13CFF2C86A68C67E9E562
      contained: true
    heading:
      size: 5
      url: ''
      label: DDJ-SB3
      modifier: default
    subheading: false
    description: >-
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
      amet consectetur adipiscing elit.
    action: false
sectionHeader3:
  heading: THE ITEMS THAT WILL HELP YOUR DJING MORE COMFORTABLE
  description: false
  type: 2
  size: 4
  section: 9
  modifier: centered
extras:
  - visual:
      src: /graphics/product-snippet.png
    heading:
      url: ''
      label: rekordbox
      modifier: default
    price: false
    description: DJ application
    action:
      url: ''
      label: Download app
  - visual:
      src: /graphics/product-snippet.png
    heading:
      url: ''
      label: DJM-40
      modifier: default
    price: false
    description: Monitor speakers
    action: false
  - visual:
      src: /graphics/product-snippet.png
    heading:
      url: ''
      label: HDJ-CUE1
      modifier: default
    price: false
    description: Monitor headphones
    action: false
sectionHeader4:
  heading: DO YOU WANT TO LEARN?
  description: Learn from tutorials or find a DJ school lorem ipsum dolor sit met.
  type: 2
  size: 4
  section: 9
  modifier: centered
banners:
  - size: small
    visual:
      src: /graphics/video-poster-mobile.jpg
    heading:
      label: DDJ-200 &<br>WeDJ Tutorials
    description: false
    action: false
    link:
      url: ''
      target: false
  - size: small
    visual:
      src: /graphics/banner2.png
    heading:
      label: DDJ-400 Tutorials
    description: false
    action: false
    link:
      url: ''
      target: false
  - size: small
    visual:
      src: /graphics/banner3.png
    heading:
      label: DDJ-SB3 Tutorials
    description: false
    action: false
    link:
      url: ''
      target: false
squares:
  - size: square
    visual:
      src: /graphics/instagram.png
    videoLink: true
    link:
      url: https://www.instagram.com/p/CVVe_ybKIBC/
      target: _blank
  - size: square
    visual:
      src: /graphics/instagram.png
    videoLink: true
    link:
      url: https://www.instagram.com/p/CVVe_ybKIBC/
      target: _blank
  - size: square
    visual:
      src: /graphics/instagram.png
    videoLink: true
    link:
      url: https://www.instagram.com/p/CVVe_ybKIBC/
      target: _blank
news:
  - video: false
    visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/news/2019/learn-how-to-dj-online/learnhowtodj_article.png?mw=1024&hash=5056C1929F0FA81503FAC5AEDF8F7A2D
    label: false
    heading: Learn how to DJ online
    description: >-
      Want to learn to DJ at your own pace? These online DJ courses and free
      guides will help. We suggest high-quality mixing classes, break down our
      rekordbox...
    link:
      url: https://www.pioneerdj.com/en/news/2019/learn-how-to-dj-online/
      label: Learn how to DJ online
      target: false
  - video: false
    visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/news/2020/beginner-dj-what-do-you-need/header_1200x630.jpg?mw=1024&hash=46161582AEE5B4ED4B36E1C2C531262D
    label: false
    heading: The total beginner’s guide to DJ gear
    description: >-
      Do you love music? Are you constantly discovering new genres and artists,
      and turning your finds into great playlists? If the answer is yes, you’d
      probably...
    link:
      url: https://www.pioneerdj.com/en/news/2020/beginner-dj-what-do-you-need/
      label: The total beginner’s guide to DJ gear
      target: false
  - video: false
    visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/news/2019/how-to-get-into-music-production/news-header-03-1200x630.jpg?mw=1024&hash=3558828F5A7D9EEC56427E801FD3B4C2
    label: false
    heading: How to get into music production
    description: >-
      Whether you’re starting to make your own music from scratch or you’re a
      seasoned DJ looking to refine your sound and branch out, taking...
    link:
      url: https://www.pioneerdj.com/en/news/2019/how-to-get-into-music-production/
      label: How to get into music production
      target: false
banner:
  size: false
  visual:
    src:
      mobile: /graphics/video-poster-mobile.jpg
      desktop: /graphics/video-poster.jpg
  heading:
    label: Master the art of DJing with Pioneer DJ Official EMEA DJ School Partners
  description: false
  action: false
  link:
    url: '#'
    label: Find out more
banner2:
  size: false
  visual: false
  heading:
    label: Create a Pioneer DJ account
  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.
  action:
    type: normal
    tint: on-dark
    url: '#'
    label: Register now
  link: false

No notes defined.