Update script.js

script.js

@@ -1,5 +1,5 @@
-// Плавный скролл для навигации
-document.querySelectorAll('.nav a').forEach(anchor => {
+// Плавный скролл
+document.querySelectorAll('a[href^="#"]').forEach(anchor => {
     anchor.addEventListener('click', function(e) {
         e.preventDefault();
         const section = document.querySelector(this.getAttribute('href'));
@@ -7,25 +7,25 @@ document.querySelectorAll('.nav a').forEach(anchor => {
     });
 });
 
-// Анимация появления карточек при прокрутке
-const cards = document.querySelectorAll('.service-card');
+// Анимация при скролле
 const observer = new IntersectionObserver((entries) => {
     entries.forEach(entry => {
         if (entry.isIntersecting) {
-            entry.target.style.opacity = '1';
-            entry.target.style.transform = 'translateY(0)';
+            entry.target.classList.add('visible');
         }
     });
-}, { threshold: 0.5 });
+}, { threshold: 0.1 });
 
-cards.forEach(card => {
-    card.style.opacity = '0';
-    card.style.transform = 'translateY(50px)';
-    card.style.transition = 'all 0.5s ease-in-out';
-    observer.observe(card);
+document.querySelectorAll('.service-card, .portfolio-item').forEach(element => {
+    observer.observe(element);
 });
 
-// Кнопка CTA с эффектом
-document.querySelector('.cta-btn').addEventListener('click', () => {
-    alert('Спасибо за интерес! Свяжитесь с нами для обсуждения проекта.');
+// Изменение шапки при скролле
+window.addEventListener('scroll', () => {
+    const header = document.querySelector('.header');
+    if (window.scrollY > 50) {
+        header.classList.add('scrolled');
+    } else {
+        header.classList.remove('scrolled');
+    }
 });