@extends('layout.site', ['title' => 'О компании Векпром'])
  
  @section('content')
      <section class="catalog-top about-page-top">
          <div class="about-page-top-bg"></div>
          <div class="container">
              <div class="result-links about-page-top-links">

                  <a class="result-links__item" href="{{ route('index') }}">Главная</a><span> /</span>
                  <a class="result-links__item result-links__item--active">О компании</a>

              </div>
              <div class="catalog-top-content">
                  <h1 class="catalog-top-content__title">О компании</h1>

                  <a class="catalog-top-content__back" href="{{ route('index') }}">Вернуться</a>

              </div>
          </div>
      </section>
      <section class="ecosystem">
          <div class="container">
              <div class="ecosystem-top">
                  <h2 class="ecosystem-top__title">

                      <!--Официальный дилер оборудования 50 мировых брендов для бизнеса
                      и частных предприятий-->
                      {{$company[0]->title}}

                  </h2>
                  <div class="ecosystem-top-text">

                      <p>{{$company[0]->text}}</p>
                      <!--<p>

                          С 2008 года подбираем оборудование под производственные задачи клиентов: металлообработка
                          и сварка, стройка и инструмент, станки с ЧПУ.
                      </p>
                      <p>
                          Менеджеры-инженеры с многолетним стажем сопровождают клиента с первой консультации и до постгарантийного обслуживания.
                          Бизнес-процессы, гибкая логистика и опыт сотрудников компании решают задачу клиента даже в сложных ситуациях.
                      </p>
                      <p>
                          Востребованные запасные части на складе для минимизации простоя оборудования у клиентов.
                          Продемонстрируем оборудование в работе на собственном складе и на Ваших объектах. Реализовано больше 500 проектов, в том
                          числе строительство Керченского моста и газового потока «Сила Сибири».

                      </p>-->

                  </div>
              </div>
              <div class="ecosystem-bottom">
                  <h1 class="ecosystem-bottom__title">
                      Экосистема
                  </h1>
                  <div class="ecosystem-bottom-blocks">
                      <div class="ecosystem-bottom-column">
                          <div class="ecosystem-column-top">
                              <h2 class="ecosystem-column-top__title">
                                  Коммерческий отдел
                              </h2>
                              <p class="ecosystem-column-top__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                          <div class="ecosystem-column-bottom">
                              <h2 class="ecosystem-column-top__title">
                                  Демозал
                              </h2>
                              <p class="ecosystem-column-top__text">
                                  Мы приглашаем посетить наш демонстрационный зал площадью
                                  600 кв.м.
                                  <a href="#">Подробнее</a>
                              </p>
                          </div>
                      </div>
                      <div class="ecosystem-bottom-column">
                          <div class="ecosystem-column-top">
                              <h2 class="ecosystem-column-top__title">
                                  Логистическая служба
                              </h2>
                              <p class="ecosystem-column-top__text">
                                  В распоряжении наших клиентов - 3500 кв.м. складских площадей, оборудованных современными технологиями многоярусного
                                  хранения и складской логистики.
                              </p>
                          </div>
                          <div class="ecosystem-column-bottom">
                              <h2 class="ecosystem-column-top__title">
                                  Сервисная служба
                              </h2>
                              <p class="ecosystem-column-top__text">
                                  Поддержка клиента начинается с заявки и продолжается даже после истечения гарантийного срока.
                                  <a href="#">Подробнее</a>
                              </p>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>
  
      <section class="about-page-banner">
          <div class="about-page-banner-bg"></div>
          <div class="container">
              <div class="about-page-banner-content">
                  <div class="abote-banner-block">
                      <h2 class="abote-banner-block__title">

                          {{ $company[0]->area_demo }} <span>кв.м</span>

                      </h2>
                      <p class="abote-banner-block__par">
                          демонстрационный зал
                      </p>
                  </div>
                  <div class="abote-banner-block about-block-2">
                      <h2 class="abote-banner-block__title">

                          {{ $company[0]->workers }}

                      </h2>
                      <p class="abote-banner-block__par abote-banner-block-check">
                          сотрудников
                      </p>
                  </div>
                  <div class="abote-banner-block">
                      <h2 class="abote-banner-block__title">

                          {{ $company[0]->stock_area }} <span>кв.м</span>

                      </h2>
                      <p class="abote-banner-block__par">
                          складских помещений
                      </p>
                  </div>
                  <div class="abote-banner-block">
                      <h2 class="abote-banner-block__title">

                          {{ $company[0]->name_equipment }}

                      </h2>
                      <p class="abote-banner-block__par abote-banner-block-check">
                          наименований оборудования
                      </p>
                  </div>
              </div>
          </div>
      </section>
  
      <section class="privileges">
          <div class="container">
              <h2 class="privileges__title">
                  Ваши привилегии
              </h2>
              <div class="privileges-content">
                  <div class="privileges-content-column">
                      <div class="privileges-content-block priv-block-1">
                          <p class="privileges-content-block__number content-block-number-1">1</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title block-info-title-1">
                                  Сопровождение сервисной службой 24/7
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                      <div class="privileges-content-block priv-block-2">
                          <p class="privileges-content-block__number">2</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title">
                                  Тестирование оборудования
                                  в демозале или на своем производстве
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                      <div class="privileges-content-block">
                          <p class="privileges-content-block__number">3</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title block-info-title-3">
                                  Комплексные решения
                                  «под ключ»
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                  </div>
                  <div class="privileges-content-column">
                      <div class="privileges-content-block priv-block-1">
                          <p class="privileges-content-block__number">4</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title">
                                  Более 50 000 позиций качественного оборудования
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                      <div class="privileges-content-block priv-block-2">
                          <p class="privileges-content-block__number">5</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title">
                                  Заказ из более 20 000 позиций востребованного оборудования в наличии на складе
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                      <div class="privileges-content-block">
                          <p class="privileges-content-block__number">6</p>
                          <div class="privileges-block-info">
                              <h3 class="privileges-block-info__title">
                                  В наличии востребованные запчасти для вашего оборудования
                              </h3>
                              <p class="privileges-block-info__text">
                                  Наша цель – удерживать лидирующую позицию на рынке поставок лучшего оборудования и технологий для промышленного
                                  комплекса страны.
                              </p>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>
  
      <section class="about-history">
          <div class="container about-history-container">
              <h2 class="about-history__title">
                  История развития компании
                  <span>2008-2023</span>
              </h2>
              <div class="swiper swiper-about-history">
                  <div class="swiper-wrapper swiper-wrapper-about">
                      <div class="swiper-slide swiper-slide-about-history">
                          <h3 class="slide-about-history-year">2008</h3>
                          <p class="slide-about-history-text">
                              В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                              создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                              под производственные задачи клиентов: металлообработка и сварка,
                              стройка и инструмент, станки с ЧПУ.
                          </p>
                      </div>
                      <div class="swiper-slide swiper-slide-about-history">
                          <h3 class="slide-about-history-year">2009</h3>
                          <p class="slide-about-history-text">
                              В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                              создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                              под производственные задачи клиентов: металлообработка и сварка,
                              стройка и инструмент, станки с ЧПУ.
                          </p>
                      </div>
                      <div class="swiper-slide swiper-slide-about-history">
                          <h3 class="slide-about-history-year">2011</h3>
                          <p class="slide-about-history-text">
                              В 2008 году была основана компания “ВЕКПРОМ”. В том же году был
                              создан сервисный центр. Так, с 2008 года, мы подбираем оборудование
                              под производственные задачи клиентов: металлообработка и сварка,
                              стройка и инструмент, станки с ЧПУ.
                          </p>
                      </div>
                  </div>
              </div>
              <div class="swiper-button-next swiper-button-next__about-history">
                  <svg class="svg-partners-next">
                      <use xlink:href="./img/icons.svg#about-next"></use>
                  </svg>
              </div>
              <div class="swiper-button-prev swiper-button-prev__about-history">
                  <svg class="svg-partners-back">
                      <use xlink:href="./img/icons.svg#about-prev"></use>
                  </svg>
              </div>
  
          </div>
      </section>
  
      <section class="about-geography">
          <div class="container about-geography-container">
              <div class="about-geography-left">
                  <h2 class="about-geography-left__title">
                      География
                      поставок
                  </h2>
                  <p class="about-geography-left__text">
                      ВЕКПРОМ много лет является ответственным поставщиком широкого спектра высококачественного оборудования и инструментов
                      для российских госкорпораций и предприятий промышленности.
                  </p>
                  <p class="about-geography-left__text about-geography-text-2">
                      Мы имеем огромный опыт участия в тендерах
                      и закупках с соблюдением всех требований и нормативов федеральных законов 44-ФЗ и 223-ФЗ.
                      Крупнейший агрегатор тендеров и госзакупок «Фабрикант.ру» в 2018 году отметил многолетнюю работу с ВЕКПРОМ, выдав нашей
                      компании сертификат надежного поставщика.
                  </p>
                  <a class="about-geography-left__btn" href="#">Все проекты</a>
              </div>
              <img class="about-geography-img" src="./img/about/cart-min.png" alt="">
          </div>
      </section>
  
      <section class="about-contact">
          <div class="container about-form-container">
              <form class="about-contact-form" enctype="multipart/form-data" method="post">
                  <div class="about-contact-form-line-one">
                      <label class="form__label label-about" for="name">Ваше имя <span class="required">*</span></label>
                      <input class="form-input form__name input-about" type="text" id="name" name="name" placeholder="Введите ваше имя"
                             required><br>
  
                      <label class="form__label label-about" for="email">E-mail <span class="required">*</span></label>
                      <input class="form-input form__email input-about" type="email" id="email" name="email" placeholder="Введите ваш e-mail"
                             required>
  
                      <label class="form__label label-about" for="number">Телефон</label>
                      <input class="form-input form__tel js_input_phone input-about" type="tel" id="number" name="number"
                             placeholder="+7 (___) ___-__-__">
                  </div>
                  <div class="about-contact-form-line-two">
                      <label class="form__label form__label-question label-about" for="question">Ваш вопрос <span
                              class="required">*</span></label>
                      <textarea class="form-input form__question modal-contact-form-question textarea-about" id="question" name="question"
                                placeholder="Введите текст" required></textarea><br>
                  </div>
                  <div class="about-contact-form-line-three">
                      <h2 class="about-contact-form__title">Свяжитесь
                          с нами</h2>
                      <p class="parts-content-form-bottom__par">Отправляя форму подтверждаю свое согласие с политикой
                          конфиденциальности и обработки данных</p>
                      <button class="parts-content-form-bottom__button about-contact-form__button" type="submit">Отправить заявку</button>
                  </div>
              </form>
          </div>
      </section>
  @endsection