feat: added why-program

index.html

@@ -833,6 +833,115 @@
           </div>
         </div>
       </section>
+
+      <section class="why-program">
+        <div class="container">
+          <div class="tag">Эффективность программы</div>
+
+          <h2 class="why-program__title">
+            Почему программа 12 шагов <br />
+            <span>эффективна для лечения зависимостей</span>
+          </h2>
+
+          <div class="why-program__video">
+            <div class="why-program__video-content">
+              <iframe
+                width="560"
+                height="315"
+                src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
+                title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                referrerpolicy="strict-origin-when-cross-origin"
+                allowfullscreen
+              ></iframe>
+            </div>
+            <div class="why-program__video-text">
+              <b>
+                Ее принципы основаны на самопомощи, взаимной поддержке и укреплении силы воли через
+                самовнушение или веру во внешние силы по выбору человека.
+              </b>
+              Программа нацелена не только на избавление от конкретной зависимости, но и на
+              выработку новых сценариев жизни, в которых нет места пагубной привычке
+            </div>
+          </div>
+
+          <div class="why-program__slider">
+            <div class="swiper">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Компклесный подход</h3>
+                    <p class="why-program__slide-text">
+                      Участник программы проходит детоксикацию организма под наблюдением врача, а
+                      также избавляется от триггеров провоцирующих зависимость
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Восстановление личности</h3>
+                    <p class="why-program__slide-text">
+                      Повышается самооценка, восстанавливается гармония и баланс в жизни,
+                      вырабатываются новые здоровые жизненные ценности и приоритеты
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Формирование новых стратегий</h3>
+                    <p class="why-program__slide-text">
+                      Участники учатся управлять желаниями и эмоциями, распознавать триггеры,
+                      провоцирующие тягу. Они вырабатывают новые здоровые стратегии построения жизни
+                      без зависимостей
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Устранение первопричин</h3>
+                    <p class="why-program__slide-text">
+                      Человек осознает истоки зависимого поведения: деструктивные внутренние
+                      убеждения, психологические травмы, стрессовые ситуации из прошлого. Это
+                      помогает предотвратить будущие срывы после реабилитации
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Пожизненное сопровождение</h3>
+                    <p class="why-program__slide-text">
+                      После завершения программы центр продолжает сопровождать выпускников, помогая
+                      им с ресоциализацией, трудоустройством, налаживанием быта. Организуются
+                      регулярные встречи, консультации в случае рецидивов
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="why-program__slide">
+                    <h3 class="why-program__slide-title">Групповая поддержка</h3>
+                    <p class="why-program__slide-text">
+                      Участники мотивируют и вдохновляют друг друга. На примере реальных ситуаций
+                      они отрабатывают навыки преодоления тяги и могут получить помощь тех, кто уже
+                      прошел этот путь
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="why-program__slider-controls">
+            <button class="button button--prev"></button>
+            <button class="button button--next"></button>
+          </div>
+        </div>
+      </section>
     </main>
 
     <script src="./assets/js/swiper-bundle.min.js" defer></script>