document.addEventListener('DOMContentLoaded', function() { // Animate elements on scroll const animateOnScroll = function() { const elements = document.querySelectorAll('.animate-on-scroll'); elements.forEach(element => { const elementPosition = element.getBoundingClientRect().top; const screenPosition = window.innerHeight / 1.3; if (elementPosition < screenPosition) { element.classList.add('animate-fade-in'); } }); }; // Run once on load animateOnScroll(); // Run on scroll window.addEventListener('scroll', animateOnScroll); // Mobile menu toggle document.addEventListener('click', function(e) { const mobileMenuButton = e.target.closest('#mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); if (mobileMenuButton && mobileMenu) { mobileMenu.classList.toggle('open'); const icon = mobileMenuButton.querySelector('i'); if (mobileMenu.classList.contains('open')) { feather.replace({ name: 'x' }); } else { feather.replace({ name: 'menu' }); } } }); // Form submission const form = document.querySelector('form'); if (form) { form.addEventListener('submit', function(e) { e.preventDefault(); // Here you would typically send the form data to your server alert('Спасибо! Мы свяжемся с вами в ближайшее время.'); form.reset(); }); } });