Spaces:
Running
Running
| // Testimonial slider functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Form submission handling | |
| const form = document.getElementById('consultation-form'); | |
| if (form) { | |
| form.addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // In a real application, you would send this data to a server | |
| alert('Thank you for booking your free consultation! We will contact you shortly to confirm your appointment.'); | |
| form.reset(); | |
| }); | |
| } | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Animation on scroll | |
| const observerOptions = { | |
| root: null, | |
| rootMargin: '0px', | |
| threshold: 0.1 | |
| }; | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fade-in'); | |
| } | |
| }); | |
| }, observerOptions); | |
| document.querySelectorAll('section > div').forEach(section => { | |
| observer.observe(section); | |
| }); | |
| }); |