{% extends 'base.html' %}

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

{% block content %}
      <section class="intro intro-page bg-size-100 linear--black sect py-0 min-h-unset"
        style="background-image: url({% static 'img/admin/auction/intro-china.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-china.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
      </section>
      <section class="sect">
        <div class="container">
          <div class="row mb-0 mb-lg-5">
            <div class="col-lg-5">
              <h2 class="h2 mb-4 mb-lg-0">
                Процесс покупки авто из Китая:
              </h2>
            </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>
                <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>
              </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/why-1.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-5.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>
                  Также наша компания берет на себя все хлопоты по <span class="color-brown">доставке</span> автомобиля
                  из Китая в Россию, помогает с
                  <span class="color-brown">растаможкой</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 bg-size-80"
            style="background-image: url({% static 'img/admin/auction/baner-jap.jpg' %});">
            <div class="h3 text--white banerTitle mt-0 mb-4 position-relative z-1" style="max-width: 575px;">
              Если вы хотите привезти машину из Китая, <span class="color-light-brown">Японии</span> или <span
                class="color-light-brown">Кореи</span> и ищете надежного партнера для покупки, обращайтесь к
              нам!
            </div>
            <p class="text--lg text--white position-relative z-1 banerDescr mb-4" style="max-width: 430px;">
              Мы сделаем все возможное, чтобы процесс покупки надежной китайской машины или <span
                class="color-light-brown">спецтехники</span> был простым и удобным.
            </p>
            <button class="button button--brown position-relative z-1 mt-4" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">
              Задать вопрос консультанту
            </button>
            <img class="banerImgSm d-block d-md-none position-absolute" src="{% static 'img/admin/auction/baner-jap.jpg' %}?v=1"
              alt="image">
          </div>
        </div>
      </section>
      <section class="sect chinaCars py-0" style="background-color: #0C0C0C;">
        <div class="container">
          <div class="chinaCarsContent">
            <h2 class="h2 text--white sectHead position-relative z-1">Какие автомобили чаще всего выкупают на китайских
              аукционах?</h2>
            <div class="row position-relative z-1 mt-5 mt-md-4">
              <div class="col-md-6 col-xl-3 mb-5 mb-xl-0">
                <div class="chinaCard">
                  <a href="#" class="chinaCardImg">
                    <img src="{% static 'img/admin/china/car-1.png' %}?v=1" alt="car">
                  </a>
                  <h3 class="h3 text--white mt-4 mb-3"><a href="#">Седаны и хэтчбеки</a></h3>
                  <p class="text--lg text--white chinaCardText fw-medium">
                    Эти автомобили популярны благодаря своей экономичности и удобству в городских условиях. Марки, такие
                    как
                    Geely и BYD, часто оказываются в списках покупок.
                  </p>
                </div><!-- /chinaCard -->
              </div>
              <div class="col-md-6 col-xl-3 mb-5 mb-xl-0">
                <div class="chinaCard">
                  <a href="#" class="chinaCardImg">
                    <img src="{% static 'img/admin/china/car-2.png' %}?v=1" alt="car">
                  </a>
                  <h3 class="h3 text--white mt-4 mb-3"><a href="#">Внедорожники и кроссоверы</a></h3>
                  <p class="text--lg text--white chinaCardText fw-medium">
                    С увеличением интереса к SUV, автомобили таких марок, как Haval и Changan, становятся всё более
                    востребованными. Они предлагают хорошую проходимость и просторный интерьер.
                  </p>
                </div><!-- /chinaCard -->
              </div>
              <div class="col-md-6 col-xl-3 mb-5 mb-xl-0">
                <div class="chinaCard">
                  <a href="#" class="chinaCardImg">
                    <img src="{% static 'img/admin/china/car-3.png' %}?v=1" alt="car">
                  </a>
                  <h3 class="h3 text--white mt-4 mb-3"><a href="#">Бюджетные автомобили</a></h3>
                  <p class="text--lg text--white chinaCardText fw-medium">
                    Многие покупатели ищут доступные варианты, такие как модели от марки Chery или Lifan, которые
                    предлагают
                    хорошее соотношение цены и качества.
                  </p>
                </div><!-- /chinaCard -->
              </div>
              <div class="col-md-6 col-xl-3 mb-5 mb-xl-0">
                <div class="chinaCard">
                  <a href="#" class="chinaCardImg">
                    <img src="{% static 'img/admin/china/car-4.png' %}?v=1" alt="car">
                  </a>
                  <h3 class="h3 text--white mt-4 mb-3"><a href="#">Автомобили с пробегом</a></h3>
                  <p class="text--lg text--white chinaCardText fw-medium">
                    На аукционах также можно найти б/у авто из Китая, которые прошли проверку и находятся в хорошем
                    состоянии,
                    что делает их привлекательными для покупателей, ищущих выгодные предложения.
                  </p>
                </div><!-- /chinaCard -->
              </div>
            </div>
          </div>
        </div>
      </section>
      {% include 'includes/form.html' %}
      {% include 'includes/experience.html' %}
      {% include 'includes/reviews.html' %}
      {% include 'includes/about.html' %}
{% endblock %}