| document.addEventListener('DOMContentLoaded', () => { |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function(e) { |
| e.preventDefault(); |
| const targetId = this.getAttribute('href'); |
| if (targetId === '#') return; |
| |
| const targetElement = document.querySelector(targetId); |
| if (targetElement) { |
| targetElement.scrollIntoView({ |
| behavior: 'smooth', |
| block: 'start' |
| }); |
| } |
| }); |
| }); |
|
|
| |
| const animateOnScroll = () => { |
| const elements = document.querySelectorAll('.scroll-animate'); |
| elements.forEach(element => { |
| const elementPosition = element.getBoundingClientRect().top; |
| const windowHeight = window.innerHeight; |
| |
| if (elementPosition < windowHeight - 100) { |
| element.classList.add('fade-in'); |
| } |
| }); |
| }; |
|
|
| window.addEventListener('scroll', animateOnScroll); |
| animateOnScroll(); |
|
|
| |
| const contactForm = document.querySelector('form'); |
| if (contactForm) { |
| contactForm.addEventListener('submit', (e) => { |
| e.preventDefault(); |
| |
| alert('Thank you for your message! We will get back to you soon.'); |
| contactForm.reset(); |
| }); |
| } |
| }); |