script.js

// Initialize cards with random placeholder images
document.addEventListener('DOMContentLoaded', () => {
    const cards = document.querySelectorAll('.card-image');
    cards.forEach((card, index) => {
        card.src = `http://static.photos/technology/640x360/${index + 1}`;
    });

    // Initialize feather icons
    if (window.feather) {
        feather.replace();
    }
});
// Card hover animation
document.querySelectorAll('.card-container').forEach(container => {
    container.addEventListener('mouseenter', () => {
        container.querySelector('.card').style.transform = 'translateY(-10px)';
        container.querySelector('.card').style.boxShadow = '0 25px 50px -12px rgba(0, 0, 0, 0.25)';
    });
    
    container.addEventListener('mouseleave', () => {
        container.querySelector('.card').style.transform = '';
        container.querySelector('.card').style.boxShadow = '';
    });
});