@@include('../blocks/head.html', { "classname": "sticky" })
<div class="hero-about">
   <div class="hero-about__wrapper">
      <div class="container">
         <div class="hero-about__body">
            <div class="hero-about__breadcrumbs">
               <div class="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>
                        <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>
                     </div>
                  </div>
               </div>
            </div>
            <div class="hero-about__left">
               <h1 class="h1 hero-about__h1 w-50">Об агентстве</h1>
               <div class="hero-about__descr hero-section-text w-50">
                  АртПикник – ваш заботливый партнер, специалист по корпоративным мероприятиям, в уровне которых вы
                  будете уверены!
               </div>
               <div class="hero-about__actions w-50">
                  <button class="hero-about__btn btn">Оставить заявку</button>
                  <a href="" class="hero-about__link arrow-link">
                     <span class="arrow-link__arrow">
                        <img src="../../icons/header/arraw.svg" alt="" />
                     </span>
                     <span class="arrow-link__text">смотреть кейсы</span>
                  </a>
               </div>
               <div class="hero-about__logos">
                  <div class="hero-about__logos-title text">Работаем с лучшими:</div>
                  <div class="hero-about__logos-list">
                     <div class="hero-about__logos-item">
                        <img src="../../images/logos/2.png" alt="" />
                     </div>
                     <div class="hero-about__logos-item">
                        <img src="../../images/logos/1.png" alt="" />
                     </div>

                     <div class="hero-about__logos-item">
                        <img src="../../images/logos/3.png" alt="" />
                     </div>
                     <div class="hero-about__logos-item">
                        <img src="../../images/logos/4.png" alt="" />
                     </div>
                     <div class="hero-about__logos-item">
                        <img src="../../images/logos/4.png" alt="" />
                     </div>
                  </div>
               </div>
            </div>
            <div class="hero-about__right">
               <div class="hero-about__image">
                  <picture>
                     <source media="(min-width: 1440px)" srcset="../../images/about/about-1440.png" />
                     <source media="(min-width: 1024px)" srcset="../../images/about/about-1200.png" />
                     <img src="../../images/about/about-360.png" alt="" />
                  </picture>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@@include('../blocks/footer.html')