</div>
</div>
</div>
</footer>
</div>
<script>
// Simple animation on scroll
document.addEventListener('DOMContentLoaded', function() {
const animateElements = document.querySelectorAll('.animate-fade-in');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = 1;
entry.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });
animateElements.forEach(el => {
el.style.opacity = 0;
el.style.transform = 'translateY(10px)';
el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
observer.observe(el);
});
// Route card hover effects
const routeCards = document.querySelectorAll('.route-card');
routeCards.forEach(card => {
card.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';
});
});
</script>
</body>
</html>