Spaces:
Running
Running
| document.addEventListener('DOMContentLoaded', function() { | |
| // Initialize Feather Icons | |
| feather.replace(); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const target = document.querySelector(this.getAttribute('href')); | |
| if (target) { | |
| window.scrollTo({ | |
| top: target.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Download button animation | |
| const downloadButtons = document.querySelectorAll('button.px-6.py-3, button.px-8.py-4'); | |
| downloadButtons.forEach(button => { | |
| button.addEventListener('mouseenter', function() { | |
| this.classList.add('scale-105'); | |
| }); | |
| button.addEventListener('mouseleave', function() { | |
| this.classList.remove('scale-105'); | |
| }); | |
| }); | |
| // Feature cards animation | |
| const featureCards = document.querySelectorAll('.grid.grid-cols-1.md\\:grid-cols-3 > div'); | |
| featureCards.forEach((card, index) => { | |
| card.style.transitionDelay = `${index * 0.1}s`; | |
| card.addEventListener('mouseenter', function() { | |
| this.style.transform = 'translateY(-10px)'; | |
| }); | |
| card.addEventListener('mouseleave', function() { | |
| this.style.transform = 'translateY(0)'; | |
| }); | |
| }); | |
| }); | |