| document.addEventListener('DOMContentLoaded', function() { |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| const targetId = this.getAttribute('href'); |
| const targetElement = document.querySelector(targetId); |
| |
| window.scrollTo({ |
| top: targetElement.offsetTop - 80, |
| behavior: 'smooth' |
| }); |
| }); |
| }); |
| |
| |
| const contactForm = document.querySelector('form'); |
| if (contactForm) { |
| contactForm.addEventListener('submit', function(e) { |
| e.preventDefault(); |
| |
| |
| const name = document.getElementById('name').value; |
| const email = document.getElementById('email').value; |
| const message = document.getElementById('message').value; |
| |
| |
| console.log('Form submitted:', { name, email, message }); |
| |
| |
| alert('Thank you for your message! We will get back to you soon.'); |
| |
| |
| contactForm.reset(); |
| }); |
| } |
| |
| |
| const mobileMenuButton = document.querySelector('.mobile-menu-button'); |
| const navLinks = document.querySelector('.nav-links'); |
| |
| if (mobileMenuButton && navLinks) { |
| mobileMenuButton.addEventListener('click', function() { |
| navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex'; |
| }); |
| } |
| }); |