<?php include("views/components/head.php"); ?>

<!-- Contenu principal de ta page Contact-->
<main class="contact">

    <!-- Ton image d'entête avec le logo à l'intérieur -->
    <div class="img-entete">
        <img src="public/img/pub-chic.png" alt="image PubG6">
        <div class="logo-entete">
            <img src="public/img/logo.png" alt="Logo">
        </div>
    </div>

    <!-- Informations du restaurant et location dynamique avec carte GoogleMap -->
    <div class="infos-et-map">
        <div>
            <h1>NOUS CONTACTER</h1>
            <h2>Une ambience festive et relax, venez nous voir</h2>
        </div>

        <div class="separateur"></div> <!-- Séparateur -->

        <div class="info">
            <h1>PUBG6</h1>
            <p>Adresse : 297, rue st-Georges, Saint-Jérome (Québec) J7Z 5A2</p>
            <p>Téléphone : 450-436-1531</p>
            <p>www.pubg6.com</p>
        </div>

        <h2>Location</h2>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5565.49356842401!2d-74.0030156!3d45.7762647!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccf2ca136664c05%3A0x90430ecdc061500!2s297%20Rue%20Saint-Georges%2C%20Saint-J%C3%A9r%C3%B4me%2C%20QC%20J7Z%205A2!5e0!3m2!1sfr!2sca!4v1720991395488!5m2!1sfr!2sca" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>

    <?php include("views/components/messages.php"); ?>
    
    <!-- Espace infolettre -->
    <div class="infolettre">
        <h1 class="h1-correction">RESTER INFORMÉ</h1>
        <form action="contact-infolettre" method="POST">
            <input type="text" name="nom" placeholder="nom">
            <input type="text" name="courriel" placeholder="courriel">
            <input type="submit" value="s'inscrire">
        </form>
    </div>
</main>

<!-- Ton mini footer qui n'en est pas vraiment un à cause de ton header toujours présent avec accès à la page contact en 1200px -->
<footer>
    <a href="menu-index">LE MENU</a>

    <div class="footer-logo">
        <img src="public/img/instagram.png" alt="Logo">
        <img src="public/img/facebook.png" alt="Logo">
        <img src="public/img/x.png" alt="Logo">
    </div>
</footer>

<?php include("views/components/foot.php"); ?>