There are 3 sliders. The link only works for 1. What could be the problem?

Question

JavaScript

So, there is a site oko-labs.ru/, on 1 block, there is a slider of 3 components.
Each block has a link to download the price list, but only 1 works.
I want to know what could be the problem.
Below is the code where the link itself is.

<div class="hero-slider">
  <component data-name="advt">name=video.hero</component>
  <div class="swiper-container">
  <div class="swiper-wrapper">
    {elements}
    <div class="swiper-slide hero-slider-item">
    <div class="hero-slider-item-content">
      <h2 class="title" data-content="{elements:data-content}">{elements:title}</h2>
      <span class="text-center-mobile">
      <a href="{elements:link}" class="btn-default modal-callback modal__pr" data-modaal-type="inline" data-modaal-animation="fade">{elements:namebutton}</a>
      </span>
      <span class="text-center-mobile">
      <a href="/Prays_Oko.xlsx" class="btn-default modal-callback modal__pr" data-modaal-type="inline" data-modaal-animation="fade">Скачать прайс</a>
      </span>
      	{elements:icons}
      </div>
    </div>
    {/elements}  
  </div>
  <div class="swiper-buttons">
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <div class="swiper-pagination"></div>
  </div>
</div>

Answer 1

a.preventDefault();
remove this nonsense and everything will be chocolate!
By the way, what kind of a wonderful engine does {/elements} operate on??