Create script.js

script.js

@@ -0,0 +1,31 @@
+// Плавный скролл для навигации
+document.querySelectorAll('.nav a').forEach(anchor => {
+    anchor.addEventListener('click', function(e) {
+        e.preventDefault();
+        const section = document.querySelector(this.getAttribute('href'));
+        section.scrollIntoView({ behavior: 'smooth' });
+    });
+});
+
+// Анимация появления карточек при прокрутке
+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)';
+        }
+    });
+}, { threshold: 0.5 });
+
+cards.forEach(card => {
+    card.style.opacity = '0';
+    card.style.transform = 'translateY(50px)';
+    card.style.transition = 'all 0.5s ease-in-out';
+    observer.observe(card);
+});
+
+// Кнопка CTA с эффектом
+document.querySelector('.cta-btn').addEventListener('click', () => {
+    alert('Спасибо за интерес! Свяжитесь с нами для обсуждения проекта.');
+});