Изменил карочки с услугами: изменил названия и позиции, добавил новые;

Изменил главный цвет сайта;
Изменил высоту слайдера и его анимацию

assets/js/main.js

@@ -72,6 +72,7 @@ function initMobileMenu() {
 
 // Hero Slider
 function initHeroSlider() {
+    const slidesContainer = document.querySelector('.hero-slides-container');
     const slides = document.querySelectorAll('.hero-slide');
     const navBtns = document.querySelectorAll('.hero-nav-btn');
     const prevBtn = document.querySelector('.hero-arrow-prev');
@@ -79,20 +80,22 @@ function initHeroSlider() {
     let currentSlide = 0;
     let slideInterval;
     
-    if (slides.length === 0) return;
+    if (slides.length === 0 || !slidesContainer) return;
     
     // Function to show specific slide
     function showSlide(index) {
-        // Remove active class from all slides and nav buttons
-        slides.forEach(slide => slide.classList.remove('active'));
+        // Remove active class from all nav buttons
         navBtns.forEach(btn => btn.classList.remove('active'));
         
-        // Add active class to current slide and nav button
-        slides[index].classList.add('active');
+        // Add active class to current nav button
         if (navBtns[index]) {
             navBtns[index].classList.add('active');
         }
         
+        // Move slides container
+        const translateX = -index * 100;
+        slidesContainer.style.transform = `translateX(${translateX}%)`;
+        
         currentSlide = index;
     }
     
@@ -110,7 +113,7 @@ function initHeroSlider() {
     
     // Auto-play functionality
     function startAutoPlay() {
-        slideInterval = setInterval(nextSlide, 5000); // Change slide every 5 seconds
+        slideInterval = setInterval(nextSlide, 7000); // Change slide every 7 seconds
     }
     
     function stopAutoPlay() {
@@ -411,6 +414,7 @@ function initServiceModal() {
     const modalTitle = modal.querySelector('.modal-title');
     const modalDescription = modal.querySelector('.modal-description');
     const modalProcedures = document.getElementById('modal-procedures');
+    const modalNote = document.getElementById('modal-note');
     
     let scrollPosition = 0;
     
@@ -437,6 +441,14 @@ function initServiceModal() {
                     modalProcedures.appendChild(li);
                 });
                 
+                // Обрабатываем примечание
+                if (serviceData.note) {
+                    modalNote.innerHTML = serviceData.note;
+                    modalNote.style.display = 'block';
+                } else {
+                    modalNote.style.display = 'none';
+                }
+                
                 // Блокируем скролл страницы
                 document.body.style.position = 'fixed';
                 document.body.style.top = `-${scrollPosition}px`;