document.addEventListener('DOMContentLoaded', () => {
    const navLinks = document.querySelectorAll('.nav-link');
    const pages = document.querySelectorAll('.page');

    navLinks.forEach(link => {
        link.addEventListener('click', (e) => {
            e.preventDefault();
            const tab = link.getAttribute('data-tab');

            navLinks.forEach(l => l.classList.remove('active'));
            link.classList.add('active');

            pages.forEach(p => p.classList.remove('active'));
            document.getElementById(tab).classList.add('active');
        });
    });

    // Dummy data for calendar
    const calendar = document.getElementById('streak-calendar');
    for (let i = 0; i < 35; i++) {
        const day = document.createElement('div');
        day.classList.add('calendar-day');
        if (Math.random() > 0.7) {
            day.classList.add('active');
        }
        calendar.appendChild(day);
    }
});