Carte Cadeau Saint Valentin - L'Atelier des Tab<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Great+Vibes&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n \/* Reset & Base *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #fff0f5;\r\n \/* Lavande rougatre tr\u00e8s clair *\/\r\n background-image: radial-gradient(#ffb7b2 1px, transparent 1px);\r\n background-size: 25px 25px;\r\n color: #4a4a4a;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 20px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Coeurs flottants (Animation) *\/\r\n .hearts-bg {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: -1;\r\n overflow: hidden;\r\n }\r\n\r\n .heart {\r\n position: absolute;\r\n background: rgba(255, 105, 180, 0.2);\r\n width: 20px;\r\n height: 20px;\r\n transform: rotate(45deg);\r\n animation: floatHeart 10s infinite linear;\r\n }\r\n\r\n .heart::before,\r\n .heart::after {\r\n content: '';\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n background: inherit;\r\n border-radius: 50%;\r\n }\r\n\r\n .heart::before {\r\n top: -10px;\r\n left: 0;\r\n }\r\n\r\n .heart::after {\r\n left: -10px;\r\n top: 0;\r\n }\r\n\r\n @keyframes floatHeart {\r\n 0% {\r\n transform: translateY(110vh) rotate(45deg) scale(0.8);\r\n opacity: 0;\r\n }\r\n\r\n 10% {\r\n opacity: 0.5;\r\n }\r\n\r\n 100% {\r\n transform: translateY(-10vh) rotate(45deg) scale(1.2);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* Container principal *\/\r\n .gift-card-container {\r\n background: #fff;\r\n width: 100%;\r\n max-width: 650px;\r\n \/* Un peu plus large pour l'offre *\/\r\n padding: 40px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(220, 20, 60, 0.15);\r\n border: 2px solid #ff69b4;\r\n \/* Rose hot *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* D\u00e9coration festive (Bandeau haut) *\/\r\n .gift-card-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 10px;\r\n background: linear-gradient(90deg, #ff1493, #ff69b4, #ff1493);\r\n }\r\n\r\n \/* Titre *\/\r\n h2.form-title {\r\n text-align: center;\r\n font-weight: 700;\r\n color: #c71585;\r\n \/* Medium Violet Red *\/\r\n margin-bottom: 5px;\r\n font-size: 2.2rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .subtitle {\r\n text-align: center;\r\n font-family: 'Great Vibes', cursive;\r\n color: #d4af37;\r\n \/* Dor\u00e9 pour garder le chic *\/\r\n font-size: 1.8rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Offre St Valentin *\/\r\n .valentin-offer {\r\n margin: 0 0 35px 0;\r\n padding: 30px;\r\n background: linear-gradient(135deg, #fffcfc, #fff0f5);\r\n border: 2px dashed #c71585;\r\n border-radius: 15px;\r\n text-align: center;\r\n box-shadow: 0 8px 20px rgba(199, 21, 133, 0.1);\r\n }\r\n\r\n .valentin-offer h3 {\r\n color: #c71585;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .valentin-offer p {\r\n margin-bottom: 10px;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #555;\r\n }\r\n\r\n .valentin-offer .price-tag {\r\n display: inline-block;\r\n background: #c71585;\r\n color: white;\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n margin: 15px 0;\r\n box-shadow: 0 4px 10px rgba(199, 21, 133, 0.3);\r\n }\r\n\r\n .valentin-offer .price-details {\r\n font-size: 0.85rem;\r\n color: #888;\r\n font-style: italic;\r\n margin-bottom: 15px;\r\n border-top: 1px solid #ffb7b2;\r\n padding-top: 10px;\r\n margin-top: 10px;\r\n }\r\n\r\n .valentin-offer .validity {\r\n font-weight: 600;\r\n color: #c71585;\r\n margin-top: 15px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Formulaire *\/\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: #c71585;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-group input {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #ffb7b2;\r\n border-radius: 8px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n background-color: #fffafa;\r\n color: #000000 !important;\r\n caret-color: #000000;\r\n }\r\n\r\n \/* Fix pour l'autocompl\u00e9tion (Chrome\/Safari) qui met parfois le texte en blanc *\/\r\n .form-group input:-webkit-autofill,\r\n .form-group input:-webkit-autofill:hover,\r\n .form-group input:-webkit-autofill:focus,\r\n .form-group input:-webkit-autofill:active {\r\n -webkit-text-fill-color: #000000 !important;\r\n -webkit-box-shadow: 0 0 0 30px #fffafa inset !important;\r\n transition: background-color 5000s ease-in-out 0s;\r\n }\r\n\r\n .form-group input:focus {\r\n outline: none;\r\n border-color: #c71585;\r\n box-shadow: 0 0 0 3px rgba(199, 21, 133, 0.1);\r\n background-color: #fff;\r\n }\r\n\r\n \/* Section Paiement *\/\r\n .payment-section {\r\n margin-top: 30px;\r\n border-top: 1px solid #ffe4e1;\r\n padding-top: 30px;\r\n }\r\n\r\n .payment-title {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n color: #c71585;\r\n }\r\n\r\n .payment-options {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .btn-option {\r\n flex: 1;\r\n padding: 15px;\r\n border: 2px solid #ffe4e1;\r\n background: #fff;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n color: #555;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n .btn-option:hover {\r\n border-color: #ff69b4;\r\n color: #ff69b4;\r\n }\r\n\r\n .btn-option.active {\r\n border-color: #c71585;\r\n background-color: #c71585;\r\n color: #fff;\r\n box-shadow: 0 5px 15px rgba(199, 21, 133, 0.2);\r\n }\r\n\r\n \/* Contenu dynamique *\/\r\n .payment-content {\r\n display: none;\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Bouton Action *\/\r\n .btn-pay {\r\n display: block;\r\n width: 100%;\r\n padding: 16px;\r\n background: linear-gradient(135deg, #c71585, #db7093);\r\n color: #fff;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(199, 21, 133, 0.3);\r\n }\r\n\r\n .btn-pay:hover {\r\n background: linear-gradient(135deg, #a0106b, #c71585);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(199, 21, 133, 0.4);\r\n }\r\n\r\n \/* Info Box *\/\r\n .info-box {\r\n background-color: #fff0f5;\r\n padding: 20px;\r\n border-radius: 10px;\r\n text-align: center;\r\n border: 1px solid #ffe4e1;\r\n border-left: 4px solid #c71585;\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 480px) {\r\n .gift-card-container {\r\n padding: 25px;\r\n }\r\n\r\n .payment-options {\r\n flex-direction: column;\r\n }\r\n\r\n h2.form-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body data-rsssl=1>\r\n\r\n \r\n <div class=\"hearts-bg\" id=\"hearts-container\"><\/div>\r\n\r\n <div class=\"gift-card-container\">\r\n <h2 class=\"form-title\">Saint-Valentin<\/h2>\r\n <div class=\"subtitle\">Offrez un moment inoubliable<\/div>\r\n\r\n \r\n <div class=\"valentin-offer\">\r\n <h3>\ud83d\udc98 Formule Soir\u00e9e Ap\u00e9ro - \u00c9dition<br>Saint-Valentin<\/h3>\r\n\r\n <p><strong><span style=\"font-size:1.2em\">3h<\/span> de d\u00e9tente dans notre jacuzzi th\u00e9rapeutique<\/strong><\/p>\r\n <p>\ud83e\udd42 Cocktail ou Coupe de Champagne <small>(Option sans alcool : boisson chaude offerte avec le\r\n dessert)<\/small><\/p>\r\n <p>\ud83e\uddc0 Planche ap\u00e9ro personnalis\u00e9e (selon go\u00fbts et allergies)<\/p>\r\n <p>\ud83c\udf70 Douceur sucr\u00e9e (Moelleux chocolat c\u0153ur coulant \/ Crumble...)<\/p>\r\n\r\n <div class=\"price-tag\"> Tarif promo : 150\u20ac <span\r\n style=\"font-size:0.7em; opacity:0.8; text-decoration:line-through\">180\u20ac<\/span><\/div>\r\n\r\n <div class=\"price-details\">\r\n \u00c9conomisez 30\u20ac sur la valeur r\u00e9elle :<br>\r\n 2x Formule 2h (140\u20ac) + Suppl\u00e9ment 1h (30\u20ac) + Suppl\u00e9ment Douceur (10\u20ac) = 180\u20ac\r\n <\/div>\r\n\r\n <p class=\"validity\">\ud83d\udcc5 Offre valable jusqu'au 28 f\u00e9vrier<br>Carte utilisable du 1er F\u00e9vrier au 30 Avril<\/p>\r\n <p style=\"font-size:0.85em; color:#666; margin-top:5px;\">Possibilit\u00e9 d'inscrire la date de r\u00e9servation\r\n directement sur la carte.<\/p>\r\n <\/div>\r\n\r\n <form id=\"valentinForm\">\r\n \r\n <div class=\"form-group\">\r\n <label for=\"nom\">Nom *<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" required placeholder=\"Votre nom\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"prenom\">Pr\u00e9nom *<\/label>\r\n <input type=\"text\" id=\"prenom\" name=\"prenom\" required placeholder=\"Votre pr\u00e9nom\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adresse e-mail *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"exemple@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"telephone\">Num\u00e9ro de t\u00e9l\u00e9phone *<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"06 12 34 56 78\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"de_la_part_de\">De la part de<\/label>\r\n <input type=\"text\" id=\"de_la_part_de\" name=\"de_la_part_de\" placeholder=\"Nom \u00e0 afficher sur la carte\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"pour\">Pour<\/label>\r\n <input type=\"text\" id=\"pour\" name=\"pour\" placeholder=\"Nom du b\u00e9n\u00e9ficiaire\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"date_resa\">Date souhait\u00e9e (Optionnel)<\/label>\r\n <input type=\"text\" id=\"date_resa\" name=\"date_resa\" placeholder=\"Ex: 14 F\u00e9vrier \u00e0 19h\">\r\n <small style=\"color:#888; display:block; margin-top:5px;\">Si vous connaissez d\u00e9j\u00e0 la date, nous\r\n l'inscrirons sur la carte.<\/small>\r\n <\/div>\r\n\r\n \r\n <div class=\"payment-section\">\r\n <h3 class=\"payment-title\">Finaliser ma commande<\/h3>\r\n\r\n <div class=\"payment-options\">\r\n <button type=\"button\" class=\"btn-option\" id=\"btn-sur-place\" onclick=\"selectPayment('sur-place')\">\r\n Payer sur place (En esp\u00e8ce ou CB avec un suppl\u00e9ment de 2\u20ac)\r\n <\/button>\r\n <button type=\"button\" class=\"btn-option\" id=\"btn-en-ligne\" onclick=\"selectPayment('en-ligne')\">\r\n Payer en ligne (E-Carte)\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"content-sur-place\" class=\"payment-content\">\r\n <div class=\"info-box\">\r\n <p><strong>\ud83c\udf81 Option \"Jolie Enveloppe Cadeau\"<\/strong><\/p>\r\n <p>Venez r\u00e9cup\u00e9rer votre carte imprim\u00e9e avec soin \u00e0 L'Atelier des Tab :<\/p>\r\n <p><strong>L\u2019Atelier des Tab<\/strong>, 4 Rue Saint Martin la Corneille, 27370\r\n Saint-Pierre-des-Fleurs<\/p>\r\n <p><a href=\"tel:0620723238\" style=\"color:#c71585; font-weight:bold;\">06 20 72 32 38<\/a><\/p>\r\n <button type=\"submit\" class=\"btn-pay\" style=\"margin-top: 20px;\">Valider la commande<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"content-en-ligne\" class=\"payment-content\">\r\n <p style=\"text-align: center; margin-bottom: 20px; color: #555;\">\r\n Paiement s\u00e9curis\u00e9 via SumUp. Vous recevrez votre carte par e-mail.\r\n <\/p>\r\n <a href=\"https:\/\/pay.sumup.com\/b2c\/QRNV4PFC\" target=\"_blank\" class=\"btn-pay\">\r\n Payer 150\u20ac via SumUp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ G\u00e9n\u00e9ration des coeurs d'arri\u00e8re-plan\r\n function createHearts() {\r\n const container = document.getElementById('hearts-container');\r\n for (let i = 0; i < 15; i++) {\r\n const heart = document.createElement('div');\r\n heart.classList.add('heart');\r\n heart.style.left = Math.random() * 100 + 'vw';\r\n heart.style.animationDuration = (Math.random() * 5 + 5) + 's';\r\n heart.style.animationDelay = (Math.random() * 5) + 's';\r\n container.appendChild(heart);\r\n }\r\n }\r\n createHearts();\r\n\r\n function selectPayment(mode) {\r\n document.querySelectorAll('.btn-option').forEach(btn => btn.classList.remove('active'));\r\n document.querySelectorAll('.payment-content').forEach(content => content.style.display = 'none');\r\n\r\n if (!mode) return;\r\n\r\n document.getElementById('btn-' + mode).classList.add('active');\r\n document.getElementById('content-' + mode).style.display = 'block';\r\n }\r\n\r\n \/\/ Envoi notification (Logique identique \u00e0 No\u00ebl)\r\n function sendNotification(paymentMethod, callback) {\r\n const nom = document.getElementById('nom').value;\r\n const prenom = document.getElementById('prenom').value;\r\n const email = document.getElementById('email').value;\r\n const tel = document.getElementById('telephone').value;\r\n const dePart = document.getElementById('de_la_part_de').value;\r\n const pour = document.getElementById('pour').value;\r\n const dateResa = document.getElementById('date_resa').value;\r\n\r\n if (!nom || !prenom || !email || !tel) {\r\n alert(\"Merci de remplir les champs obligatoires (Nom, Pr\u00e9nom, Email, T\u00e9l\u00e9phone).\");\r\n return;\r\n }\r\n\r\n const data = {\r\n nom: nom,\r\n prenom: prenom,\r\n email: email,\r\n telephone: tel,\r\n de_la_part_de: dePart,\r\n pour: pour,\r\n date_reservation: dateResa,\r\n payment_method: paymentMethod + \" (Offre St Valentin 150\u20ac)\"\r\n };\r\n\r\n fetch('\/send_notification.php', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(data)\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n if (callback) callback();\r\n } else {\r\n alert(\"Erreur lors de l'envoi. Merci de nous contacter par t\u00e9l\u00e9phone.\");\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Erreur:', error);\r\n alert(\"Erreur technique. Merci de nous contacter par t\u00e9l\u00e9phone.\");\r\n });\r\n }\r\n\r\n document.getElementById('valentinForm').addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n sendNotification('Sur place', function () {\r\n alert(\"Votre commande est enregistr\u00e9e ! \\n\\nNous vous attendons pour le r\u00e8glement et la remise de la carte cadeau \u00ab St Valentin \u00bb dans sa jolie enveloppe.\");\r\n window.location.href = \"https:\/\/latelierdestab.com\";\r\n });\r\n });\r\n\r\n document.querySelector('#content-en-ligne .btn-pay').addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const sumUpUrl = this.getAttribute('href');\r\n sendNotification('En ligne', function () {\r\n window.open(sumUpUrl, '_blank');\r\n alert(\"Merci pour votre commande ! \\n\\nUne fois le paiement valid\u00e9, vous recevrez par e-mail un code de carte cadeau Saint-Valentin \u00e0 utiliser lors de la s\u00e9lection des formules. Ce code vous permettra de b\u00e9n\u00e9ficier d\u2019une r\u00e9duction int\u00e9grale.\");\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Carte Cadeau Saint Valentin – L’Atelier des Tab Saint-Valentin Offrez un moment inoubliable \ud83d\udc98 Formule Soir\u00e9e Ap\u00e9ro – \u00c9ditionSaint-Valentin 3h de d\u00e9tente dans notre jacuzzi th\u00e9rapeutique \ud83e\udd42 Cocktail ou Coupe de Champagne (Option sans alcool : boisson chaude offerte avec le dessert) \ud83e\uddc0 Planche ap\u00e9ro personnalis\u00e9e (selon go\u00fbts et allergies) \ud83c\udf70 Douceur sucr\u00e9e (Moelleux chocolat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1757","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/comments?post=1757"}],"version-history":[{"count":84,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757\/revisions\/2008"}],"wp:attachment":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/media?parent=1757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Carte Cadeau Saint Valentin - L'Atelier des Tab<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Great+Vibes&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n \/* Reset & Base *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #fff0f5;\r\n \/* Lavande rougatre tr\u00e8s clair *\/\r\n background-image: radial-gradient(#ffb7b2 1px, transparent 1px);\r\n background-size: 25px 25px;\r\n color: #4a4a4a;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 20px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Coeurs flottants (Animation) *\/\r\n .hearts-bg {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: -1;\r\n overflow: hidden;\r\n }\r\n\r\n .heart {\r\n position: absolute;\r\n background: rgba(255, 105, 180, 0.2);\r\n width: 20px;\r\n height: 20px;\r\n transform: rotate(45deg);\r\n animation: floatHeart 10s infinite linear;\r\n }\r\n\r\n .heart::before,\r\n .heart::after {\r\n content: '';\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n background: inherit;\r\n border-radius: 50%;\r\n }\r\n\r\n .heart::before {\r\n top: -10px;\r\n left: 0;\r\n }\r\n\r\n .heart::after {\r\n left: -10px;\r\n top: 0;\r\n }\r\n\r\n @keyframes floatHeart {\r\n 0% {\r\n transform: translateY(110vh) rotate(45deg) scale(0.8);\r\n opacity: 0;\r\n }\r\n\r\n 10% {\r\n opacity: 0.5;\r\n }\r\n\r\n 100% {\r\n transform: translateY(-10vh) rotate(45deg) scale(1.2);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* Container principal *\/\r\n .gift-card-container {\r\n background: #fff;\r\n width: 100%;\r\n max-width: 650px;\r\n \/* Un peu plus large pour l'offre *\/\r\n padding: 40px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(220, 20, 60, 0.15);\r\n border: 2px solid #ff69b4;\r\n \/* Rose hot *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* D\u00e9coration festive (Bandeau haut) *\/\r\n .gift-card-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 10px;\r\n background: linear-gradient(90deg, #ff1493, #ff69b4, #ff1493);\r\n }\r\n\r\n \/* Titre *\/\r\n h2.form-title {\r\n text-align: center;\r\n font-weight: 700;\r\n color: #c71585;\r\n \/* Medium Violet Red *\/\r\n margin-bottom: 5px;\r\n font-size: 2.2rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .subtitle {\r\n text-align: center;\r\n font-family: 'Great Vibes', cursive;\r\n color: #d4af37;\r\n \/* Dor\u00e9 pour garder le chic *\/\r\n font-size: 1.8rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Offre St Valentin *\/\r\n .valentin-offer {\r\n margin: 0 0 35px 0;\r\n padding: 30px;\r\n background: linear-gradient(135deg, #fffcfc, #fff0f5);\r\n border: 2px dashed #c71585;\r\n border-radius: 15px;\r\n text-align: center;\r\n box-shadow: 0 8px 20px rgba(199, 21, 133, 0.1);\r\n }\r\n\r\n .valentin-offer h3 {\r\n color: #c71585;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .valentin-offer p {\r\n margin-bottom: 10px;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #555;\r\n }\r\n\r\n .valentin-offer .price-tag {\r\n display: inline-block;\r\n background: #c71585;\r\n color: white;\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n margin: 15px 0;\r\n box-shadow: 0 4px 10px rgba(199, 21, 133, 0.3);\r\n }\r\n\r\n .valentin-offer .price-details {\r\n font-size: 0.85rem;\r\n color: #888;\r\n font-style: italic;\r\n margin-bottom: 15px;\r\n border-top: 1px solid #ffb7b2;\r\n padding-top: 10px;\r\n margin-top: 10px;\r\n }\r\n\r\n .valentin-offer .validity {\r\n font-weight: 600;\r\n color: #c71585;\r\n margin-top: 15px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Formulaire *\/\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: #c71585;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-group input {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #ffb7b2;\r\n border-radius: 8px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n background-color: #fffafa;\r\n color: #000000 !important;\r\n caret-color: #000000;\r\n }\r\n\r\n \/* Fix pour l'autocompl\u00e9tion (Chrome\/Safari) qui met parfois le texte en blanc *\/\r\n .form-group input:-webkit-autofill,\r\n .form-group input:-webkit-autofill:hover,\r\n .form-group input:-webkit-autofill:focus,\r\n .form-group input:-webkit-autofill:active {\r\n -webkit-text-fill-color: #000000 !important;\r\n -webkit-box-shadow: 0 0 0 30px #fffafa inset !important;\r\n transition: background-color 5000s ease-in-out 0s;\r\n }\r\n\r\n .form-group input:focus {\r\n outline: none;\r\n border-color: #c71585;\r\n box-shadow: 0 0 0 3px rgba(199, 21, 133, 0.1);\r\n background-color: #fff;\r\n }\r\n\r\n \/* Section Paiement *\/\r\n .payment-section {\r\n margin-top: 30px;\r\n border-top: 1px solid #ffe4e1;\r\n padding-top: 30px;\r\n }\r\n\r\n .payment-title {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n color: #c71585;\r\n }\r\n\r\n .payment-options {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .btn-option {\r\n flex: 1;\r\n padding: 15px;\r\n border: 2px solid #ffe4e1;\r\n background: #fff;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n color: #555;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n .btn-option:hover {\r\n border-color: #ff69b4;\r\n color: #ff69b4;\r\n }\r\n\r\n .btn-option.active {\r\n border-color: #c71585;\r\n background-color: #c71585;\r\n color: #fff;\r\n box-shadow: 0 5px 15px rgba(199, 21, 133, 0.2);\r\n }\r\n\r\n \/* Contenu dynamique *\/\r\n .payment-content {\r\n display: none;\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Bouton Action *\/\r\n .btn-pay {\r\n display: block;\r\n width: 100%;\r\n padding: 16px;\r\n background: linear-gradient(135deg, #c71585, #db7093);\r\n color: #fff;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(199, 21, 133, 0.3);\r\n }\r\n\r\n .btn-pay:hover {\r\n background: linear-gradient(135deg, #a0106b, #c71585);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(199, 21, 133, 0.4);\r\n }\r\n\r\n \/* Info Box *\/\r\n .info-box {\r\n background-color: #fff0f5;\r\n padding: 20px;\r\n border-radius: 10px;\r\n text-align: center;\r\n border: 1px solid #ffe4e1;\r\n border-left: 4px solid #c71585;\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 480px) {\r\n .gift-card-container {\r\n padding: 25px;\r\n }\r\n\r\n .payment-options {\r\n flex-direction: column;\r\n }\r\n\r\n h2.form-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body data-rsssl=1>\r\n\r\n \r\n <div class=\"hearts-bg\" id=\"hearts-container\"><\/div>\r\n\r\n <div class=\"gift-card-container\">\r\n <h2 class=\"form-title\">Saint-Valentin<\/h2>\r\n <div class=\"subtitle\">Offrez un moment inoubliable<\/div>\r\n\r\n \r\n <div class=\"valentin-offer\">\r\n <h3>\ud83d\udc98 Formule Soir\u00e9e Ap\u00e9ro - \u00c9dition<br>Saint-Valentin<\/h3>\r\n\r\n <p><strong><span style=\"font-size:1.2em\">3h<\/span> de d\u00e9tente dans notre jacuzzi th\u00e9rapeutique<\/strong><\/p>\r\n <p>\ud83e\udd42 Cocktail ou Coupe de Champagne <small>(Option sans alcool : boisson chaude offerte avec le\r\n dessert)<\/small><\/p>\r\n <p>\ud83e\uddc0 Planche ap\u00e9ro personnalis\u00e9e (selon go\u00fbts et allergies)<\/p>\r\n <p>\ud83c\udf70 Douceur sucr\u00e9e (Moelleux chocolat c\u0153ur coulant \/ Crumble...)<\/p>\r\n\r\n <div class=\"price-tag\"> Tarif promo : 150\u20ac <span\r\n style=\"font-size:0.7em; opacity:0.8; text-decoration:line-through\">180\u20ac<\/span><\/div>\r\n\r\n <div class=\"price-details\">\r\n \u00c9conomisez 30\u20ac sur la valeur r\u00e9elle :<br>\r\n 2x Formule 2h (140\u20ac) + Suppl\u00e9ment 1h (30\u20ac) + Suppl\u00e9ment Douceur (10\u20ac) = 180\u20ac\r\n <\/div>\r\n\r\n <p class=\"validity\">\ud83d\udcc5 Offre valable jusqu'au 28 f\u00e9vrier<br>Carte utilisable du 1er F\u00e9vrier au 30 Avril<\/p>\r\n <p style=\"font-size:0.85em; color:#666; margin-top:5px;\">Possibilit\u00e9 d'inscrire la date de r\u00e9servation\r\n directement sur la carte.<\/p>\r\n <\/div>\r\n\r\n <form id=\"valentinForm\">\r\n \r\n <div class=\"form-group\">\r\n <label for=\"nom\">Nom *<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" required placeholder=\"Votre nom\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"prenom\">Pr\u00e9nom *<\/label>\r\n <input type=\"text\" id=\"prenom\" name=\"prenom\" required placeholder=\"Votre pr\u00e9nom\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adresse e-mail *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"exemple@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"telephone\">Num\u00e9ro de t\u00e9l\u00e9phone *<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"06 12 34 56 78\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"de_la_part_de\">De la part de<\/label>\r\n <input type=\"text\" id=\"de_la_part_de\" name=\"de_la_part_de\" placeholder=\"Nom \u00e0 afficher sur la carte\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"pour\">Pour<\/label>\r\n <input type=\"text\" id=\"pour\" name=\"pour\" placeholder=\"Nom du b\u00e9n\u00e9ficiaire\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"date_resa\">Date souhait\u00e9e (Optionnel)<\/label>\r\n <input type=\"text\" id=\"date_resa\" name=\"date_resa\" placeholder=\"Ex: 14 F\u00e9vrier \u00e0 19h\">\r\n <small style=\"color:#888; display:block; margin-top:5px;\">Si vous connaissez d\u00e9j\u00e0 la date, nous\r\n l'inscrirons sur la carte.<\/small>\r\n <\/div>\r\n\r\n \r\n <div class=\"payment-section\">\r\n <h3 class=\"payment-title\">Finaliser ma commande<\/h3>\r\n\r\n <div class=\"payment-options\">\r\n <button type=\"button\" class=\"btn-option\" id=\"btn-sur-place\" onclick=\"selectPayment('sur-place')\">\r\n Payer sur place (En esp\u00e8ce ou CB avec un suppl\u00e9ment de 2\u20ac)\r\n <\/button>\r\n <button type=\"button\" class=\"btn-option\" id=\"btn-en-ligne\" onclick=\"selectPayment('en-ligne')\">\r\n Payer en ligne (E-Carte)\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"content-sur-place\" class=\"payment-content\">\r\n <div class=\"info-box\">\r\n <p><strong>\ud83c\udf81 Option \"Jolie Enveloppe Cadeau\"<\/strong><\/p>\r\n <p>Venez r\u00e9cup\u00e9rer votre carte imprim\u00e9e avec soin \u00e0 L'Atelier des Tab :<\/p>\r\n <p><strong>L\u2019Atelier des Tab<\/strong>, 4 Rue Saint Martin la Corneille, 27370\r\n Saint-Pierre-des-Fleurs<\/p>\r\n <p><a href=\"tel:0620723238\" style=\"color:#c71585; font-weight:bold;\">06 20 72 32 38<\/a><\/p>\r\n <button type=\"submit\" class=\"btn-pay\" style=\"margin-top: 20px;\">Valider la commande<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"content-en-ligne\" class=\"payment-content\">\r\n <p style=\"text-align: center; margin-bottom: 20px; color: #555;\">\r\n Paiement s\u00e9curis\u00e9 via SumUp. Vous recevrez votre carte par e-mail.\r\n <\/p>\r\n <a href=\"https:\/\/pay.sumup.com\/b2c\/QRNV4PFC\" target=\"_blank\" class=\"btn-pay\">\r\n Payer 150\u20ac via SumUp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ G\u00e9n\u00e9ration des coeurs d'arri\u00e8re-plan\r\n function createHearts() {\r\n const container = document.getElementById('hearts-container');\r\n for (let i = 0; i < 15; i++) {\r\n const heart = document.createElement('div');\r\n heart.classList.add('heart');\r\n heart.style.left = Math.random() * 100 + 'vw';\r\n heart.style.animationDuration = (Math.random() * 5 + 5) + 's';\r\n heart.style.animationDelay = (Math.random() * 5) + 's';\r\n container.appendChild(heart);\r\n }\r\n }\r\n createHearts();\r\n\r\n function selectPayment(mode) {\r\n document.querySelectorAll('.btn-option').forEach(btn => btn.classList.remove('active'));\r\n document.querySelectorAll('.payment-content').forEach(content => content.style.display = 'none');\r\n\r\n if (!mode) return;\r\n\r\n document.getElementById('btn-' + mode).classList.add('active');\r\n document.getElementById('content-' + mode).style.display = 'block';\r\n }\r\n\r\n \/\/ Envoi notification (Logique identique \u00e0 No\u00ebl)\r\n function sendNotification(paymentMethod, callback) {\r\n const nom = document.getElementById('nom').value;\r\n const prenom = document.getElementById('prenom').value;\r\n const email = document.getElementById('email').value;\r\n const tel = document.getElementById('telephone').value;\r\n const dePart = document.getElementById('de_la_part_de').value;\r\n const pour = document.getElementById('pour').value;\r\n const dateResa = document.getElementById('date_resa').value;\r\n\r\n if (!nom || !prenom || !email || !tel) {\r\n alert(\"Merci de remplir les champs obligatoires (Nom, Pr\u00e9nom, Email, T\u00e9l\u00e9phone).\");\r\n return;\r\n }\r\n\r\n const data = {\r\n nom: nom,\r\n prenom: prenom,\r\n email: email,\r\n telephone: tel,\r\n de_la_part_de: dePart,\r\n pour: pour,\r\n date_reservation: dateResa,\r\n payment_method: paymentMethod + \" (Offre St Valentin 150\u20ac)\"\r\n };\r\n\r\n fetch('\/send_notification.php', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(data)\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n if (callback) callback();\r\n } else {\r\n alert(\"Erreur lors de l'envoi. Merci de nous contacter par t\u00e9l\u00e9phone.\");\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Erreur:', error);\r\n alert(\"Erreur technique. Merci de nous contacter par t\u00e9l\u00e9phone.\");\r\n });\r\n }\r\n\r\n document.getElementById('valentinForm').addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n sendNotification('Sur place', function () {\r\n alert(\"Votre commande est enregistr\u00e9e ! \\n\\nNous vous attendons pour le r\u00e8glement et la remise de la carte cadeau \u00ab St Valentin \u00bb dans sa jolie enveloppe.\");\r\n window.location.href = \"https:\/\/latelierdestab.com\";\r\n });\r\n });\r\n\r\n document.querySelector('#content-en-ligne .btn-pay').addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const sumUpUrl = this.getAttribute('href');\r\n sendNotification('En ligne', function () {\r\n window.open(sumUpUrl, '_blank');\r\n alert(\"Merci pour votre commande ! \\n\\nUne fois le paiement valid\u00e9, vous recevrez par e-mail un code de carte cadeau Saint-Valentin \u00e0 utiliser lors de la s\u00e9lection des formules. Ce code vous permettra de b\u00e9n\u00e9ficier d\u2019une r\u00e9duction int\u00e9grale.\");\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Carte Cadeau Saint Valentin – L’Atelier des Tab Saint-Valentin Offrez un moment inoubliable \ud83d\udc98 Formule Soir\u00e9e Ap\u00e9ro – \u00c9ditionSaint-Valentin 3h de d\u00e9tente dans notre jacuzzi th\u00e9rapeutique \ud83e\udd42 Cocktail ou Coupe de Champagne (Option sans alcool : boisson chaude offerte avec le dessert) \ud83e\uddc0 Planche ap\u00e9ro personnalis\u00e9e (selon go\u00fbts et allergies) \ud83c\udf70 Douceur sucr\u00e9e (Moelleux chocolat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1757","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/comments?post=1757"}],"version-history":[{"count":84,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/pages\/1757\/revisions\/2008"}],"wp:attachment":[{"href":"https:\/\/latelierdestab.com\/index.php\/wp-json\/wp\/v2\/media?parent=1757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}