{"id":1557,"date":"2025-12-01T23:33:19","date_gmt":"2025-12-01T23:33:19","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1557"},"modified":"2025-12-01T23:33:19","modified_gmt":"2025-12-01T23:33:19","slug":"quel-cocktail-de-nouvel-an-es-tu","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/quel-cocktail-de-nouvel-an-es-tu\/","title":{"rendered":"Quel cocktail de Nouvel An es-tu ?"},"content":{"rendered":"\n<!-- Quiz : Quel cocktail de Nouvel An es-tu ? avec partage social -->\n<style>\n  .quiz-container {\n    max-width: 700px;\n    margin: 30px auto;\n    font-family: 'Lato', sans-serif;\n    background: #fff9f0;\n    padding: 20px 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n  }\n  .quiz-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 28px;\n    color: #d35400;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n  .quiz-desc {\n    text-align: center;\n    margin-bottom: 25px;\n    font-size: 16px;\n    color: #333;\n  }\n  .question {\n    margin-bottom: 20px;\n    font-weight: bold;\n    color: #555;\n  }\n  .answers button {\n    display: block;\n    width: 100%;\n    margin: 6px 0;\n    padding: 10px;\n    font-size: 16px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    background: #f7c590;\n    color: #fff;\n    transition: 0.3s;\n  }\n  .answers button:hover {\n    background: #e67e22;\n  }\n  .result {\n    display: none;\n    text-align: center;\n    margin-top: 20px;\n  }\n  .result img {\n    max-width: 200px;\n    margin-bottom: 15px;\n    border-radius: 10px;\n  }\n  .result h3 {\n    color: #d35400;\n    font-family: 'Playfair Display', serif;\n  }\n  .result p {\n    font-size: 16px;\n    color: #333;\n  }\n  .share-buttons {\n    margin-top: 15px;\n  }\n  .share-buttons a {\n    display: inline-block;\n    margin: 5px;\n    padding: 10px 15px;\n    border-radius: 8px;\n    color: #fff;\n    text-decoration: none;\n    font-weight: bold;\n    transition: 0.3s;\n  }\n  .share-facebook { background: #3b5998; }\n  .share-whatsapp { background: #25D366; }\n  .share-twitter { background: #1DA1F2; }\n  .share-buttons a:hover { opacity: 0.8; }\n<\/style>\n\n<div class=\"quiz-container\">\n  <div class=\"quiz-title\">Quel cocktail de Nouvel An es-tu ? \ud83c\udf79\u2728<\/div>\n  <div class=\"quiz-desc\">D\u00e9couvre ton cocktail parfait pour f\u00eater le Nouvel An ! R\u00e9ponds aux questions et d\u00e9couvre ton style de cocktail.<\/div>\n  \n  <div id=\"quiz-questions\">\n    <!-- Questions (comme dans la version pr\u00e9c\u00e9dente) -->\n    <div class=\"question-block\">\n      <div class=\"question\">1. Comment d\u00e9crirais-tu ta personnalit\u00e9 ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Toujours p\u00e9tillant et positif<\/button>\n        <button data-type=\"Mocktail\">Doux mais \u00e9l\u00e9gant<\/button>\n        <button data-type=\"GinTonic\">Classique et sophistiqu\u00e9<\/button>\n        <button data-type=\"Mojito\">Audacieux et original<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"question-block\">\n      <div class=\"question\">2. Quelle ambiance pr\u00e9f\u00e8res-tu pour le r\u00e9veillon ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Ambiance chic et festive<\/button>\n        <button data-type=\"Mocktail\">Tranquille avec des amis<\/button>\n        <button data-type=\"GinTonic\">Soir\u00e9e branch\u00e9e et \u00e9l\u00e9gante<\/button>\n        <button data-type=\"Mojito\">Exp\u00e9rimenter des nouvelles choses<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"question-block\">\n      <div class=\"question\">3. Quelle est ta boisson favorite ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Champagne ou vin p\u00e9tillant<\/button>\n        <button data-type=\"Mocktail\">Jus de fruits ou smoothies<\/button>\n        <button data-type=\"GinTonic\">Whisky, gin ou vodka<\/button>\n        <button data-type=\"Mojito\">Cocktails \u00e9pic\u00e9s ou aromatiques<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"question-block\">\n      <div class=\"question\">4. Comment pr\u00e9f\u00e8res-tu f\u00eater ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Grande f\u00eate avec beaucoup de bulles<\/button>\n        <button data-type=\"Mocktail\">Petit comit\u00e9 et cosy<\/button>\n        <button data-type=\"GinTonic\">Club ou bar chic<\/button>\n        <button data-type=\"Mojito\">Tester des recettes originales<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"question-block\">\n      <div class=\"question\">5. Quel est ton plat pr\u00e9f\u00e9r\u00e9 du r\u00e9veillon ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Foie gras, hu\u00eetres, champagne<\/button>\n        <button data-type=\"Mocktail\">Chocolats, petits g\u00e2teaux<\/button>\n        <button data-type=\"GinTonic\">Plateau ap\u00e9ro sophistiqu\u00e9<\/button>\n        <button data-type=\"Mojito\">Plat exotique ou \u00e9pic\u00e9<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"question-block\">\n      <div class=\"question\">6. Quel est ton mot pour la nouvelle ann\u00e9e ?<\/div>\n      <div class=\"answers\">\n        <button data-type=\"Bulles\">Brillance<\/button>\n        <button data-type=\"Mocktail\">Douceur<\/button>\n        <button data-type=\"GinTonic\">\u00c9l\u00e9gance<\/button>\n        <button data-type=\"Mojito\">Audace<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"result\" id=\"quiz-result\">\n    <img decoding=\"async\" id=\"result-img\" src=\"\" alt=\"Cocktail\">\n    <h3 id=\"result-title\"><\/h3>\n    <p id=\"result-desc\"><\/p>\n    <div class=\"share-buttons\">\n      <a id=\"share-facebook\" class=\"share-facebook\" target=\"_blank\">Partager sur Facebook<\/a>\n      <a id=\"share-whatsapp\" class=\"share-whatsapp\" target=\"_blank\">Partager sur WhatsApp<\/a>\n      <a id=\"share-twitter\" class=\"share-twitter\" target=\"_blank\">Partager sur Twitter<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const answers = document.querySelectorAll('.answers button');\n  const resultDiv = document.getElementById('quiz-result');\n  const resultImg = document.getElementById('result-img');\n  const resultTitle = document.getElementById('result-title');\n  const resultDesc = document.getElementById('result-desc');\n\n  const shareFacebook = document.getElementById('share-facebook');\n  const shareWhatsapp = document.getElementById('share-whatsapp');\n  const shareTwitter = document.getElementById('share-twitter');\n\n  const score = { Bulles: 0, Mocktail: 0, GinTonic: 0, Mojito: 0 };\n  let answered = 0;\n\n  answers.forEach(btn => {\n    btn.addEventListener('click', () => {\n      score[btn.dataset.type]++;\n      btn.closest('.question-block').style.display = 'none';\n      answered++;\n      if (answered === 6) {\n        showResult();\n      }\n    });\n  });\n\n  function showResult() {\n    const max = Math.max(...Object.values(score));\n    const winner = Object.keys(score).find(key => score[key] === max);\n\n    const data = {\n      Bulles: {\n        title: \"Bulles \ud83e\udd42\",\n        desc: \"Tu es p\u00e9tillant(e) et joyeux(se), toujours pr\u00eat(e) \u00e0 faire la f\u00eate ! Ton cocktail id\u00e9al : Champagne ou cocktail effervescent !\",\n        img: \"https:\/\/i.ibb.co\/1L7Q0Rg\/bulles.jpg\"\n      },\n      Mocktail: {\n        title: \"Mocktail \ud83c\udf79\",\n        desc: \"Tu es doux(ce) et cosy. Ton cocktail id\u00e9al : Mocktail fruit\u00e9 ou smoothie festif !\",\n        img: \"https:\/\/i.ibb.co\/cwMZR7v\/mocktail.jpg\"\n      },\n      GinTonic: {\n        title: \"Gin Tonic \ud83c\udf78\",\n        desc: \"Classique et sophistiqu\u00e9(e). Ton cocktail id\u00e9al : Gin Tonic bien dos\u00e9 avec une touche d\u2019originalit\u00e9 !\",\n        img: \"https:\/\/i.ibb.co\/F0tN1nZ\/gintonic.jpg\"\n      },\n      Mojito: {\n        title: \"Mojito d\u2019hiver \ud83c\udf3f\",\n        desc: \"Audacieux(se) et original(e). Ton cocktail id\u00e9al : Mojito revisit\u00e9 avec des \u00e9pices et des saveurs hivernales !\",\n        img: \"https:\/\/i.ibb.co\/FqLbG2L\/mojito.jpg\"\n      }\n    };\n\n    resultImg.src = data[winner].img;\n    resultTitle.textContent = data[winner].title;\n    resultDesc.textContent = data[winner].desc;\n    resultDiv.style.display = 'block';\n\n    const pageUrl = encodeURIComponent(window.location.href);\n    const text = encodeURIComponent(`Je suis un(e) ${data[winner].title} pour le Nouvel An ! \ud83c\udf89 D\u00e9couvrez votre cocktail : ` + pageUrl);\n\n    shareFacebook.href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${pageUrl}`;\n    shareWhatsapp.href = `https:\/\/wa.me\/?text=${text}`;\n    shareTwitter.href = `https:\/\/twitter.com\/intent\/tweet?text=${text}`;\n  }\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Quel cocktail de Nouvel An es-tu ? \ud83c\udf79\u2728 D\u00e9couvre ton cocktail parfait pour f\u00eater le Nouvel An ! R\u00e9ponds aux questions et d\u00e9couvre ton style de cocktail. 1. Comment d\u00e9crirais-tu ta personnalit\u00e9 ? Toujours p\u00e9tillant et positif Doux mais \u00e9l\u00e9gant&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/quel-cocktail-de-nouvel-an-es-tu\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quel cocktail de Nouvel An es-tu ?<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1557","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1557"}],"version-history":[{"count":1,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1557\/revisions"}],"predecessor-version":[{"id":1558,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1557\/revisions\/1558"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}