// 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' }); }); }); // Intersection Observer for animations const animateElements = document.querySelectorAll('.project-card, section'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-fade-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); animateElements.forEach(element => { observer.observe(element); }); // Form handling const form = document.querySelector('form'); if (form) { form.addEventListener('submit', (e) => { e.preventDefault(); const formData = new FormData(form); // Here you would normally send the data to a server alert('Thank you for your message! I will get back to you soon.'); form.reset(); }); }