script.js

// Mobile Menu Toggle
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');

mobileMenuBtn.addEventListener('click', () => {
    mobileMenu.classList.toggle('hidden');
});

// Close mobile menu when clicking on a link
document.querySelectorAll('#mobile-menu a').forEach(link => {
    link.addEventListener('click', () => {
        mobileMenu.classList.add('hidden');
    });
});

// Navbar background on scroll
const navbar = document.getElementById('navbar');
window.addEventListener('scroll', () => {
    if (window.scrollY > 50) {
        navbar.classList.add('shadow-lg');
        navbar.querySelector('.glass-card').style.background = 'rgba(15, 23, 42, 0.95)';
    } else {
        navbar.classList.remove('shadow-lg');
        navbar.querySelector('.glass-card').style.background = 'rgba(30, 41, 59, 0.4)';
    }
});

// Scroll Reveal Animation
const observerOptions = {
    root: null,
    rootMargin: '0px',
    threshold: 0.1
};

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.classList.add('active');
        }
    });
}, observerOptions);

document.querySelectorAll('.scroll-reveal').forEach((el) => observer.observe(el));

// Smooth scroll 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) {
            target.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    });
});

// Preview Modal Functions
function showPreview(type) {
    const modal = document.getElementById('previewModal');
    const title = document.getElementById('previewTitle');
    const description = document.getElementById('previewDescription');
    
    const previews = {
        gym: {
            title: 'PowerFit Gym - Preview',
            desc: 'Features: Class schedules, Trainer profiles, Membership signup, Contact forms'
        },
        coaching: {
            title: 'Success Coaching - Preview',
            desc: 'Features: Course listings, Success stories, Enrollment forms, Testimonials'
        },
        cafe: {
            title: 'Brew & Bite Café - Preview',
            desc: 'Features: Digital menu, Reservation system, Photo gallery, Location map'
        }
    };
    
    title.textContent = previews[type].title;
    description.textContent = previews[type].desc;
    modal.classList.remove('hidden');
    document.body.style.overflow = 'hidden';
    
    // Re-initialize icons in modal
    if (typeof lucide !== 'undefined') {
        lucide.createIcons();
    }
}

function closePreview() {
    const modal = document.getElementById('previewModal');
    modal.classList.add('hidden');
    document.body.style.overflow = 'auto';
}

// Close modal on escape key
document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') {
        closePreview();
    }
});

// Add glow effect to buttons on mouse move
document.querySelectorAll('.glow-button').forEach(button => {
    button.addEventListener('mousemove', (e) => {
        const rect = button.getBoundingClientRect();
        const x = e.clientX - rect.left;
        const y = e.clientY - rect.top;
        
        button.style.setProperty('--x', `${x}px`);
        button.style.setProperty('--y', `${y}px`);
    });
});

// Counter animation for stats
function animateCounter(element, target, duration = 2000) {
    let start = 0;
    const increment = target / (duration / 16);
    
    const timer = setInterval(() => {
        start += increment;
        if (start >= target) {
            element.textContent = target + '+';
            clearInterval(timer);
        } else {
            element.textContent = Math.floor(start) + '+';
        }
    }, 16);
}

// Trigger counter animation when stats section is visible
const statsObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting && !entry.target.classList.contains('counted')) {
            entry.target.classList.add('counted');
            const counter = entry.target.querySelector('.text-3xl');
            if (counter && counter.textContent.includes('50')) {
                animateCounter(counter, 50);
            }
        }
    });
}, { threshold: 0.5 });

// Observe stats card if it exists
document.querySelectorAll('.glass-card .text-3xl').forEach(el => {
    if (el.textContent.includes('50')) {
        statsObserver.observe(el.closest('.glass-card'));
    }
});

// Form validation for contact (if forms are added later)
function validateEmail(email) {
    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return re.test(email);
}

// Console welcome message
console.log('%c❄️ Snow Web Development', 'color: #3b82f6; font-size: 24px; font-weight: bold;');
console.log('%cPremium websites delivered in 2 days!', 'color: #94a3b8; font-size: 14px;');
console.log('%cContact us: contact@snowweb.dev', 'color: #60a5fa; font-size: 12px;');