{% extends 'base.html' %}

{% load static %}
{% load thumbnail %}

{% block content %}
      <section class="intro intro-page linear--black sect py-0"
        style="background-image: url({% static 'img/admin/services/intro.jpg' %});">
        <div class="container">
          {% include 'includes/breadcrumbs.html' %}
          <div class="introW">
            <h1 class="h1 text--white introTitle mb-3">
              Автомобили с аукционов: качество и надежность из Японии, Кореи и Китая
            </h1>
            <p class="introDescr text--white">
              Покупка автомобиля с аукциона — отличный способ сэкономить деньги и найти качественную машину без пробега
              по
              России. Процесс приобретения аукционного авто с нами будет простым и понятным.
            </p>
            <button class="button button--brown introBtn" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
          </div>
        </div>
        <img src="{% static 'img/admin/services/intro.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
      </section>
      <section class="why sect">
        <div class="container">
          <div class="row">
            <div class="col">
              <h2 class="h2 sectHead">
                Почему стоит покупать автомобили с аукционов?
              </h2>
            </div>
          </div>
          <div class="row">

            <div class="col-md-6 col-xl-4 whyItem">
              <div class="d-flex align-items-start gap-4">
                <img src="{% static 'img/icons/why-1.svg' %}?v=1" alt="icon" class="whyIcon">
                <div class="d-block">
                  <h3 class="h3 mb-3 mb-lg-4 fw-semibold">
                    Одно из главных преимуществ аукционных автомобилей — это их состояние
                  </h3>
                  <p class="text--lg">
                    Аукционы тщательно проверяют автомобили перед продажей и предоставляют подробные отчеты об их
                    состоянии.
                  </p>
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4 whyItem">
              <div class="d-flex align-items-start gap-4">
                <img src="{% static 'img/icons/why-2.svg' %}?v=1" alt="icon" class="whyIcon">
                <div class="d-block">
                  <h3 class="h3 mb-3 mb-lg-4 fw-semibold">
                    На аукционах автомобили продаются по гораздо более низким ценам, чем в автосалонах
                  </h3>
                  <p class="text--lg">
                    Сравните цены и будете приятно удивлены, насколько выгоднее покупать машину с аукциона. Благодаря
                    низким
                    ценам на аукционах <a class="color-brown d-inline color-brown-hover-black" href="{% url 'core:service_auction_korea' %}"> Кореи,</a><a
                      class="color-brown d-inline color-brown-hover-black" href="{% url 'core:service_auction_japan' %}">Японии</a> <a
                      class="color-brown d-inline color-brown-hover-black" href="{% url 'core:service_auction_china' %}">и Китая</a> , вы сможете
                    позволить себе автомобиль, о котором давно мечтали.
                  </p>
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4 whyItem">
              <div class="d-flex align-items-start gap-4">
                <img src="{% static 'img/icons/why-3.svg' %}?v=1" alt="icon" class="whyIcon">
                <div class="d-block">
                  <h3 class="h3 mb-3 mb-lg-4 fw-semibold">
                    Еще одно преимущество аукционов — это широкий выбор автомобилей
                  </h3>
                  <p class="text--lg">
                    На аукционах представлены машины разных марок, моделей, годов выпуска и комплектаций. Долгие поиски
                    в
                    салонах приводят к пониманию, что найти идеальный вариант по приемлемой цене практически невозможно.
                    Автоаукцион решает эту проблему!
                  </p>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section>
      <section class="sect baner py-0">
        <div class="container">
          <div class="linear--black banerW" style="background-image: url({% static 'img/admin/services/baner.jpg' %});">
            <div class="h1 text--white banerTitle mt-0 mb-4 mb-lg-3 position-relative z-1">
              Более 60 тысяч автомобилей торгуются на аукционах прямо сейчас!
            </div>
            <p class="text--lg text--white position-relative z-1 banerDescr">
              Подберите интересующий вас лот и мы доставим его для вас!
            </p>
            <button class="button button--brown position-relative z-1 w-200">
              <span class="d-none d-lg-block">В каталог</span>
              <span class="d-block d-lg-none">Перейти в каталог</span>
            </button>
          </div>
        </div>
      </section>
      <section class="sect steps">
        <div class="container">
          <h2 class="h2 sectHead">
            Порядок работы
          </h2>

          <div class="row stepsItem stepsItem--border-b">
            <div class="col-lg-6">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-1.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">1.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Заключение договора на услугу подбора автомобиля и внесение обеспечительного платёжа (предоплаты)
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <p class="text--lg">
                В договоре мы подробно описываем ключевые характеристики будущего авто, желаемый цвет, определяем ваши
                предпочтения и бюджет, а затем менеджер предложит варианты автомобилей с аукционов.
              </p>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem stepsItem--border-b">
            <div class="col-lg-6">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-2.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">2.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Участие в торгах
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <p class="text--lg">
                Наша компания участвует в торгах от вашего имени. Мы делаем ставки на аукционе и информируем вас о ходе
                торгов. Это удобно и позволяет не беспокоиться о технических деталях процесса, но при этом вы будете в
                курсе
                всех шагов.
              </p>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem stepsItem--border-b">
            <div class="col-lg-6">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-3.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">3.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Оплата и доставка
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <p class="text--lg">
                Если ставка выиграла, мы уведомляем вас о покупке и выставляем счет на оплату. В него входят стоимость
                автомобиля, а также дополнительные расходы по Японии, доставка во Владивосток по морю.
              </p>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem stepsItem--border-b">
            <div class="col-lg-6">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-4.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">4.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Прохождение таможни
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <p class="text--lg">
                Когда автомобиль или <a class="color-brown d-inline color-brown-hover-black" href="{% url 'core:service_auction_machinery' %}">спецтехника</a>
                прибывает
                в Россию, то проходит <a class="color-brown d-inline color-brown-hover-black" href="{% url 'core:service_auction_tax' %}">процедуру
                  таможенного
                  оформления.</a> Наша компания помогает с оформлением всех необходимых документов, чтобы вы могли без
                проблем
                зарегистрировать машину.
              </p>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem">
            <div class="col-lg-6 pt-0 pt-lg-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-5.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">5.</div>
                  <div class="d-block">
                    <p class="h3 fw-semibold stepsItemTitle">
                      Вы забираете автомобиль с нашей стоянки во Владивостоке самостоятельно или мы <span
                        class="color-brown d-inline color-brown-hover-black"> организуем его доставку</span> в ваш регион!
                    </p>
                    <button class="button button--brown mt-4" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="warning mt-5 mt-lg-0">
                <div class="warningTitle d-flex align-items-center gap-2 mb-3">
                  <img src="{% static 'img/icons/warn.png' %}?v=1" alt="warn">
                  <div class="h4">Осторожно, мошенники!</div>
                </div>
                <div class="content text--lg px-0">
                  <p>
                    В связи с большим спросом на услуги по доставке авто из-за рубежа, к сожалению, на этом рынке
                    появляется
                    все больше мошеннических схем, в результате которых покупатели теряют свои деньги или все-таки
                    покупают
                    автомобили, но с очень большими наценками.
                  </p>
                  <p>
                    Мы собрали несколько советов, которые помогут вам избежать обмана. <a
                      class="color-brown color-brown-hover-black border-0" href="{% url 'core:warning' %}">Подробнее...</a>
                  </p>
                </div>
              </div>
            </div>
          </div><!-- /stepsItem -->

        </div>
      </section>
      {% include 'includes/all_lots.html' %}
      {% include 'includes/form.html' %}
      {% include 'includes/experience.html' %}
      {% include 'includes/reviews.html' %}
      {% include 'includes/about.html' %}
{% endblock %}