{% extends 'base.html' %}

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

{% block content %}
      <section class="intro intro-page bg-size-60 linear--black sect py-0 min-h-unset"
        style="background-image: url({% static 'img/admin/auction/intro-jap.jpg' %});">
        <div class="container">
          {% include 'includes/breadcrumbs.html' %}
          <div class="introW">
            <h1 class="h1 text--white introTitle mb-3 mt-0" style="max-width: 525px;">
              Купить автомобиль с аукциона в Японии – выгодно и надежно
            </h1>
            <p class="introDescr text--white" style="max-width: 525px;">
              Выкуп автомобилей с аукционов Японии. Купите качественный японский автомобиль без пробега по России и СНГ.
              Поможем вам найти и приобрести авто вашей мечты быстро, экономно и без забот.
            </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/auction/intro-jap.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
      </section>
      <section class="sect">
        <div class="container">
          <div class="row mb-3 pt-0">
            <div class="col-lg-5">
              <h2 class="h2 mb-4 mb-lg-0">
                Выкуп автомобиля с&nbsp;аукциона из&nbsp;Японии
              </h2>
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-6">
              <div class="content content--lg">
                <p>
                  Покупка с аукционов позволяет получить качественное авто или <span>спецтехнику</span> по более низким
                  ценам,
                  чем на
                  вторичном рынке, однако требует внимательности и понимания процесса. Этот процесс нами давно изучен и
                  включает в себя следующие этапы:
                </p>
              </div>
            </div>
          </div>

          <div class="row stepsItem">
            <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">
              <div class="content content--lg">
                <p>
                  Вы связываетесь с нами, и мы обсуждаем ваши пожелания. Мы поможем вам определить, какой автомобиль вам
                  нужен, и расскажем о доступных вариантах.
                </p>
                <p>
                  После заключения договора вы вносите обеспечительный платёж (предоплату), и мы приступаем к поиску.
                </p>
                <button class="button button--brown d-flex d-lg-none mt-3" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
              </div>

            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem">
            <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-6.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">
              <div class="content content--lg">
                <p>
                  Мы начинаем искать подходящие машины с аукционов Японии.
                </p>
                <p>
                  Тщательно проверяем каждое предложение, чтобы гарантировать, что вы получите качественный автомобиль
                  без
                  пробега по РФ. Варианты авто перед торгами высылаются на согласование с вами.
                </p>
              </div>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem">
            <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">3.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Участие в аукционе
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="content content--lg">
                <p>
                  Когда мы находим подходящий вариант, мы участвуем в аукционе от вашего имени. Мы сделаем все
                  возможное,
                  чтобы купить автомобиль по выгодной цене.
                </p>
              </div>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem">
            <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">
              <div class="content content--lg">
                <p>
                  После успешной покупки мы поможем вам с оплатой и организуем доставку автомобиля в Россию. Вы будете
                  получать обновления о статусе доставки на каждом этапе.
                </p>
                <p>
                  Мы также занимаемся оформлением всех необходимых документов на таможне, чтобы вы могли без проблем
                  зарегистрировать свой новый автомобиль.
                </p>
              </div>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem">
            <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-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>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Получение автомобиля
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="content content--lg mb-4">
                <p>
                  Когда ваш автомобиль прибудет во Владивосток, вы сможете забрать его с нашей стоянки или
                  <span>оформить
                    доставку</span> в ваш населенный пункт.
                </p>
                <button class="button button--brown mt-3" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
              </div>

            </div>
          </div><!-- /stepsItem -->

          <div class="warning">
            <div class="row">
              <div class="col-lg-6">
                <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>
              <div class="col-lg-6">
                <div class="content content--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>

        </div>
      </section>
      <section class="sect baner py-0">
        <div class="container">
          <div class="linear--black banerW" style="background-image: url({% static 'img/admin/auction/baner-jap.jpg' %});">
            <div class="h2 text--white banerTitle mt-0 mb-4 mb-lg-3 position-relative z-1" style="max-width: 575px;">
              Подберем для вас лучшую машину без пробега по&nbsp;России!
            </div>
            <p class="text--lg text--white position-relative z-1 banerDescr mb-3 mt-4" style="max-width: 575px;">
              Японские автоаукционы предлагают множество отличных вариантов автомобилей, которые будут стоить вам
              намного
              дешевле тех, что уже продаются на внутреннем рынке России.
            </p>
            <p class="text--lg text--white position-relative z-1 banerDescr mb-4" style="max-width: 575px;">
              Если вы хотите купить автомобиль с аукциона, но не знаете, с чего начать, обращайтесь к нам: у нас
              огромный опыт
              работы с японскими, <span class="color-light-brown">корейскими</span> и <span
                class="color-light-brown">китайскими</span> площадками.
            </p>
            <button class="button button--brown position-relative z-1 w-200 mt-4">
	            <a class="d-none d-lg-block" href="{% url 'core:catalog_japan' %}">В каталог</a>
	            <a class="d-block d-lg-none" href="{% url 'core:catalog_japan' %}">Перейти в каталог</a>
            </button>
          </div>
        </div>
      </section>
      {% include 'includes/all_lots.html' %}
      {% include 'includes/form.html' %}
      {% include 'includes/experience.html' %}
      {% include 'includes/reviews.html' %}
      {% include 'includes/about.html' %}
{% endblock %}