feat: добавить слайдер для преимуществ, фонты и portable setup

- Интегрирован Swiper.js для слайдера преимуществ
- Обновлены преимущества: добавлены новые элементы и улучшена структура
- Добавлены новые шрифты (BerlinType, Noah) и подключены стили
- Добавлен start.bat для автоматической настройки Python, Git и запуска проекта

templates/home/_fragments/advantages.html

@@ -3,20 +3,59 @@
     <div class="container">
         <div class="advantages-list">
             <h2 class="advantages-title">ПОЧЕМУ ВЫБИРАЮТ НАС?</h2>
-            <div class="advantages-item">
-                <div class="advantages-item-number">1</div>
-                <h3 class="advantages-item-title">КАЧЕСТВЕННЫЙ ТОВАР</h3>
-                <p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
-            </div>
-            <div class="advantages-item">
-                <div class="advantages-item-number">2</div>
-                <h3 class="advantages-item-title">ЧЕСТНАЯ ГАРАНТИЯ</h3>
-                <p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
-            </div>
-            <div class="advantages-item">
-                <div class="advantages-item-number">3</div>
-                <h3 class="advantages-item-title">БЫСТРАЯ ДОСТАВКА</h3>
-                <p class="advantages-item-subtitle">Огромный выбор сантехники в наличии и доставка со склада</p>
+            <div class="advantages-right">
+                <div class="advantages-nav">
+                    <button class="advantages-nav-btn advantages-nav-prev" id="advantages-nav-prev"
+                            aria-label="Previous">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                             stroke-width="2">
+                            <polyline points="15 18 9 12 15 6"></polyline>
+                        </svg>
+                    </button>
+                    <button class="advantages-nav-btn advantages-nav-next" id="advantages-nav-next" aria-label="Next">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                             stroke-width="2">
+                            <polyline points="9 18 15 12 9 6"></polyline>
+                        </svg>
+                    </button>
+                </div>
+
+                <div class="advantages-carousel">
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">1</div>
+                            <h3 class="advantages-item-title">КАЧЕСТВЕННЫЙ ТОВАР</h3>
+                            <p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
+                        </div>
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">2</div>
+                            <h3 class="advantages-item-title">ЧЕСТНАЯ ГАРАНТИЯ</h3>
+                            <p class="advantages-item-subtitle">Гарантия на все товары от 1 до 5 лет</p>
+                        </div>
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">3</div>
+                            <h3 class="advantages-item-title">БЫСТРАЯ ДОСТАВКА</h3>
+                            <p class="advantages-item-subtitle">Огромный выбор сантехники в наличии и доставка со
+                                склада</p>
+                        </div>
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">4</div>
+                            <h3 class="advantages-item-title">САМОВЫВОЗ</h3>
+                            <p class="advantages-item-subtitle">Ниже, удобный самовывоз из Минска</p>
+                        </div>
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">5</div>
+                            <h3 class="advantages-item-title">ИНДИВИДУАЛЬНЫЙ ПОДХОД</h3>
+                            <p class="advantages-item-subtitle">Каждый заказ мы прорабатываем и обсуждаем с клиентом
+                                индивидуально</p>
+                        </div>
+                        <div class="swiper-slide advantages-item">
+                            <div class="advantages-item-number">6</div>
+                            <h3 class="advantages-item-title">ПРОЗРАЧНЫЕ УСЛОВИЯ</h3>
+                            <p class="advantages-item-subtitle">Регулярные акции и скидки для постоянных клиентов</p>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -24,19 +63,34 @@
             <div class="advantages-card advantages-card-left">
                 <div class="advantages-card-content">
                     <div class="flex-right">
-                        <div class="advantages-card-splash">Новинки в каталоге</div>
+                        <h3 class="advantages-card-splash">Новинки в каталоге</h3>
                         <h2 class="advantages-card-title text-align-right">Сантехническое оборудование</h2>
-                        <a href="/catalog/#santechnics" class="advantages-card-button">Смотреть</a>
+                        <a href="/catalog?category=plumbing" class="advantages-card-button">Смотреть</a>
                     </div>
                 </div>
             </div>
             <div class="advantages-card advantages-card-right">
                 <div class="advantages-card-content">
-                    <div class="advantages-card-splash">Большая распродажа</div>
+                    <h3 class="advantages-card-splash">Большая распродажа</h3>
                     <h2 class="advantages-card-title">Предметы декора</h2>
-                    <a href="/catalog/#santechnics" class="advantages-card-button">Смотреть</a>
+                    <a href="/catalog?category=decoration" class="advantages-card-button">Смотреть</a>
                 </div>
             </div>
         </div>
     </div>
-</section>
+</section>
+
+<script>
+    const swiper = new Swiper('.advantages-carousel', {
+        slidesPerView: 3,
+        slidesPerGroup: 1,
+        loop: false,
+        effect: 'slide',
+
+        // Navigation arrows
+        navigation: {
+            nextEl: '#advantages-nav-next',
+            prevEl: '#advantages-nav-prev',
+        },
+    });
+</script>