| // Smooth scroll for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Track form submissions | |
| document.querySelector('form')?.addEventListener('submit', (e) => { | |
| e.preventDefault(); | |
| const email = e.target.querySelector('input[type="email"]').value; | |
| console.log('User signed up with email:', email); | |
| // Here you would typically send to your backend | |
| alert('Thanks for signing up! We\'ll be in touch soon.'); | |
| e.target.reset(); | |
| }); | |
| // Intersection Observer for animations | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fadeIn'); | |
| } | |
| }); | |
| }, { threshold: 0.1 }); | |
| document.querySelectorAll('.fade-in').forEach(el => { | |
| observer.observe(el); | |
| }); |