main.js

// main.js - Pour la page d'accueil
document.addEventListener('DOMContentLoaded', function() {
    // Navigation fluide
    document.querySelectorAll('nav a').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });

    // Gestion des boutons "commandez" du menu
    document.querySelectorAll('button[type="button"]').forEach(button => {
        if (button.textContent.toLowerCase().includes('commandez')) {
            button.addEventListener('click', function() {
                const plat = this.closest('div').querySelector('h4').textContent;
                alert(`🎌 ${plat} ajouté à votre commande !`);
                // Ici vous pourriez rediriger vers la page de commande
            });
        }
    });

    // Animation des sections
    const observerOptions = {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    };

    const observer = new IntersectionObserver(function(entries) {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.opacity = '1';
                entry.target.style.transform = 'translateY(0)';
            }
        });
    }, observerOptions);

    // Observer les sections
    document.querySelectorAll('section').forEach(section => {
        section.style.opacity = '0';
        section.style.transform = 'translateY(20px)';
        section.style.transition = 'all 0.6s ease';
        observer.observe(section);
    });
});