@extends('layouts.landing')

@section('content')

  <section class="contentview top-block">
    <div class="content-wrap">
      <div class="leftwrap">
        <h1>MyDealer <span>App</span></h1>
        <p>
          @lang('landing.Start')
        </p>
        <div class="store-icons">
          <span>
            <a href="{{config('app.marketUrls.client.appstore')}}" target="_blank" style="margin-right: 14px">
              <img src="/website/images/icons/badges/{{ app()->getLocale() }}/app-store.svg" width="168" />
            </a>
          </span>
          <a href="{{config('app.marketUrls.client.playmarket')}}" target="_blank">
            <img src="/website/images/icons/badges/{{ app()->getLocale() }}/google-play.png" width="180" />
          </a>
        </div>
      </div>
    </div>
  </section>

  <section class="contentview epoch-block">
    <div class="content-wrap main-wrap">
      <div class="leftwrap">
        <h2>@lang('landing.Epoch.Header')</h2>
        <p>
          @lang('landing.Epoch.Text')
        </p>
        <p class="green">@lang('landing.Epoch.Green')</p>
        <p>
          @lang('landing.Epoch.Text2')
        </p>
      </div>
      <div class="rightwrap imageblock">
        <img src="/website/images/main/illustration_01.png" alt="" class="ImgApp1" />
      </div>
    </div>
  </section>

  <section class="contentview idea-block">
    <div class="content-wrap main-wrap">
      <div class="leftwrap imageblock">
        <img src="/website/images/main/illustration_02.png" alt="" class="ImgApp2" />
      </div>
      <div class="rightwrap">
        <h2>@lang('landing.Idea.Header')</h2>
        <p>
          @lang('landing.Idea.Text')
        </p>
        <p class="green">
          @lang('landing.Idea.Green')
        </p>
        <div class="store-icons">
          <span>
            <a href="{{config('app.marketUrls.client.appstore')}}" target="_blank" style="margin-right: 14px">
              <img src="/website/images/icons/badges/{{ app()->getLocale() }}/app-store.svg" width="168" />
            </a>
          </span>
          <a href="{{config('app.marketUrls.client.playmarket')}}" target="_blank">
            <img src="/website/images/icons/badges/{{ app()->getLocale() }}/google-play.png" width="180" />
          </a>
        </div>
      </div>
    </div>
  </section>

  <section class="contentview whats-block">
    <div class="content-wrap">
      <h2>@lang('landing.Whats.Header')</h2>
      <img src="/website/images/main/illustration_03.png" alt="" class="ImgApp3" />

      <div class="app-facts">
        <div class="whats">@lang('landing.Whats.Text1')</div>
        <div class="whats">@lang('landing.Whats.Text2')</div>
        <div class="whats">@lang('landing.Whats.Text3')</div>
        <div class="whats">@lang('landing.Whats.Text4')</div>
      </div>
    </div>
  </section>

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

  </body>
</html>

@endsection