{"id":407,"date":"2024-10-03T09:42:07","date_gmt":"2024-10-03T12:42:07","guid":{"rendered":"https:\/\/mysourei.com\/bllex\/?page_id=407"},"modified":"2024-11-11T18:23:34","modified_gmt":"2024-11-11T21:23:34","slug":"hair-quizz","status":"publish","type":"page","link":"https:\/\/mysourei.com\/bllex\/hair-quizz\/","title":{"rendered":"HAIR QUIZZ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"407\" class=\"elementor elementor-407\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd27d00 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"cd27d00\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2eee8e1 e-con-full e-flex e-con e-child\" data-id=\"2eee8e1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/videos.pexels.com\\\/video-files\\\/8531825\\\/8531825-uhd_2560_1440_25fps.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8454bcc e-con-full e-flex e-con e-child\" data-id=\"8454bcc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57868df elementor-widget elementor-widget-heading\" data-id=\"57868df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HAIR QUIZZ<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93cbd26 elementor-widget elementor-widget-html\" data-id=\"93cbd26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"quiz\">\r\n  <form id=\"hairQuiz\">\r\n    <div class=\"step\" style=\"display: block;\">\r\n      <h1>1. Como voc\u00ea descreveria a textura do seu cabelo ao toque?<\/h1>\r\n      <input type=\"radio\" name=\"q1\" value=\"Hidrata\u00e7\u00e3o\"> Macio e suave<br>\r\n      <input type=\"radio\" name=\"q1\" value=\"Nutri\u00e7\u00e3o\"> \u00c1spero e opaco<br>\r\n      <input type=\"radio\" name=\"q1\" value=\"Reconstru\u00e7\u00e3o\"> Quebradi\u00e7o e poroso<br>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>2. Seu cabelo apresenta frizz?<\/h1>\r\n      <input type=\"radio\" name=\"q2\" value=\"Hidrata\u00e7\u00e3o\"> N\u00e3o, quase nunca<br>\r\n      <input type=\"radio\" name=\"q2\" value=\"Nutri\u00e7\u00e3o\"> Sim, \u00e0s vezes<br>\r\n      <input type=\"radio\" name=\"q2\" value=\"Reconstru\u00e7\u00e3o\"> Sim, o tempo todo<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>3. Voc\u00ea percebe pontas duplas ou fios quebradi\u00e7os?<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> N\u00e3o, raramente<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Sim, mas n\u00e3o \u00e9 excessivo<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Sim, com frequ\u00eancia<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>4. Seu cabelo tem brilho natural??<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> Sim, \u00e9 bem brilhoso<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Mais ou menos, depende do dia<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> N\u00e3o, est\u00e1 opaco<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>5. Voc\u00ea utiliza ferramentas de calor (secador, chapinha, babyliss) frequentemente?<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> N\u00e3o<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Sim, mas uso prote\u00e7\u00e3o t\u00e9rmica<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Sim, regularmente e sem prote\u00e7\u00e3o t\u00e9rmica<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>6. Voc\u00ea faz processos qu\u00edmicos no cabelo (colora\u00e7\u00e3o, alisamento, descolora\u00e7\u00e3o, relaxamento)?<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> N\u00e3o, raramente<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Sim, mas meu cabelo reage bem<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Sim, e meu cabelo est\u00e1 danificado por isso<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>7. Seu cabelo est\u00e1 embara\u00e7ando com facilidade?<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> N\u00e3o, \u00e9 f\u00e1cil de pentear<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Sim, um pouco mais do que o normal<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Sim, embara\u00e7a muito facilmente<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>8. Como seu cabelo reage ap\u00f3s a lavagem?<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> Fica leve e solto<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Fica com frizz e indisciplinado<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Fica ressecado e sem movimento<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>9. Ap\u00f3s um tratamento de hidrata\u00e7\u00e3o, como seu cabelo fica??<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> Muito macio e com brilho<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> N\u00e3o vejo muita diferen\u00e7a<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Melhor, mas ainda quebradi\u00e7o<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>10. Como voc\u00ea descreveria o estado geral do seu cabelo??<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> Seco e sem vida<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Com aspecto pesado ou oleoso nas pontas<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Fino, el\u00e1stico e quebradi\u00e7o<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>11. Quando voc\u00ea estica um fio de cabelo molhado, ele:<\/h1>\r\n      <input type=\"radio\" name=\"q3\" value=\"Hidrata\u00e7\u00e3o\"> Estica um pouco e volta ao normal<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Nutri\u00e7\u00e3o\"> Se estica muito e quebra facilmente<br>\r\n      <input type=\"radio\" name=\"q3\" value=\"Reconstru\u00e7\u00e3o\"> Se rompe imediatamente<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" class=\"next\">Pr\u00f3ximo<\/button>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"step\" style=\"display: none;\">\r\n      <h1>12. Qual problema voc\u00ea mais identifica em seu cabelo?<\/h1>\r\n      <input type=\"radio\" name=\"q12\" value=\"Hidrata\u00e7\u00e3o\"> Ressecamento e falta de brilho<br>\r\n      <input type=\"radio\" name=\"q12\" value=\"Nutri\u00e7\u00e3o\"> Fios \u00e1speros, com frizz ou sem movimento<br>\r\n      <input type=\"radio\" name=\"q12\" value=\"Reconstru\u00e7\u00e3o\"> Quebra, elasticidade excessiva e fios finos<br>\r\n      <button type=\"button\" class=\"prev\">Anterior<\/button>\r\n      <button type=\"button\" onclick=\"calculateResult()\">Ver Resultado<\/button>\r\n    <\/div>\r\n  <\/form>\r\n\r\n  <div id=\"result\" style=\"display:none;\">\r\n    <h2>Resultado:<\/h2>\r\n    <p id=\"quizResult\"><\/p>\r\n    <button id=\"resultButton\" style=\"display:none;\"><\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Fun\u00e7\u00e3o para alternar entre as etapas\r\n  var currentStep = 0;\r\n  var steps = document.querySelectorAll('.step');\r\n  \r\n  function showStep(step) {\r\n    steps.forEach(function(el, index) {\r\n      el.style.display = (index === step) ? 'block' : 'none';\r\n    });\r\n  }\r\n\r\n  document.querySelectorAll('.next').forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      currentStep++;\r\n      showStep(currentStep);\r\n    });\r\n  });\r\n\r\n  document.querySelectorAll('.prev').forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      currentStep--;\r\n      showStep(currentStep);\r\n    });\r\n  });\r\n\r\n  function calculateResult() {\r\n    var form = document.getElementById('hairQuiz');\r\n    var inputs = form.getElementsByTagName('input');\r\n    \r\n    var score = {\r\n      'Hidrata\u00e7\u00e3o': 0,\r\n      'Nutri\u00e7\u00e3o': 0,\r\n      'Reconstru\u00e7\u00e3o': 0\r\n    };\r\n\r\n    for (var i = 0; i < inputs.length; i++) {\r\n      if (inputs[i].type === 'radio' && inputs[i].checked) {\r\n        score[inputs[i].value]++;\r\n      }\r\n    }\r\n\r\n    var highestCategory = null;\r\n    var highestScore = 0;\r\n    for (var category in score) {\r\n      if (score[category] > highestScore) {\r\n        highestScore = score[category];\r\n        highestCategory = category;\r\n      }\r\n    }\r\n\r\n    var resultText = '';\r\n    var resultLink = '';\r\n    var resultButton = document.getElementById('resultButton');\r\n    \r\n    if (highestCategory === 'Hidrata\u00e7\u00e3o') {\r\n      resultText = 'Seu cabelo precisa de hidrata\u00e7\u00e3o.';\r\n      resultLink = 'https:\/\/mysourei.com\/bllex\/categoria-produto\/linha-hidratacao\/';\r\n      resultButton.textContent = 'Veja o produto ideal';\r\n    } else if (highestCategory === 'Nutri\u00e7\u00e3o') {\r\n      resultText = 'Seu cabelo precisa de nutri\u00e7\u00e3o.';\r\n      resultLink = 'https:\/\/mysourei.com\/bllex\/categoria-produto\/linha-nutricao\/';\r\n      resultButton.textContent = 'Veja o produto ideal';\r\n    } else if (highestCategory === 'Reconstru\u00e7\u00e3o') {\r\n      resultText = 'Seu cabelo precisa de reconstru\u00e7\u00e3o.';\r\n      resultLink = 'https:\/\/mysourei.com\/bllex\/categoria-produto\/linha-reconstrucao\/';\r\n      resultButton.textContent = 'Veja o produto ideal';\r\n    }\r\n\r\n    document.getElementById('quizResult').innerText = resultText;\r\n    resultButton.style.display = 'inline-block';\r\n    resultButton.onclick = function() {\r\n      window.location.href = resultLink;\r\n    };\r\n\r\n    document.getElementById('result').style.display = 'block';\r\n  }\r\n\r\n  \/\/ Inicializa a primeira etapa\r\n  showStep(currentStep);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\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>HAIR QUIZZ 1. Como voc\u00ea descreveria a textura do seu cabelo ao toque? Macio e suave \u00c1spero e opaco Quebradi\u00e7o<\/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-407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/pages\/407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/comments?post=407"}],"version-history":[{"count":119,"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/pages\/407\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/pages\/407\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/mysourei.com\/bllex\/wp-json\/wp\/v2\/media?parent=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}