@@include('../blocks/head.html')

<div class="grey-bg simple-page">
   <div class="container">
      <div class="simple-page__body">
         <div class="simple-page__wrapper">
            <div class="simple-page__logo">
               <img src="../../icons/cases/logo.svg" alt="" />
            </div>
            <div class="simple-page__bredcrumbs bredcrumbs">
               <div class="bredcrumbs__body">
                  <div class="bredcrumbs__list">
                     <a href="##" class="bredcrumbs__item text">Главная</a>
                     <span class="bredcrumbs__item text">
                        <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                              stroke="white"
                           />
                        </svg>
                     </span>
                     <span href="##" class="bredcrumbs__item text">Контакты</span>
                  </div>
               </div>
            </div>
            <h1 class="h1 simple-page__title">Контакты</h1>
         </div>
      </div>
   </div>
</div>

<!-- <section class="section contact-block">
   <div class="container">
      <div class="contact-block__body">
         <div class="contact-block__header">
            <div class="contact-block__header-top">
               <div class="contact-block__subtitle h2-text-heading">
                  Свяжитесь с нами <br />
                  или приезжайте в гости в офис: обсудим мероприятие за чашкой чая или кофе
               </div>
            </div>
            <div class="contact-block__links">
               <div class="contact-block__link">
                  <a href="tel:89991112233" class="header-contacts__item">
                     <div class="header-contacts__icon">
                        <img src="../../icons/header/phone-red.svg" alt="" />
                     </div>
                     <div class="header-contacts__value">8&nbsp;800&nbsp;707-30-76</div>
                  </a>
               </div>
               <div class="contact-block__link">
                  <a href="mailto:hello@artpiknik.ru" class="header-contacts__item">
                     <div class="header-contacts__icon">
                        <img src="../../icons/header/mail-red.svg" alt="" />
                     </div>
                     <div class="header-contacts__value">hello@artpiknik.ru</div>
                  </a>
               </div>
            </div>
         </div>
         <div class="contact-block__maps zr-tabs">
            <div class="contact-block__map-tabs">
               <div class="contact-block__map-tab subtitle zr-tabs__trigger">Самара</div>
               <div class="contact-block__map-tab subtitle zr-tabs__trigger active">Москва</div>
            </div>
            <div class="contact-block__map-items zr-tabs__contents">
               <div class="contact-block__map-item map-card zr-tabs__content">
                  <div class="map-card__body">
                     <div
                        class="map-card__canvas js-map"
                        data-coords="37.601744,55.598334"
                        data-marker="../../icons/marker.svg"
                     ></div>
                     <div class="map-card__content">
                        <div class="map-card__city subtitle">САМАРА</div>
                        <div class="map-card__addresss h4-text-heading">Проспект Ленина, 16</div>
                        <div class="map-card__grafik text">
                           Понедельник–Пятница <br />
                           9:00–18:00
                        </div>
                        <div class="map-card__link">
                           <a href="##" class="arrow-link">
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="arrow-link__text">открыть в яндекс картах</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="contact-block__map-item map-card zr-tabs__content active">
                  <div class="map-card__body">
                     <div
                        class="map-card__canvas js-map"
                        data-coords="37.601744,55.598334"
                        data-marker="../../icons/marker.svg"
                     ></div>
                     <div class="map-card__content">
                        <div class="map-card__city subtitle">Москва</div>
                        <div class="map-card__addresss h4-text-heading">ул. 3-я Хорошёвская, 18, корп. 1</div>
                        <div class="map-card__grafik text">
                           Понедельник–Пятница <br />
                           9:00–18:00
                        </div>
                        <div class="map-card__link">
                           <a href="##" class="arrow-link">
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="arrow-link__text">открыть в яндекс картах</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <form action="##" class="contact-block__footer-form contact-form">
            <div class="contact-form__body">
               <div class="contact-form__descr text">
                  Оставьте заявку и мы свяжемся с вами <br />в течение 30 минут, чтобы обсудить детали
               </div>
               <div class="contact-form__form-wrapper">
                  <div class="contact-form__fields">
                     <div class="contact-form__field">
                        <div class="input">
                           <input type="text" placeholder="Ваше имя" name="name" required="" />
                        </div>
                     </div>
                     <div class="contact-form__field">
                        <div class="input">
                           <input type="text" placeholder="Ваш e-mail" name="email" required="" />
                        </div>
                     </div>
                     <div class="contact-form__field">
                        <div class="input input--tel">
                           <input type="tel" placeholder="+7&nbsp;999&nbsp;999-99-99" required="" />
                        </div>
                     </div>
                  </div>
                  <div class="contact-form__consent">
                     <div class="consent-block">
                        <div class="consent-block__ckeckbox">
                           <input type="checkbox" id="consent222" required class="consent-block__input" />
                           <label for="consent222" class="consent-block__label legal-text">
                              <span class="consent-block__label-text"
                                 >Даю&nbsp;
                                 <a href=""> согласие на&nbsp;Обработку персональных данных</a> и&nbsp;ознакомлен(а)
                                 с&nbsp;
                                 <a href="">условиями Политики конфиденциальности</a>
                              </span>
                           </label>
                        </div>
                     </div>
                  </div>
                  <div class="contact-form__submit">
                     <button class="btn">Отправить</button>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</section> -->

<section class="section contacts-managers">
   <div class="contacts-managers__wrapper">
      <div class="container">
         <div class="contacts-managers__body">
            <div class="contacts-managers__top">
               <h2 class="contacts-managers__title subtitle">контакты руководителей</h2>
               <div class="contacts-managers__descr h2-text-heading">напишите нам напрямую</div>
            </div>
            <div class="contacts-managers__cards">
               <div class="manager-card">
                  <div class="manager-card__cover">
                     <div class="manager-card__img">
                        <!-- <img src="../../images/managers/1.png" alt="" /> -->
                     </div>
                     <div class="manager-card__fio">
                        <div class="manager-card__name">Вера Еремина</div>
                        <div class="manager-card__post text">Генеральный директор</div>
                     </div>
                  </div>
                  <div class="manager-card__bottom">
                     <div class="manager-card__descr text">
                        Пишите мне, если хотите обсудить стратегическое партнерство или дать обратную связь по работе:
                     </div>
                     <div class="manager-card__contacts">
                        <a href="" class="manager-card__email">vera@artpiknik.ru</a>
                        <div class="manager-card__soc-icons">
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/vk.svg" alt="" />
                           </a>
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/tel.svg" alt="" />
                           </a>
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/max.svg" alt="" />
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="manager-card">
                  <div class="manager-card__cover">
                     <div class="manager-card__img">
                        <!-- <img src="../../images/managers/2.png" alt="" /> -->
                     </div>
                     <div class="manager-card__fio">
                        <div class="manager-card__name">Вера Еремина</div>
                        <div class="manager-card__post text">Генеральный директор</div>
                     </div>
                  </div>
                  <div class="manager-card__bottom">
                     <div class="manager-card__descr text">
                        Пишите мне, если хотите обсудить стратегическое партнерство или дать обратную связь по работе:
                     </div>
                     <div class="manager-card__contacts">
                        <a href="" class="manager-card__email">vera@artpiknik.ru</a>
                        <div class="manager-card__soc-icons">
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/vk.svg" alt="" />
                           </a>
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/tel.svg" alt="" />
                           </a>
                           <a href="" class="manager-card__soc-icon">
                              <img src="../../icons/managers/max.svg" alt="" />
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@@include('../blocks/footer.html')