<!-- ██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
████████████████████████▓▓▓▓▓▓▓████▓▓▓████▓▓▓▓██████▓▓▓████▓▓▓▓▓▓▓████████████████████████
████████████████████████▒░░██░░▒███▒░░▒███▒░░███████▒░░▒███▒░░▓█░░░███████████████████████
████████████████████████▒░░▓▒░▒███▓█░░░███▒░░██████▓█▒░░▓██▓░░▓▓░▒▓███████████████████████
████████████████████████▒░░██░░░██▒▓▓░░▒██▒░░███▓▓█▒▓▓░░░██▓░░▓███████████████████████████
████████████████████████▒░░██▒░░█▒▓██░░░▓█▒░░██▓░█▓▒██▒░░▒█▒░░▓███████████████████████████
████████████████████████▓▓▓▓▓▓██▓▓▓██▓▓▓▓█▓▓▓▓▓▓▓█▓▓██▓▓▓▓█▓▓▓▓███████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████████████████████ -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Le Balap</title>
    <link rel="icon" type="image/png" href="public/img/icon.png">

    <!-- seo -->
    <meta name="description" content="Description de la page">
    <meta name="keywords" content="Eighties, Nostalgia, Pyla-sur-Mer, Music, Atmosphere, Nightlife">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="www.lebalap.com">

    <meta property="og:title" content="Le Balap">
    <meta property="og:description" content="Step into the Bar Dancing Institution at Bassin d'Arcachon, where our love for the '80s shines bright. Join us for an unforgettable night of dancing, as we groove to the iconic beats and create an atmosphere filled with pure '80s nostalgia.">
    <meta property="og:image" content="https://balap-revamp.netlify.app/public/img/thumbnail.png">
    <meta property="og:url" content="www.lebalap.com">
    <meta property="og:type" content="Article">
    <meta property="og:site_name" content="Le Balap">
    <meta property="og:locale" content="en">

    <link rel="stylesheet" href="public/css/dist/chapsDist.css">
    <link rel="stylesheet" href="public/css/dist/colors.css">
    <link rel="stylesheet" href="public/css/dist/dist.css">
    <link rel="stylesheet" href="public/css/dist/font.css">
    <link rel="stylesheet" href="public/css/index.css">

</head>
<body>
    <div class="loader">
        <div>
            <svg width="77" height="81" viewBox="0 0 77 81" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M0.640381 79.9326C5.97742 79.7191 10.0336 77.3708 10.0336 65.3091V16.6353C10.0336 4.57359 5.97742 2.22529 0.640381 2.01181V0.944397H42.4828C61.9096 0.944397 71.9432 5.42752 71.9432 13.7533C71.9432 22.3993 61.2692 26.4555 53.6906 26.9892C62.7635 30.5116 76.8533 40.7587 76.8533 57.8372C76.8533 71.927 65.5388 81 43.23 81H0.640381V79.9326ZM33.73 68.5113C33.73 75.663 36.7188 78.0113 40.7749 78.0113C47.9266 78.0113 52.6232 70.3259 52.6232 60.826C52.6232 50.6856 46.8591 40.225 37.7862 35.8486V34.7812C45.1513 31.3655 50.0614 25.388 50.0614 18.2364C50.0614 10.0174 44.6176 4.03989 35.4379 4.03989H33.73V68.5113Z"
                fill="#EEEEEE" />
            </svg>
        </div>
    </div>
    <div class=" bigsection">
        <nav>
            <a class="body-12 text-uppercase link-hover color-light-500" href="https://www.facebook.com/leBalapapa" target="_blank">Facebook</a>
            <a class="body-12 text-uppercase link-hover color-light-500" href="https://www.instagram.com/lebalap.officiel/" target="_blank">Instagram</a>
            <a class="body-12 text-uppercase link-hover color-light-500" href="https://www.tiktok.com/@lebalap.officiel" target="_blank">tiktok</a>
        </nav>
    
        <section class="primary-information">
            <div class="mrg-b20">
                <h1 class="big-title text-uppercase color-light-500 text-center animaReveal1">Balap</h1>
                <h2 class="body-12-spacing color-light-500 text-uppercase text-center mrg-b12 animaReveal1">We love eighties</h2>
                <!-- <h3 class="animaReveal1"><a class="body-12 color-light-500 link-hover text-center " href="https://goo.gl/maps/izdc28tADGiP1tmF7" target="_blank">242 Bd de l'Océan, 33115
                        Pyla-Sur-Mer</a></h3> -->
            </div>
    
            <div class="list-balap mrg-b20">
                <a href="https://www.instagram.com/reel/CSWfczQqlZi/" class="body-14 color-light-500 text-uppercase mrg-b8 animaReveal1"><span class="body-14-bold">Pyla</span>
                    Discover</a>
                <a href="https://www.instagram.com/p/CbsbAfzKKzx/" target="_blank" class="body-14 color-light-500 text-uppercase mrg-b8 animaReveal2"><span
                        class="body-14-bold">Courchevel</span> Discover</a>
                <a href="https://www.instagram.com/p/Cefk0pjKPy-/" target="_blank" class="body-14 color-light-500 text-uppercase mrg-b8 animaReveal3"><span class="body-14-bold">Saint
                        Tropez</span> Discover</a>
                <a href="https://www.instagram.com/p/CWbS39CKtqL/" target="_blank" class="body-14 color-light-500 text-uppercase mrg-b8 animaReveal4"><span class="body-14-bold">Paris</span>
                    Discover</a>
                <a href="https://www.instagram.com/p/CuNKtybKopb/?img_index=1" target="_blank" class="body-14 color-light-500 text-uppercase animaReveal4"><span class="body-14-bold">Garorock</span>
                    Discover</a>
            </div>
            
            <div class="contact-book-balap">
                <a href="tel:+33767991576" class="mrg-r12 body-16 color-light-500 text-uppercase link-hover animaReveal5">Book here</a>   
                <!-- <p class="body-12 color-light-700 text-uppercase mrg-r12 animaReveal5">or</p> 
                <a href="mailto:contact@lebalap.com" class="body-16 color-light-500 text-uppercase link-hover animaReveal5">Contact here</a> -->
            </div>
        </section>
    
    
        <script src="https://code.jquery.com/jquery-latest.js"></script>
        <script src="https://unpkg.com/scrollreveal"></script>
        <script>
            $(window).load(function () {
                $(".loader").fadeOut("1000");
            });
            // scroll reveal anime
            const sr = ScrollReveal();

            // <!-- Hero header image -->
            sr.reveal('.animaReveal1', {
                delay: 200,
                duration: 1300,
                distance: "100px",
                origin: "bottom"
            });

            sr.reveal('.animaReveal2', {
                delay: 400,
                duration: 1300,
                distance: "100px",
                origin: "bottom"
            });

            sr.reveal('.animaReveal3', {
                delay: 600,
                duration: 1300,
                distance: "100px",
                origin: "bottom"
            });

            sr.reveal('.animaReveal4', {
                delay: 700,
                duration: 1300,
                distance: "100px",
                origin: "bottom"
            });

            sr.reveal('.animaReveal5', {
                delay: 1000,
                duration: 1300,
                distance: "100px",
                origin: "bottom"
            });
        </script>
    
    </div>
</body>


</html>