@@include('../blocks/head.html', { "classname": "sticky" })

<!-- <div class="vertical-dicider"></div> -->

<div class="case-banner">
   <div class="case-banner__body">
      <div class="case-banner__left">
         <div class="container">
            <div class="case-banner__left-content">
               <div class="case-banner__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>
                           <span href="##" class="bredcrumbs__item text"
                              >Т.Конф — техническая конференция для инженеров Сбера</span
                           >
                        </div>
                     </div>
                  </div>
               </div>
               <div class="case-banner__content">
                  <div class="case-banner__tags">
                     <div class="case-banner__tag h5">#Event</div>
                     <div class="case-banner__tag h5">#Corporate Event</div>
                     <div class="case-banner__tag h5">#B2B-event</div>
                  </div>
                  <div class="case-banner__title h2-text-heading">
                     Т.Конф — техническая конференция для инженеров Сбера
                  </div>
                  <div class="case-banner__descr">
                     Организация технической офлайн-конференции для инженеров Сбера: с онлайн-трансляцией для
                     сотрудников компании из других регионов.
                  </div>
                  <div class="case-banner__advs">
                     <div class="case-banner__adv">
                        <div class="case-banner__adv-label text">Клиент</div>
                        <div class="case-banner__adv-value h5">Сбер</div>
                     </div>
                     <div class="case-banner__adv">
                        <div class="case-banner__adv-label text">Дата</div>
                        <div class="case-banner__adv-value h5">6 июня 2025</div>
                     </div>
                     <div class="case-banner__adv">
                        <div class="case-banner__adv-label text">Место</div>
                        <div class="case-banner__adv-value h5">Лотте Самара</div>
                     </div>
                     <div class="case-banner__adv">
                        <div class="case-banner__adv-label text">Количество гостей</div>
                        <div class="case-banner__adv-value h5">1000+</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="case-banner__right">
         <div class="case-banner__image">
            <picture>
               <source media="(min-width: 1024px)" srcset="../../images/case/img-pc.jpg" />
               <img src="../../images/case/img.jpg" alt="" />
            </picture>
         </div>
      </div>
   </div>
</div>

<div class="case-about section">
   <div class="container">
      <div class="case-about__body">
         <div class="case-about__title subtitle">о проекте</div>
         <div class="case-about__content">
            <div class="case-about__task">
               <div class="case-about__task-title h3">задача</div>
               <div class="case-about__task-descr text">
                  <p>
                     Когда в одном проекте встречаются офлайн, онлайн и сложная техническая начинка — особенно важно,
                     чтобы всё работало ультра-чётко. Именно так мы участвовали в организации Т.Конф — технической
                     конференции для инженеров Сбера, которая прошла в офлайн-формате с онлайн-трансляцией для
                     сотрудников компании из других регионов. Наша задача была не просто подключить технику, а создать
                     рабочую, комфортную и визуально выверенную среду для сложного профессионального контента.
                  </p>
               </div>
            </div>
            <div class="case-about__result">
               <div class="case-about__result-title h3">что мы сделали</div>
               <div class="case-about__result-list">
                  <div class="check-list">
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">Одновременно работали в трёх залах</div>
                     </div>
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">
                           Выставили студийный свет и подсветку под разные сценарии
                        </div>
                     </div>
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">
                           Придумали и реализовали мерч для команды организаторов и сувенирную продукцию для спикеров
                        </div>
                     </div>
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">Одновременно работали в трёх залах</div>
                     </div>
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">
                           Выставили студийный свет и подсветку под разные сценарии
                        </div>
                     </div>
                     <div class="check-list__item">
                        <div class="check-list__icon">
                           <img src="../../icons/cases/check.svg" alt="" />
                        </div>
                        <div class="check-list__text text">
                           Придумали и реализовали мерч для команды организаторов и сувенирную продукцию для спикеров
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="case-about__accent">
            <div class="case-about__accent-title h4-text-heading">Для таких событий особенно важны детали</div>
            <div class="case-about__accent-descr text">
               Чтобы экран читался из любой точки зала, свет не мешал спикерам, звук был чистым, а картинка в трансляции
               выглядела достойно.
            </div>
            <div class="case-about__accent-icon">
               <img src="../../icons/cases/znak.svg" alt="" />
            </div>
         </div>
      </div>
   </div>
</div>

<div class="case-gallery has-video section">
   <div class="container">
      <div class="case-gallery__header">
         <div class="case-gallery__header-wrapper">
            <div class="case-gallery__title subtitle">фото и видео</div>
            <div class="case-gallery__subtitle h2-text-heading">посмотрите, как это было</div>
         </div>
         <div class="case-gallery__video">
            <div class="case-gallery__video-preview">
               <img src="../../images/slider/preview.jpg" alt="" />
            </div>
            <div class="case-gallery__video-play" data-link="https://vkvideo.ru/video-229078605_456239055">
               <img src="../../icons/video/play.svg" alt="" />
            </div>
         </div>
      </div>
      <div class="case-gallery__body">
         <div class="case-gallery__slider swiper">
            <div class="case-gallery__slider-wrapper swiper-wrapper">
               <a
                  href="../../images/slider/img0.jpg"
                  data-gallery="gallery2"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img0.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img1.jpg"
                  data-gallery="gallery2"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img1.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img2.jpg"
                  data-gallery="gallery2"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img2.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img1.jpg"
                  data-gallery="gallery2"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img1.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img0.jpg"
                  data-gallery="gallery2"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img0.jpg" alt="" />
               </a>
            </div>
            <div class="case-gallery__pagination"></div>
            <div class="case-gallery__navigation">
               <div class="case-gallery__arrow prev">
                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
                        d="M0.667969 5.99238L0.334567 6.32578L0.00116616 5.99238L0.334567 5.65898L0.667969 5.99238ZM14.813 5.52088C15.0734 5.52088 15.2845 5.73198 15.2845 5.99238C15.2845 6.25279 15.0734 6.46388 14.813 6.46388V5.99238V5.52088ZM6.32598 11.6504L5.99257 11.9838L0.334567 6.32578L0.667969 5.99238L1.00137 5.65898L6.65938 11.317L6.32598 11.6504ZM0.667969 5.99238L0.334567 5.65898L5.99257 0.000974655L6.32598 0.334376L6.65938 0.667778L1.00137 6.32578L0.667969 5.99238ZM0.667969 5.99238V5.52088H14.813V5.99238V6.46388H0.667969V5.99238Z"
                        fill="white"
                     />
                  </svg>
               </div>
               <div class="case-gallery__arrow next">
                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
                        d="M14.6172 5.99199L14.9506 5.65859L15.284 5.99199L14.9506 6.32539L14.6172 5.99199ZM0.47217 6.46349C0.211767 6.46349 0.000669479 6.25239 0.000669479 5.99199C0.000669479 5.73159 0.211767 5.52049 0.47217 5.52049V5.99199V6.46349ZM8.95918 0.333984L9.29258 0.000583082L14.9506 5.65859L14.6172 5.99199L14.2838 6.32539L8.62578 0.667386L8.95918 0.333984ZM14.6172 5.99199L14.9506 6.32539L9.29258 11.9834L8.95918 11.65L8.62578 11.3166L14.2838 5.65859L14.6172 5.99199ZM14.6172 5.99199V6.46349H0.47217V5.99199V5.52049H14.6172V5.99199Z"
                        fill="white"
                     />
                  </svg>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<div class="case-gallery section">
   <div class="container">
      <div class="case-gallery__header">
         <div class="case-gallery__header-wrapper">
            <div class="case-gallery__title subtitle">фото и видео</div>
            <div class="case-gallery__subtitle h2-text-heading">посмотрите, как это было</div>
         </div>
      </div>
      <div class="case-gallery__body">
         <div class="case-gallery__slider swiper">
            <div class="case-gallery__slider-wrapper swiper-wrapper">
               <a
                  href="../../images/slider/img0.jpg"
                  data-gallery="gallery1"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img0.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img1.jpg"
                  data-gallery="gallery1"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img1.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img2.jpg"
                  data-gallery="gallery1"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img2.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img1.jpg"
                  data-gallery="gallery1"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img1.jpg" alt="" />
               </a>
               <a
                  href="../../images/slider/img0.jpg"
                  data-gallery="gallery1"
                  class="case-gallery__slide swiper-slide glightbox"
               >
                  <img src="../../images/slider/img0.jpg" alt="" />
               </a>
            </div>
            <div class="case-gallery__pagination"></div>
            <div class="case-gallery__navigation">
               <div class="case-gallery__arrow prev">
                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
                        d="M0.667969 5.99238L0.334567 6.32578L0.00116616 5.99238L0.334567 5.65898L0.667969 5.99238ZM14.813 5.52088C15.0734 5.52088 15.2845 5.73198 15.2845 5.99238C15.2845 6.25279 15.0734 6.46388 14.813 6.46388V5.99238V5.52088ZM6.32598 11.6504L5.99257 11.9838L0.334567 6.32578L0.667969 5.99238L1.00137 5.65898L6.65938 11.317L6.32598 11.6504ZM0.667969 5.99238L0.334567 5.65898L5.99257 0.000974655L6.32598 0.334376L6.65938 0.667778L1.00137 6.32578L0.667969 5.99238ZM0.667969 5.99238V5.52088H14.813V5.99238V6.46388H0.667969V5.99238Z"
                        fill="white"
                     />
                  </svg>
               </div>
               <div class="case-gallery__arrow next">
                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
                        d="M14.6172 5.99199L14.9506 5.65859L15.284 5.99199L14.9506 6.32539L14.6172 5.99199ZM0.47217 6.46349C0.211767 6.46349 0.000669479 6.25239 0.000669479 5.99199C0.000669479 5.73159 0.211767 5.52049 0.47217 5.52049V5.99199V6.46349ZM8.95918 0.333984L9.29258 0.000583082L14.9506 5.65859L14.6172 5.99199L14.2838 6.32539L8.62578 0.667386L8.95918 0.333984ZM14.6172 5.99199L14.9506 6.32539L9.29258 11.9834L8.95918 11.65L8.62578 11.3166L14.2838 5.65859L14.6172 5.99199ZM14.6172 5.99199V6.46349H0.47217V5.99199V5.52049H14.6172V5.99199Z"
                        fill="white"
                     />
                  </svg>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<section class="section contacts-form">
   <div class="container">
      <div class="contacts-form__wrapper">
         <div class="contacts-form__body">
            <div class="contacts-form__form">
               <h3 class="contacts-form__title h3">Давайте сделаем яркое мероприятие вместе</h3>
               <div class="contacts-form__descr text">
                  Оставьте заявку и мы свяжемся с вамив течение 30 минут, чтобы обсудить детали
               </div>
               <form action="" class="callback-form">
                  <div class="callback-form__body">
                     <div class="callback-form__input input">
                        <input type="text" placeholder="Ваше имя" required />
                     </div>
                     <div class="callback-form__input input input--tel">
                        <input type="tel" placeholder="+7 999 999-99-99" required />
                     </div>

                     <div class="callback-form__consent consent-block">
                        <div class="consent-block__ckeckbox">
                           <input type="checkbox" id="consent" class="consent-block__input" />
                           <label for="consent" class="consent-block__label legal-text">
                              <span class="consent-block__label-text"
                                 >Даю  <a href=""> согласие на Обработку персональных данных</a> и ознакомлен(а) с 
                                 <a href="">условиями Политики конфиденциальности</a>
                              </span>
                           </label>
                        </div>
                     </div>

                     <button type="submit" class="callback-form__btn btn">Отправить</button>
                  </div>
               </form>
            </div>
            <div class="contacts-form__manager img-manager">
               <div class="img-manager__bg">
                  <div class="img-manager__img">
                     <img src="../../images/managers/3.png" alt="" />
                  </div>
                  <div class="img-manager__info img-manager--main">
                     <div class="img-manager__name h5">Ирина Гуторова</div>
                     <div class="img-manager__post text">Руководитель отдела продаж</div>
                  </div>
               </div>
               <div class="img-manager__info img-manager--second">
                  <div class="img-manager__name h5">Ирина Гуторова</div>
                  <div class="img-manager__post text">Руководитель отдела продаж</div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="section similar-cases">
   <div class="container">
      <div class="similar-cases__header">
         <div class="similar-cases__title subtitle">похожие проекты</div>
         <div class="similar-cases__subtitle h2-text-heading">смотрите также</div>
      </div>
      <div class="similar-cases__body">
         <div class="similar-cases__list">
            <a href="" class="similar-cases__item cases-item">
               <div class="cases-item__cover">
                  <img src="../../images/cases.jpg" alt="" />
               </div>
               <div class="cases-item__substrate arrow-link">
                  <span class="caption arrow-link__text">Т. Конф</span>
                  <span class="arrow-link__arrow">
                     <img src="../../icons/header/arraw.svg" alt="" />
                  </span>
               </div>
            </a>
            <a href="" class="similar-cases__item cases-item">
               <div class="cases-item__cover">
                  <img src="../../images/cases.jpg" alt="" />
               </div>
               <div class="cases-item__substrate arrow-link">
                  <span class="caption arrow-link__text">Торжественная встреча фитнес-тренеров РУДН</span>
                  <span class="arrow-link__arrow">
                     <img src="../../icons/header/arraw.svg" alt="" />
                  </span>
               </div>
            </a>
            <a href="" class="similar-cases__item cases-item">
               <div class="cases-item__cover">
                  <img src="../../images/cases.jpg" alt="" />
               </div>
               <div class="cases-item__substrate arrow-link">
                  <span class="caption arrow-link__text">Межправительственный совет дорожников</span>
                  <span class="arrow-link__arrow">
                     <img src="../../icons/header/arraw.svg" alt="" />
                  </span>
               </div>
            </a>
         </div>
      </div>
   </div>
</section>

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