Обновление стилей и функционала главной страницы, добавление новых изображений и замена логотипа на SVG

assets/css/main.css

@@ -222,6 +222,7 @@ a:hover {
     height: 100vh;
     overflow: hidden;
     margin-top: 80px;
+    background-color: var(--secondary-color);
 }
 
 .hero-slider {
@@ -260,7 +261,7 @@ a:hover {
 .hero-content {
     position: relative;
     z-index: 2;
-    width: 50%;
+    width: 40%;
     padding: 2rem;
 }
 
@@ -282,15 +283,20 @@ a:hover {
 
 .hero-buttons {
     display: flex;
-    gap: 1rem;
+    gap: 0.75rem;
     flex-wrap: wrap;
 }
 
+.hero-buttons .btn {
+    padding: 10px 20px;
+    font-size: 0.9rem;
+}
+
 .hero-image {
     position: absolute;
     top: 0;
     right: 0;
-    width: 50%;
+    width: 60%;
     height: 100%;
     z-index: 1;
 }
@@ -812,34 +818,52 @@ a:hover {
     }
     
     .hero {
-        height: 80vh;
+        height: 100vh;
         margin-top: 80px;
     }
     
     .hero-slide {
         flex-direction: column;
         text-align: center;
-        padding: 2rem 0;
+        padding: 0;
+        background: none;
+    }
+    
+    .hero-slide::before {
+        display: none;
     }
     
     .hero-content {
         width: 100%;
-        padding: 1rem;
+        padding: 1rem 1.5rem 2rem;
+        background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     }
     
     .hero-image {
         position: relative;
         width: 100%;
-        height: 50%;
+        height: 65%;
         order: -1;
     }
     
     .hero-title {
-        font-size: 2.5rem;
+        font-size: 2rem;
+        margin-bottom: 1rem;
+    }
+    
+    .hero-subtitle {
+        font-size: 1rem;
+        margin-bottom: 1.5rem;
     }
     
     .hero-buttons {
         justify-content: center;
+        gap: 0.75rem;
+    }
+    
+    .hero-buttons .btn {
+        padding: 10px 20px;
+        font-size: 0.9rem;
     }
     
     .services-grid {

assets/images/helix-logo.svg

@@ -0,0 +1,11 @@
+<svg width="270" height="270" viewBox="0 0 270 270" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12_10)">
+<rect width="270" height="270" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M75.6063 -0.0139999C72.0313 0.495 65.0563 2.265 60.1063 3.918C34.2193 12.564 19.5133 27.786 13.8783 51.769C11.1673 63.31 11.4383 91.922 14.3853 105.15C18.8543 125.215 27.3273 145.551 37.9943 161.812L43.5693 170.312L43.5883 197.562L43.6063 224.812H75.1823H106.758L123.932 233.242C144.513 243.345 164.491 251.068 186.011 257.241C203.557 262.273 227.536 267.407 237.606 268.286C243.625 268.811 242.984 268.521 228.952 264.364C170.038 246.915 119.396 219.736 86.1763 187.739C65.6633 167.982 51.2153 145.169 40.5963 115.773C34.0723 97.714 32.1163 86.727 32.1463 68.312C32.1753 50.745 33.4163 44.021 38.5353 33.687C42.3833 25.92 46.0893 21.455 53.1063 16.135C63.2933 8.41 75.5263 2.959 88.6063 0.313999L95.1063 -1L88.6063 -0.971001C85.0313 -0.954001 79.1813 -0.524 75.6063 -0.0139999ZM154.606 6.696C177.64 14.989 196.633 26.751 216.106 44.782C231.139 58.702 243.584 73.744 252.584 88.873L257.605 97.312V50.062L257.606 2.812L200.856 2.864L144.106 2.915L154.606 6.696ZM112.606 28.245C90.3203 34.456 76.0633 56.939 79.6033 80.291C82.9783 102.56 95.6963 124.71 118.106 147.349C136.371 165.801 151.842 176.755 176.106 188.413C197.874 198.872 225.058 207.159 247.356 210.131L257.606 211.498V189.571C257.606 177.512 257.269 167.816 256.856 168.024C241.425 175.805 233.917 177.434 218.106 176.429C184.672 174.305 152.857 158.701 127.383 131.932C107.733 111.283 96.3823 86.94 97.9903 68.894C98.8653 59.074 105.918 49.992 116.606 44.921C121.617 42.544 123.172 42.318 134.106 42.374C144.439 42.428 147.187 42.811 153.889 45.128C176.746 53.033 197.141 67.675 210.648 85.876C220.298 98.88 226.702 116.088 225.104 124.725C223.341 134.256 219.329 137.812 210.337 137.812C191.851 137.812 164.764 119.718 154.543 100.542C150.074 92.157 149.351 82.885 152.772 77.812C155.774 73.36 160.81 70.897 168.797 69.975C174.872 69.273 175.013 69.194 172.606 67.839C169.139 65.888 158.203 66.071 151.919 68.186C143.518 71.012 137.63 79.149 137.612 87.957C137.609 89.411 138.506 93.517 139.607 97.08C145.226 115.271 166.764 136.359 188.651 145.098C198.117 148.878 204.002 150.042 213.606 150.036C227.579 150.026 235.422 145.975 240.141 136.33C242.228 132.064 242.822 129.401 242.794 124.44C242.602 91.125 188.885 39.959 142.403 28.815C132.959 26.551 119.601 26.295 112.606 28.245ZM245.356 269.474C246.044 269.752 247.169 269.752 247.856 269.474C248.544 269.197 247.981 268.97 246.606 268.97C245.231 268.97 244.669 269.197 245.356 269.474Z" fill="#00BE6E"/>
+</g>
+<defs>
+<clipPath id="clip0_12_10">
+<rect width="270" height="270" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/js/main.js

@@ -196,7 +196,7 @@ function initNavbarScroll() {
     const header = document.querySelector('.header');
     let lastScrollY = window.scrollY;
     
-    window.addEventListener('scroll', () => {
+    const handleScroll = throttle(() => {
         const currentScrollY = window.scrollY;
         
         if (currentScrollY > 100) {
@@ -215,7 +215,9 @@ function initNavbarScroll() {
         }
         
         lastScrollY = currentScrollY;
-    });
+    }, 16); // ~60fps
+    
+    window.addEventListener('scroll', handleScroll, { passive: true });
 }
 
 // Initialize Yandex Map
@@ -315,7 +317,7 @@ function initActiveNavigation() {
         });
     }, 100);
     
-    window.addEventListener('scroll', highlightNavigation);
+    window.addEventListener('scroll', highlightNavigation, { passive: true });
 }
 
 // Initialize active navigation
@@ -388,34 +390,6 @@ document.addEventListener('DOMContentLoaded', initImageLoading);
 
 // Accessibility improvements
 function initAccessibility() {
-    // Skip to main content link
-    const skipLink = document.createElement('a');
-    skipLink.href = '#main';
-    skipLink.textContent = 'Перейти к основному содержанию';
-    skipLink.className = 'skip-link';
-    skipLink.style.cssText = `
-        position: absolute;
-        top: -40px;
-        left: 6px;
-        background: #218F36;
-        color: white;
-        padding: 8px;
-        text-decoration: none;
-        border-radius: 4px;
-        z-index: 1001;
-        transition: top 0.3s;
-    `;
-    
-    skipLink.addEventListener('focus', function() {
-        this.style.top = '6px';
-    });
-    
-    skipLink.addEventListener('blur', function() {
-        this.style.top = '-40px';
-    });
-    
-    document.body.insertBefore(skipLink, document.body.firstChild);
-    
     // Add main id to main element
     const main = document.querySelector('main');
     if (main && !main.id) {