<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/styles.css">
    <title>Neo Eat</title>
</head>
<body>
    <header class="navbar">
        <div class="logo">
            <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
        </div>
        <nav class="nav-links">
            <a href="#" class="nav-link">Accueil</a>
            <a href="#" class="nav-link">Menu</a>
            <a href="#" class="nav-link">À propos</a>
            <a href="#" class="nav-link">Contact</a>
            <a href="#" class="nav-link reserve-btn">Réserver une table</a>
        </nav>

        <!-- BARRE DU MENU BURGER -->
        <div class="burger-menu">
            <div class="bar"></div>
            <div class="bar"></div>
            <div class="bar"></div>
        </div>
    </header>

    <div class="content">
        <!-- Vidéo et message de bienvenue -->
        <section class="welcome-section">
            <h1>Bienvenue chez Neo Eat !</h1>
            <video controls autoplay class="welcome-video">
                <source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
                Votre navigateur ne supporte pas les vidéos.
            </video>
        </section>

        <!-- Section des chefs -->
        <section class="chef-section">
            <h2>Nos créateurs culinaires</h2>
            <div class="chef-container">
                <div class="chef">
                    <h3>Philippe Etchebest</h3>
                    <img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
                    <p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
                </div>

                <div class="chef">
                    <h3>Cyril Lignac</h3>
                    <img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
                    <p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
                </div>

                <div class="chef">
                    <h3>Gordon Ramsay</h3>
                    <img src="../img/ChefCuisto/GordonRamsay.jpg" alt="Chef Gordon Ramsay">
                    <p>Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.</p>
                </div>

                <div class="chef">
                    <h3>Thierry Marx</h3>
                    <img src="../img/ChefCuisto/ThierryMarx.jpg" alt="Chef Thierry Marx">
                    <p>Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.</p>
                </div>
            </div>
            <div class="voir-plus">
                <a href="#" class="voir-plus-btn">Voir plus de chefs</a>
            </div>
        </section>

        <section class="plats-populaires">
            <h2>Nos plats les plus populaires</h2>
            <div class="plat-container">
                <div class="plat">
                    <h3>Filet de bar et courgette</h3>
                    <img src="../img/Plat/Plat1.png" alt="Plat 1">
                    <p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
                </div>
        
                <div class="plat">
                    <h3>Pâtes à la truffe</h3>
                    <img src="../img/Plat/Plat2.png" alt="Plat 2">
                    <p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
                </div>
        
                <div class="plat">
                    <h3>Burger Ritz</h3>
                    <img src="../img/Plat/Plat3.png" alt="Plat 3">
                    <p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
                </div>
    </div>
    <div class="voir-plus">
        <a href="#" class="voir-plus-btn">Voir plus de plats</a>
    </div>
    </section>
    <footer class="footer">
        <p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
    </footer>

    <script src="../js/script.js"></script>
    <button id="scrollTopBtn" onclick="scrollToTop()">
        <span>&uarr;</span>
    </button>

</body>
</html>