@extends('layouts.landing')
@section('content')

    <section class="contentview vendors-block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <h1>MyDealer <span>App</span></h1>
          <p>
            @lang('landing.vendors.Title')
          </p>

          <div class="store-icons">
            <a href="{{config('app.marketUrls.vendor.appstore')}}" target="_blank" style="margin-right: 14px">
              <img src="/website/images/icons/badges/{{ app()->getLocale() }}/app-store.svg" width="168" />
            </a>
            <a href="{{config('app.marketUrls.vendor.playmarket')}}" target="_blank">
              <img src="/website/images/icons/badges/{{ app()->getLocale() }}/google-play.png" width="180" />
            </a>
          </div>

        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '01a_en' : '01a'}}.png" alt="" class="ImgApp0" />
        </div>
      </div>
    </section>


    <section class="contentview vendors-buy__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <h2>
            @lang('landing.vendors.buy-title')
          </h2>
          <p>
            @lang('landing.vendors.buy-text1')
          </p>
          <p class="green">@lang('landing.vendors.buy-green')</p>
          <p>
            @lang('landing.vendors.buy-text2')
          </p>
        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/{{app()->getLocale() === 'en' ? 'sheme_en.svg' : 'sheme.svg'}}" alt="" class="ImgApp1" />
        </div>
      </div>
    </section>


    <section class="contentview vendors-requirement__block vendors-page">
      <div class="content-wrap">
        <h2>@lang('landing.vendors.requirement-title')</h2>
        <p>
          @lang('landing.vendors.requirement-text')
        </p>
      </div>
    </section>


    <section class="contentview vendors-products__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <h2 class="codecs-header">
            <div class="codecs">@lang('landing.vendors.code')
              <div class="num">#1</div>
            </div>
            @lang('landing.vendors.code1')
            </h2>
          <p>
            @lang('landing.vendors.code1-text')
          </p>
        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '02a_en' : '02a'}}.png" alt="" class="ImgApp2" />
        </div>
      </div>
    </section>


    <section class="contentview vendors-fooled__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '03a_en' : '03a'}}.png" alt="" class="ImgApp3" />
        </div>
        <div class="rightwrap">
          <div class="codecs">@lang('landing.vendors.code')
            <div class="num">#2</div>
          </div>
          <h2>@lang('landing.vendors.code2')</h2>
          <p>
            @lang('landing.vendors.code2-text')
          </p>
        </div>
      </div>
    </section>


    <section class="contentview vendors-ignoring__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <div class="codecs">@lang('landing.vendors.code')
            <div class="num">#3</div>
          </div>
          <h2>@lang('landing.vendors.code3')</h2>
          <p>
            @lang('landing.vendors.code3-text')
          </p>
        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '04a1_en' : '04a'}}.png" alt="" class="ImgApp4" />
        </div>
      </div>
    </section>


    <section class="contentview vendors-love__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '05a_en' : '05a'}}.png" alt="" class="ImgApp5" />
        </div>
        <div class="rightwrap">
          <h2 class="codecs-header">
            <div class="codecs">@lang('landing.vendors.code')
              <div class="num">#4</div>
            </div>
            @lang('landing.vendors.code4')</h2>
          <p>
            @lang('landing.vendors.code4-text')
          </p>
        </div>
      </div>
    </section>


    <section class="contentview vendors-quality__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <h2 class="codecs-header">
            <div class="codecs">@lang('landing.vendors.code')
              <div class="num">#5</div>
            </div>
            @lang('landing.vendors.code5')</h2>
          <p>
            @lang('landing.vendors.code5-text')
          </p>
        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '06a_en' : '06a'}}.png" alt="" class="ImgApp6" />
        </div>
      </div>
    </section>


    <section class="contentview vendor-greed__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '07a_en' : '07a'}}.png" alt="" class="ImgApp7" />
        </div>
        <div class="rightwrap">
          <h2 class="codecs-header">
            <div class="codecs">@lang('landing.vendors.code')
              <div class="num">#6</div>
            </div>
            @lang('landing.vendors.code6')</h2>
          <p>
            @lang('landing.vendors.code6-text')
          </p>
        </div>
      </div>
    </section>


    <section class="contentview vendors-page__block vendors-page">
      <div class="content-wrap main-wrap">
        <div class="leftwrap">
          <h2 class="codecs-header">
          <div class="codecs">@lang('landing.vendors.code')
            <div class="num">#7</div>
          </div>
          @lang('landing.vendors.code7')</h2>
          <p>
            @lang('landing.vendors.code7-text')
          </p>
        </div>
        <div class="rightwrap imageblock">
          <img src="/website/images/pages/vendor/illustration_{{app()->getLocale() === 'en' ? '08a_en' : '08a'}}.png" alt="" class="ImgApp8" />
        </div>
      </div>
    </section>


    <section class="contentview vendors-people__block vendors-page">
      <div class="content-wrap">
        {{-- <h2>@lang('landing.vendors.people')</h2> --}}
        <p>
          @lang('landing.vendors.people-text')
        </p>
        <div class="store-icons">
          <a href="{{config('app.marketUrls.vendor.appstore')}}" target="_blank" style="margin-right: 14px">
            <img src="/website/images/icons/badges/{{ app()->getLocale() }}/app-store.svg" width="168" />
          </a>
          <a href="{{config('app.marketUrls.vendor.playmarket')}}" target="_blank">
            <img src="/website/images/icons/badges/{{ app()->getLocale() }}/google-play.png" width="180" />
          </a>
        </div>
      </div>
    </section>


@endsection