@@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 section">
   <div class="container"></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>

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