diff --git a/assets/css/main.css b/assets/css/main.css
index e675ab8..b45455e 100644
--- a/assets/css/main.css
+++ b/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 {
diff --git a/assets/images/about.jpg b/assets/images/about.jpg
new file mode 100644
index 0000000..5390695
Binary files /dev/null and b/assets/images/about.jpg differ
diff --git a/assets/images/helix-logo.svg b/assets/images/helix-logo.svg
new file mode 100644
index 0000000..6637133
--- /dev/null
+++ b/assets/images/helix-logo.svg
@@ -0,0 +1,11 @@
+
diff --git a/assets/images/hero-1.jpg b/assets/images/hero-1.jpg
new file mode 100644
index 0000000..262d536
Binary files /dev/null and b/assets/images/hero-1.jpg differ
diff --git a/assets/images/hero-2.jpg b/assets/images/hero-2.jpg
new file mode 100644
index 0000000..d020714
Binary files /dev/null and b/assets/images/hero-2.jpg differ
diff --git a/assets/images/hero-3.jpg b/assets/images/hero-3.jpg
new file mode 100644
index 0000000..0b234ac
Binary files /dev/null and b/assets/images/hero-3.jpg differ
diff --git a/assets/js/main.js b/assets/js/main.js
index 2c8c2f4..12384c8 100644
--- a/assets/js/main.js
+++ b/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) {
diff --git a/index.html b/index.html
index 64533c0..1a9e5f2 100644
--- a/index.html
+++ b/index.html
@@ -403,7 +403,7 @@
+ 
Официальный партнер HELIX