<?php
$confData = array();
if (file_exists('app.php')) {
    $confData = include('app.php');
} else {
    $confData['thepfadfrom'] = '';
};
?>
<!DOCTYPE html>
<!-- @todo Option Language -->
<html lang="fr">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="description" content="Inscrivez-vous: cakehup.com est la ressource numérique pour des milliers des meilleures recettes de desserts, pâtisseries et guides.
Découvrez de nouvelles recettes essayées, testées et vraiment savoureuses avec cakehup.com"/>
    <meta name="author" content="LReply GmbH"/>
    <meta name="keywords"
          content="Desserts, Gateaux, pâtisseries, confiture, chocolat, Crêpes, Mousse, Professionnels, Dessert, Tarte, inscription">
    <title>CookHup est un guide et livre numérique des aliments classiques bons à manger</title>
    <!-- <link rel="icon" type="image/x-icon" href="<?= $confData['thepfadfrom'] ?>/assets/img/logos/cookhup-32x32.png"/> -->

    <link rel="icon" href="https://www.cookhup.com/wp-content/uploads/2022/08/cropped-ico_static_trans-32x32.png" sizes="32x32" />
    <link rel="icon" href="https://www.cookhup.com/wp-content/uploads/2022/08/cropped-ico_static_trans-192x192.png" sizes="192x192" />
    <link rel="apple-touch-icon" href="https://www.cookhup.com/wp-content/uploads/2022/08/cropped-ico_static_trans-180x180.png" />
    <meta name="msapplication-TileImage" content="https://www.cookhup.com/wp-content/uploads/2022/08/cropped-ico_static_trans-270x270.png" />

    <!-- Font Awesome icons (free version)-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
    <!-- Google fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com"/>
    <link href="https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap"
          rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&amp;display=swap"
          rel="stylesheet"/>
    <!-- Core theme CSS (includes Bootstrap) ###-->
    <link href="<?= $confData['thepfadfrom'] ?>/css/styles.css" rel="stylesheet"/>
</head>
<body style="background-image: url('https://www.cookhup.com/wp-content/uploads/2023/01/recettefacile.jpg');   background-repeat: no-repeat; background-attachment: fixed; background-position: right;">
<!-- Background Video-->
<!--
 <video class="bg-video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"><source src="<?= $confData['thepfadfrom'] ?>/assets/mp4/bg.mp4" type="video/mp4" /></video>
-->
<!-- Masthead-->
<div class="masthead">
    <div class="masthead-content text-white">
        <div class="container-fluid px-4 px-lg-0">
            <div class="fst-italic lh-1 mb-4" style="color: #fff"><a href="https://www.cookhup.com/" target="_blank" style="color: #E53A20 !important; font-size:45px;
text-decoration: none;font-weight:bold">CookHup - Cuisine</a></h1></div>
            <p class="mb-5"><span><a href="https://www.cookhup.com" style="color:#fff">CookHup</a> est un guide et livre numérique des aliments classiques bons à manger.</span><br><br>
                <span style="color: #F2E0E0"> Abonnez-vous gratuitement!</span></p>

            <form id="contactForm">
                <!-- Email address input-->

                <div class="row input-group-newsletter">
                    <div class="col"><input class="form-control" id="email" type="email"
                                            placeholder="Entrer l'adresse e-mail..."
                                            aria-label="Entrer l'adresse e-mail..."
                                            data-sb-validations="required,email"/></div>
                    <div class="col-auto">
                        <button class="btn btn-primary disabled" id="submitButton" type="submit">Je m'abonne</button>
                    </div>
                </div>
                <div class="invalid-feedback mt-2" data-sb-feedback="email:required">Un e-mail est requis.</div>
                <div class="invalid-feedback mt-2" data-sb-feedback="email:email">L'email n'est pas valide.</div>
                <!-- Submit success message-->
                <!-- has successfully submitted-->
                <div class="d-none" id="submitSuccessMessage">
                    <!-- <div id="submitSuccessMessage"> -->
                    <div class="text-center mb-3 mt-2" style="padding-top: 15px">
                        <div class="fw-bolder"><h5>Merci! Nous avons reçu votre adresse e-mail<h5></div>
                    </div>
                </div>
                <!-- Submit error message-->
                <!-- an error submitting the form-->
                <div class="d-none" id="submitErrorMessage">
                    <!-- <div class="text-center text-danger mb-3 mt-2" style="padding-top: 15px">Erreur lors de l'envoi du message!</div> -->
                    <div class="text-center mb-3 mt-2" style="padding-top: 15px"><h5>Erreur lors de l'envoi du message!</h5></div>
                </div>
                <div class="d-none" id="submitInternalErrorMessage">
                    <!-- <div class="text-center text-danger mb-3 mt-2" style="padding-top: 15px">Erreur lors de l'envoi du message!</div> -->
                    <div class="text-center mb-3 mt-2" style="padding-top: 15px"><h5>HTTP-Error 500: Erreur Interne du Serveur - Réessayez plus tard</h5></div>
                </div>
                <div class="" id="">
                    <div class="text-center mb-3 mt-2" style="padding-top: 15px"><a style="color: #fff; text-decoration: none;" href="https://www.cookhup.com/politique-de-confidentialite/">Avis de confidentialité</a></div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Social Icons-->
<!-- For more icon options, visit https://fontawesome.com/icons?d=gallery&p=2&s=brands    -->
<div class="social-icons">
    <div class="d-flex flex-row flex-lg-column justify-content-center align-items-center h-100 mt-3 mt-lg-0">
        <!-- <a class="btn btn-dark m-3" href="#!"><i class="fab fa-twitter"></i></a> -->
        <a class="btn btn-dark m-3" href="https://www.facebook.com/cookhup" target="_blank"><i class="fab fa-facebook-f"></i></a>
        <a class="btn btn-dark m-3" href="https://www.instagram.com/cakehup/" target="_blank"><i class="fab fa-instagram"></i></a>
        <a class="btn btn-dark m-3" href="mailto:francois.robin@cookhup.com" target="_blank"><i class="fas fa-at"></i></a>
    </div>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="<?= $confData['thepfadfrom'] ?>/js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- <script src="<?= $confData['thepfadfrom'] ?>/js/sb-forms-latest.js"></script> -->
<!-- <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script> -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EHF9FP26RD"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-EHF9FP26RD');
</script>
</body>
</html>
