Fibroid Quiz | Midwives Talk With Uyai<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap');\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'Lato', sans-serif;\r\n background: #0d0b0f;\r\n color: #f0ece4;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .brand {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 32px;\r\n text-align: center;\r\n }\r\n\r\n .quiz-wrap { width: 100%; max-width: 520px; }\r\n\r\n .progress-bar {\r\n width: 100%;\r\n height: 3px;\r\n background: #2a2026;\r\n border-radius: 2px;\r\n margin-bottom: 36px;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, #b8956a, #d4a96a);\r\n border-radius: 2px;\r\n transition: width 0.5s ease;\r\n }\r\n\r\n .screen { display: none; animation: fadeIn 0.4s ease; }\r\n .screen.active { display: block; }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(12px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .step-label {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 12px;\r\n }\r\n\r\n h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(22px, 5vw, 30px);\r\n line-height: 1.35;\r\n color: #f5efe6;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sub {\r\n font-size: 14px;\r\n color: #9a8f83;\r\n margin-bottom: 32px;\r\n line-height: 1.6;\r\n }\r\n\r\n .options { display: flex; flex-direction: column; gap: 12px; }\r\n\r\n .opt {\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 16px 20px;\r\n cursor: pointer;\r\n font-size: 15px;\r\n color: #f0ece4;\r\n text-align: left;\r\n transition: all 0.25s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-family: 'Lato', sans-serif;\r\n }\r\n\r\n .opt:hover { border-color: #b8956a; background: #221c28; transform: translateX(4px); }\r\n\r\n .opt .dot {\r\n width: 18px; height: 18px;\r\n border-radius: 50%;\r\n border: 1.5px solid #5a4f5e;\r\n flex-shrink: 0;\r\n transition: all 0.2s;\r\n }\r\n\r\n .opt:hover .dot { border-color: #b8956a; background: #b8956a22; }\r\n .opt-icon { font-size: 20px; }\r\n\r\n \/* Lead capture form *\/\r\n .form-group { margin-bottom: 16px; }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .form-group input {\r\n width: 100%;\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 14px 18px;\r\n font-size: 15px;\r\n color: #f0ece4;\r\n font-family: 'Lato', sans-serif;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .form-group input:focus { border-color: #b8956a; }\r\n .form-group input::placeholder { color: #5a4f5e; }\r\n\r\n .phone-row { display: flex; gap: 10px; }\r\n\r\n .phone-row select {\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 14px 12px;\r\n font-size: 14px;\r\n color: #f0ece4;\r\n font-family: 'Lato', sans-serif;\r\n outline: none;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .phone-row select:focus { border-color: #b8956a; }\r\n\r\n .phone-row input { flex: 1; }\r\n\r\n .privacy-note {\r\n font-size: 12px;\r\n color: #5a4f5e;\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.6;\r\n }\r\n\r\n .privacy-note span { color: #b8956a; }\r\n\r\n \/* Buttons *\/\r\n .cta-btn {\r\n display: block;\r\n width: 100%;\r\n background: linear-gradient(135deg, #b8956a, #d4a96a);\r\n color: #0d0b0f;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 18px 24px;\r\n border: none;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin-top: 20px;\r\n text-align: center;\r\n letter-spacing: 0.5px;\r\n transition: all 0.3s ease;\r\n font-family: 'Lato', sans-serif;\r\n }\r\n\r\n .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(184,149,106,0.35); }\r\n .cta-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\r\n\r\n \/* Transition \/ final screens *\/\r\n .transition-text { text-align: center; padding: 20px 0; }\r\n .transition-text .big-emoji { font-size: 52px; margin-bottom: 20px; }\r\n\r\n .highlight-box {\r\n background: #1a1520;\r\n border-left: 3px solid #b8956a;\r\n border-radius: 0 8px 8px 0;\r\n padding: 16px 20px;\r\n margin: 24px 0;\r\n font-size: 14px;\r\n color: #c8bfb5;\r\n line-height: 1.7;\r\n text-align: left;\r\n }\r\n\r\n .exit-card {\r\n background: #1a1520;\r\n border: 1px solid #2e2530;\r\n border-radius: 14px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n }\r\n\r\n .exit-card .emoji { font-size: 48px; margin-bottom: 16px; }\r\n .exit-card p { color: #9a8f83; font-size: 15px; line-height: 1.7; margin-top: 12px; }\r\n\r\n .error-msg {\r\n color: #e07070;\r\n font-size: 13px;\r\n margin-top: 8px;\r\n display: none;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"brand\">Midwives Talk With Uyai<\/div>\r\n\r\n<div class=\"quiz-wrap\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"progress\" style=\"width: 0%\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen active\" id=\"s1\">\r\n <div class=\"step-label\">Question 1 of 2<\/div>\r\n <h2>What is the size of your fibroid?<\/h2>\r\n <p class=\"sub\">Don't worry if you're unsure \u2014 just pick the closest option.<\/p>\r\n <div class=\"options\">\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udd34<\/span> Small \u2014 Less than 3cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udfe0<\/span> Medium \u2014 3cm to 6cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udd34<\/span> Large \u2014 Over 6cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\u2753<\/span> I don't know yet<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s2\">\r\n <div class=\"step-label\">Question 2 of 2<\/div>\r\n <h2>Which of these are you currently dealing with?<\/h2>\r\n <p class=\"sub\">Pick the one that bothers you most.<\/p>\r\n <div class=\"options\">\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83e\ude78<\/span> Heavy or painful periods<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83e\udd30<\/span> Bloating or pressure in my belly<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\ude14<\/span> Worry about fertility \/ getting pregnant<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\ude29<\/span> All of the above<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s3\">\r\n <div class=\"step-label\">Almost there<\/div>\r\n <h2>Where should we send your results?<\/h2>\r\n <p class=\"sub\">Enter your details below so we can show you exactly what works for your situation.<\/p>\r\n\r\n <div class=\"form-group\">\r\n <label>Your First Name<\/label>\r\n <input type=\"text\" id=\"fname\" placeholder=\"e.g. Amina\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Your Email Address<\/label>\r\n <input type=\"email\" id=\"femail\" placeholder=\"e.g. amina@gmail.com\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Your Phone Number<\/label>\r\n <div class=\"phone-row\">\r\n <select id=\"fcode\">\r\n <option value=\"+234\">\ud83c\uddf3\ud83c\uddec +234<\/option>\r\n <option value=\"+233\">\ud83c\uddec\ud83c\udded +233<\/option>\r\n <option value=\"+254\">\ud83c\uddf0\ud83c\uddea +254<\/option>\r\n <option value=\"+256\">\ud83c\uddfa\ud83c\uddec +256<\/option>\r\n <option value=\"+255\">\ud83c\uddf9\ud83c\uddff +255<\/option>\r\n <option value=\"+260\">\ud83c\uddff\ud83c\uddf2 +260<\/option>\r\n <option value=\"+263\">\ud83c\uddff\ud83c\uddfc +263<\/option>\r\n <option value=\"+27\">\ud83c\uddff\ud83c\udde6 +27<\/option>\r\n <option value=\"+251\">\ud83c\uddea\ud83c\uddf9 +251<\/option>\r\n <option value=\"+225\">\ud83c\udde8\ud83c\uddee +225<\/option>\r\n <option value=\"+237\">\ud83c\udde8\ud83c\uddf2 +237<\/option>\r\n <option value=\"+221\">\ud83c\uddf8\ud83c\uddf3 +221<\/option>\r\n <\/select>\r\n <input type=\"tel\" id=\"fphone\" placeholder=\"08012345678\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"error-msg\" id=\"form-error\">Please fill in all fields before continuing.<\/div>\r\n\r\n <button class=\"cta-btn\" onclick=\"submitLead()\">Continue \u2192<\/button>\r\n\r\n <p class=\"privacy-note\">\ud83d\udd12 Your information is <span>100% private<\/span>. We never share or sell your details.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s4\">\r\n <div class=\"transition-text\">\r\n <div class=\"big-emoji\">\ud83c\udf3f<\/div>\r\n <div class=\"step-label\">One last thing<\/div>\r\n <h2>Are you ready to fix this \u2014 once and for all?<\/h2>\r\n <div class=\"highlight-box\">\r\n Many women have been told surgery is the only option. But there's something most doctors won't tell you \u2014 and Uyai discovered it the hard way, so you don't have to.\r\n <\/div>\r\n <p class=\"sub\">Click below to read her story and see exactly what she did.<\/p>\r\n <button class=\"cta-btn\" onclick=\"goToLandingPage()\">\ud83d\udc49 Yes \u2014 show me her story<\/button>\r\n <button class=\"cta-btn\" style=\"background:transparent;border:1.5px solid #3a3040;color:#9a8f83;margin-top:12px;\" onclick=\"go('s5_no')\">No, not right now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s5_no\">\r\n <div class=\"exit-card\">\r\n <div class=\"emoji\">\ud83d\ude4f<\/div>\r\n <h2>That's okay.<\/h2>\r\n <p>Whenever you're ready, we'll be here. Healing happens at your own pace. Take care of yourself.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const progressMap = { s1:10, s2:35, s3:60, s4:90, s5_no:100 };\r\n\r\n function go(id) {\r\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\r\n document.getElementById(id).classList.add('active');\r\n document.getElementById('progress').style.width = (progressMap[id] || 0) + '%';\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function submitLead() {\r\n const name = document.getElementById('fname').value.trim();\r\n const email = document.getElementById('femail').value.trim();\r\n const phone = document.getElementById('fphone').value.trim();\r\n const code = document.getElementById('fcode').value;\r\n const err = document.getElementById('form-error');\r\n\r\n if (!name || !email || !phone) {\r\n err.style.display = 'block';\r\n return;\r\n }\r\n\r\n err.style.display = 'none';\r\n\r\n \/\/ \u2500\u2500 Brevo API call \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n \/\/ Once you have your Brevo API key and list ID, replace the\r\n \/\/ placeholders below. The contact will be added automatically.\r\n \/\/\r\n \/\/ const BREVO_API_KEY = 'YOUR_BREVO_API_KEY';\r\n \/\/ const LIST_ID = YOUR_BREVO_LIST_ID; \/\/ a number e.g. 3\r\n \/\/\r\n \/\/ fetch('https:\/\/api.brevo.com\/v3\/contacts', {\r\n \/\/ method: 'POST',\r\n \/\/ headers: {\r\n \/\/ 'Content-Type': 'application\/json',\r\n \/\/ 'api-key': BREVO_API_KEY\r\n \/\/ },\r\n \/\/ body: JSON.stringify({\r\n \/\/ email: email,\r\n \/\/ attributes: { FIRSTNAME: name, SMS: code + phone },\r\n \/\/ listIds: [LIST_ID],\r\n \/\/ updateEnabled: true\r\n \/\/ })\r\n \/\/ });\r\n \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n go('s4');\r\n }\r\n\r\n function goToLandingPage() {\r\n window.location.href = 'https:\/\/midwivestalk.online\/?page_id=9';\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Fibroid Quiz | Midwives Talk With Uyai Midwives Talk With Uyai Question 1 of 2 What is the size of your fibroid? Don’t worry if you’re unsure \u2014 just pick the closest option. \ud83d\udd34 Small \u2014 Less than 3cm \ud83d\udfe0 Medium \u2014 3cm to 6cm \ud83d\udd34 Large \u2014 Over 6cm \u2753 I don’t know yet […]<\/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-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=92"}],"version-history":[{"count":5,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92"}],"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\nFibroid Quiz | Midwives Talk With Uyai<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap');\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'Lato', sans-serif;\r\n background: #0d0b0f;\r\n color: #f0ece4;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .brand {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 32px;\r\n text-align: center;\r\n }\r\n\r\n .quiz-wrap { width: 100%; max-width: 520px; }\r\n\r\n .progress-bar {\r\n width: 100%;\r\n height: 3px;\r\n background: #2a2026;\r\n border-radius: 2px;\r\n margin-bottom: 36px;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, #b8956a, #d4a96a);\r\n border-radius: 2px;\r\n transition: width 0.5s ease;\r\n }\r\n\r\n .screen { display: none; animation: fadeIn 0.4s ease; }\r\n .screen.active { display: block; }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(12px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .step-label {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 12px;\r\n }\r\n\r\n h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(22px, 5vw, 30px);\r\n line-height: 1.35;\r\n color: #f5efe6;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sub {\r\n font-size: 14px;\r\n color: #9a8f83;\r\n margin-bottom: 32px;\r\n line-height: 1.6;\r\n }\r\n\r\n .options { display: flex; flex-direction: column; gap: 12px; }\r\n\r\n .opt {\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 16px 20px;\r\n cursor: pointer;\r\n font-size: 15px;\r\n color: #f0ece4;\r\n text-align: left;\r\n transition: all 0.25s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-family: 'Lato', sans-serif;\r\n }\r\n\r\n .opt:hover { border-color: #b8956a; background: #221c28; transform: translateX(4px); }\r\n\r\n .opt .dot {\r\n width: 18px; height: 18px;\r\n border-radius: 50%;\r\n border: 1.5px solid #5a4f5e;\r\n flex-shrink: 0;\r\n transition: all 0.2s;\r\n }\r\n\r\n .opt:hover .dot { border-color: #b8956a; background: #b8956a22; }\r\n .opt-icon { font-size: 20px; }\r\n\r\n \/* Lead capture form *\/\r\n .form-group { margin-bottom: 16px; }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #b8956a;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .form-group input {\r\n width: 100%;\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 14px 18px;\r\n font-size: 15px;\r\n color: #f0ece4;\r\n font-family: 'Lato', sans-serif;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .form-group input:focus { border-color: #b8956a; }\r\n .form-group input::placeholder { color: #5a4f5e; }\r\n\r\n .phone-row { display: flex; gap: 10px; }\r\n\r\n .phone-row select {\r\n background: #1a1520;\r\n border: 1.5px solid #2e2530;\r\n border-radius: 10px;\r\n padding: 14px 12px;\r\n font-size: 14px;\r\n color: #f0ece4;\r\n font-family: 'Lato', sans-serif;\r\n outline: none;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .phone-row select:focus { border-color: #b8956a; }\r\n\r\n .phone-row input { flex: 1; }\r\n\r\n .privacy-note {\r\n font-size: 12px;\r\n color: #5a4f5e;\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.6;\r\n }\r\n\r\n .privacy-note span { color: #b8956a; }\r\n\r\n \/* Buttons *\/\r\n .cta-btn {\r\n display: block;\r\n width: 100%;\r\n background: linear-gradient(135deg, #b8956a, #d4a96a);\r\n color: #0d0b0f;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 18px 24px;\r\n border: none;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin-top: 20px;\r\n text-align: center;\r\n letter-spacing: 0.5px;\r\n transition: all 0.3s ease;\r\n font-family: 'Lato', sans-serif;\r\n }\r\n\r\n .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(184,149,106,0.35); }\r\n .cta-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\r\n\r\n \/* Transition \/ final screens *\/\r\n .transition-text { text-align: center; padding: 20px 0; }\r\n .transition-text .big-emoji { font-size: 52px; margin-bottom: 20px; }\r\n\r\n .highlight-box {\r\n background: #1a1520;\r\n border-left: 3px solid #b8956a;\r\n border-radius: 0 8px 8px 0;\r\n padding: 16px 20px;\r\n margin: 24px 0;\r\n font-size: 14px;\r\n color: #c8bfb5;\r\n line-height: 1.7;\r\n text-align: left;\r\n }\r\n\r\n .exit-card {\r\n background: #1a1520;\r\n border: 1px solid #2e2530;\r\n border-radius: 14px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n }\r\n\r\n .exit-card .emoji { font-size: 48px; margin-bottom: 16px; }\r\n .exit-card p { color: #9a8f83; font-size: 15px; line-height: 1.7; margin-top: 12px; }\r\n\r\n .error-msg {\r\n color: #e07070;\r\n font-size: 13px;\r\n margin-top: 8px;\r\n display: none;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"brand\">Midwives Talk With Uyai<\/div>\r\n\r\n<div class=\"quiz-wrap\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"progress\" style=\"width: 0%\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen active\" id=\"s1\">\r\n <div class=\"step-label\">Question 1 of 2<\/div>\r\n <h2>What is the size of your fibroid?<\/h2>\r\n <p class=\"sub\">Don't worry if you're unsure \u2014 just pick the closest option.<\/p>\r\n <div class=\"options\">\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udd34<\/span> Small \u2014 Less than 3cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udfe0<\/span> Medium \u2014 3cm to 6cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\udd34<\/span> Large \u2014 Over 6cm<\/button>\r\n <button class=\"opt\" onclick=\"go('s2')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\u2753<\/span> I don't know yet<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s2\">\r\n <div class=\"step-label\">Question 2 of 2<\/div>\r\n <h2>Which of these are you currently dealing with?<\/h2>\r\n <p class=\"sub\">Pick the one that bothers you most.<\/p>\r\n <div class=\"options\">\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83e\ude78<\/span> Heavy or painful periods<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83e\udd30<\/span> Bloating or pressure in my belly<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\ude14<\/span> Worry about fertility \/ getting pregnant<\/button>\r\n <button class=\"opt\" onclick=\"go('s3')\"><span class=\"dot\"><\/span><span class=\"opt-icon\">\ud83d\ude29<\/span> All of the above<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s3\">\r\n <div class=\"step-label\">Almost there<\/div>\r\n <h2>Where should we send your results?<\/h2>\r\n <p class=\"sub\">Enter your details below so we can show you exactly what works for your situation.<\/p>\r\n\r\n <div class=\"form-group\">\r\n <label>Your First Name<\/label>\r\n <input type=\"text\" id=\"fname\" placeholder=\"e.g. Amina\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Your Email Address<\/label>\r\n <input type=\"email\" id=\"femail\" placeholder=\"e.g. amina@gmail.com\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Your Phone Number<\/label>\r\n <div class=\"phone-row\">\r\n <select id=\"fcode\">\r\n <option value=\"+234\">\ud83c\uddf3\ud83c\uddec +234<\/option>\r\n <option value=\"+233\">\ud83c\uddec\ud83c\udded +233<\/option>\r\n <option value=\"+254\">\ud83c\uddf0\ud83c\uddea +254<\/option>\r\n <option value=\"+256\">\ud83c\uddfa\ud83c\uddec +256<\/option>\r\n <option value=\"+255\">\ud83c\uddf9\ud83c\uddff +255<\/option>\r\n <option value=\"+260\">\ud83c\uddff\ud83c\uddf2 +260<\/option>\r\n <option value=\"+263\">\ud83c\uddff\ud83c\uddfc +263<\/option>\r\n <option value=\"+27\">\ud83c\uddff\ud83c\udde6 +27<\/option>\r\n <option value=\"+251\">\ud83c\uddea\ud83c\uddf9 +251<\/option>\r\n <option value=\"+225\">\ud83c\udde8\ud83c\uddee +225<\/option>\r\n <option value=\"+237\">\ud83c\udde8\ud83c\uddf2 +237<\/option>\r\n <option value=\"+221\">\ud83c\uddf8\ud83c\uddf3 +221<\/option>\r\n <\/select>\r\n <input type=\"tel\" id=\"fphone\" placeholder=\"08012345678\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"error-msg\" id=\"form-error\">Please fill in all fields before continuing.<\/div>\r\n\r\n <button class=\"cta-btn\" onclick=\"submitLead()\">Continue \u2192<\/button>\r\n\r\n <p class=\"privacy-note\">\ud83d\udd12 Your information is <span>100% private<\/span>. We never share or sell your details.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s4\">\r\n <div class=\"transition-text\">\r\n <div class=\"big-emoji\">\ud83c\udf3f<\/div>\r\n <div class=\"step-label\">One last thing<\/div>\r\n <h2>Are you ready to fix this \u2014 once and for all?<\/h2>\r\n <div class=\"highlight-box\">\r\n Many women have been told surgery is the only option. But there's something most doctors won't tell you \u2014 and Uyai discovered it the hard way, so you don't have to.\r\n <\/div>\r\n <p class=\"sub\">Click below to read her story and see exactly what she did.<\/p>\r\n <button class=\"cta-btn\" onclick=\"goToLandingPage()\">\ud83d\udc49 Yes \u2014 show me her story<\/button>\r\n <button class=\"cta-btn\" style=\"background:transparent;border:1.5px solid #3a3040;color:#9a8f83;margin-top:12px;\" onclick=\"go('s5_no')\">No, not right now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"screen\" id=\"s5_no\">\r\n <div class=\"exit-card\">\r\n <div class=\"emoji\">\ud83d\ude4f<\/div>\r\n <h2>That's okay.<\/h2>\r\n <p>Whenever you're ready, we'll be here. Healing happens at your own pace. Take care of yourself.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const progressMap = { s1:10, s2:35, s3:60, s4:90, s5_no:100 };\r\n\r\n function go(id) {\r\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\r\n document.getElementById(id).classList.add('active');\r\n document.getElementById('progress').style.width = (progressMap[id] || 0) + '%';\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function submitLead() {\r\n const name = document.getElementById('fname').value.trim();\r\n const email = document.getElementById('femail').value.trim();\r\n const phone = document.getElementById('fphone').value.trim();\r\n const code = document.getElementById('fcode').value;\r\n const err = document.getElementById('form-error');\r\n\r\n if (!name || !email || !phone) {\r\n err.style.display = 'block';\r\n return;\r\n }\r\n\r\n err.style.display = 'none';\r\n\r\n \/\/ \u2500\u2500 Brevo API call \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n \/\/ Once you have your Brevo API key and list ID, replace the\r\n \/\/ placeholders below. The contact will be added automatically.\r\n \/\/\r\n \/\/ const BREVO_API_KEY = 'YOUR_BREVO_API_KEY';\r\n \/\/ const LIST_ID = YOUR_BREVO_LIST_ID; \/\/ a number e.g. 3\r\n \/\/\r\n \/\/ fetch('https:\/\/api.brevo.com\/v3\/contacts', {\r\n \/\/ method: 'POST',\r\n \/\/ headers: {\r\n \/\/ 'Content-Type': 'application\/json',\r\n \/\/ 'api-key': BREVO_API_KEY\r\n \/\/ },\r\n \/\/ body: JSON.stringify({\r\n \/\/ email: email,\r\n \/\/ attributes: { FIRSTNAME: name, SMS: code + phone },\r\n \/\/ listIds: [LIST_ID],\r\n \/\/ updateEnabled: true\r\n \/\/ })\r\n \/\/ });\r\n \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n go('s4');\r\n }\r\n\r\n function goToLandingPage() {\r\n window.location.href = 'https:\/\/midwivestalk.online\/?page_id=9';\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Fibroid Quiz | Midwives Talk With Uyai Midwives Talk With Uyai Question 1 of 2 What is the size of your fibroid? Don’t worry if you’re unsure \u2014 just pick the closest option. \ud83d\udd34 Small \u2014 Less than 3cm \ud83d\udfe0 Medium \u2014 3cm to 6cm \ud83d\udd34 Large \u2014 Over 6cm \u2753 I don’t know yet […]<\/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-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=92"}],"version-history":[{"count":5,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/midwivestalk.online\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/midwivestalk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}