{"id":17219,"date":"2022-09-22T04:01:43","date_gmt":"2022-09-22T04:01:43","guid":{"rendered":"https:\/\/motta.uix.store\/?page_id=17219"},"modified":"2026-05-28T17:26:01","modified_gmt":"2026-05-28T20:26:01","slug":"feedback","status":"publish","type":"page","link":"https:\/\/fluxolimpo.ia.br\/loja\/feedback\/","title":{"rendered":"Feedback"},"content":{"rendered":"<p>&nbsp;<\/p>\n<style>\n    *{<br \/>      margin:0;<br \/>      padding:0;<br \/>      box-sizing:border-box;<br \/>      font-family:'Poppins',sans-serif;<br \/>    }<\/p>\n<p>    body{<br \/>      background:linear-gradient(135deg,#0f172a,#1e293b,#111827);<br \/>      color:#fff;<br \/>      min-height:100vh;<br \/>      display:flex;<br \/>      align-items:center;<br \/>      justify-content:center;<br \/>      padding:20px;<br \/>    }<\/p>\n<p>    .container{<br \/>      width:100%;<br \/>      max-width:500px;<br \/>      background:rgba(255,255,255,0.05);<br \/>      border:1px solid rgba(255,255,255,0.1);<br \/>      backdrop-filter:blur(10px);<br \/>      border-radius:24px;<br \/>      padding:40px 30px;<br \/>      box-shadow:0 10px 40px rgba(0,0,0,0.4);<br \/>      text-align:center;<br \/>      animation:fadeIn 1s ease;<br \/>    }<\/p>\n<p>    @keyframes fadeIn{<br \/>      from{opacity:0;transform:translateY(20px)}<br \/>      to{opacity:1;transform:translateY(0)}<br \/>    }<\/p>\n<p>    .logo{<br \/>      width:90px;<br \/>      height:90px;<br \/>      margin:0 auto 20px;<br \/>      background:#fff;<br \/>      border-radius:50%;<br \/>      display:flex;<br \/>      align-items:center;<br \/>      justify-content:center;<br \/>      font-size:38px;<br \/>      color:#111827;<br \/>      font-weight:bold;<br \/>    }<\/p>\n<p>    h1{<br \/>      font-size:2rem;<br \/>      margin-bottom:10px;<br \/>      line-height:1.2;<br \/>    }<\/p>\n<p>    p{<br \/>      color:#cbd5e1;<br \/>      font-size:15px;<br \/>      line-height:1.6;<br \/>      margin-bottom:30px;<br \/>    }<\/p>\n<p>    .stars{<br \/>      display:flex;<br \/>      justify-content:center;<br \/>      gap:10px;<br \/>      margin-bottom:30px;<br \/>    }<\/p>\n<p>    .star{<br \/>      font-size:42px;<br \/>      cursor:pointer;<br \/>      transition:0.3s;<br \/>      color:#334155;<br \/>    }<\/p>\n<p>    .star.active,<br \/>    .star:hover{<br \/>      color:#facc15;<br \/>      transform:scale(1.1);<br \/>    }<\/p>\n<p>    .feedback-box{<br \/>      display:none;<br \/>      margin-top:20px;<br \/>      animation:fadeIn 0.5s ease;<br \/>    }<\/p>\n<p>    textarea{<br \/>      width:100%;<br \/>      height:120px;<br \/>      border:none;<br \/>      border-radius:14px;<br \/>      padding:15px;<br \/>      resize:none;<br \/>      outline:none;<br \/>      background:#1e293b;<br \/>      color:#fff;<br \/>      margin-bottom:20px;<br \/>      font-size:14px;<br \/>    }<\/p>\n<p>    .btn{<br \/>      width:100%;<br \/>      padding:15px;<br \/>      border:none;<br \/>      border-radius:14px;<br \/>      background:linear-gradient(90deg,#22c55e,#16a34a);<br \/>      color:#fff;<br \/>      font-size:16px;<br \/>      font-weight:600;<br \/>      cursor:pointer;<br \/>      transition:0.3s;<br \/>      box-shadow:0 5px 20px rgba(34,197,94,0.4);<br \/>    }<\/p>\n<p>    .btn:hover{<br \/>      transform:translateY(-2px);<br \/>      opacity:0.95;<br \/>    }<\/p>\n<p>    .success{<br \/>      display:none;<br \/>      margin-top:25px;<br \/>      background:rgba(34,197,94,0.15);<br \/>      border:1px solid rgba(34,197,94,0.4);<br \/>      padding:18px;<br \/>      border-radius:14px;<br \/>      color:#bbf7d0;<br \/>      font-size:15px;<br \/>      line-height:1.5;<br \/>    }<\/p>\n<p>    .google-btn{<br \/>      display:none;<br \/>      margin-top:20px;<br \/>      text-decoration:none;<br \/>      background:#fff;<br \/>      color:#111827;<br \/>      padding:14px 20px;<br \/>      border-radius:14px;<br \/>      font-weight:600;<br \/>      display:inline-block;<br \/>      transition:0.3s;<br \/>    }<\/p>\n<p>    .google-btn:hover{<br \/>      transform:translateY(-2px);<br \/>    }<\/p>\n<p>    .footer{<br \/>      margin-top:30px;<br \/>      color:#94a3b8;<br \/>      font-size:12px;<br \/>    }<\/p>\n<p>    @media(max-width:480px){<br \/>      .container{<br \/>        padding:30px 20px;<br \/>      }<\/p>\n<p>      h1{<br \/>        font-size:1.6rem;<br \/>      }<\/p>\n<p>      .star{<br \/>        font-size:36px;<br \/>      }<br \/>    }<br \/>  <\/style>\n<p>&nbsp;<\/p>\n<div class=\"container\">\n<div class=\"logo\">\u2605<\/div>\n<h1>Sua opini\u00e3o \u00e9 muito importante<\/h1>\n<p>Avalie sua experi\u00eancia com nossa loja. Seu feedback nos ajuda a melhorar cada vez mais.<\/p>\n<div id=\"stars\" class=\"stars\"><span class=\"star\" data-value=\"1\">\u2605<\/span><br \/>\n<span class=\"star\" data-value=\"2\">\u2605<\/span><br \/>\n<span class=\"star\" data-value=\"3\">\u2605<\/span><br \/>\n<span class=\"star\" data-value=\"4\">\u2605<\/span><br \/>\n<span class=\"star\" data-value=\"5\">\u2605<\/span><\/div>\n<div id=\"feedbackBox\" class=\"feedback-box\"><textarea id=\"feedback\" placeholder=\"Conte como foi sua experi\u00eancia...\"><\/textarea><button class=\"btn\"><br \/>\nEnviar Avalia\u00e7\u00e3o<br \/>\n<\/button><\/div>\n<div id=\"successMessage\" class=\"success\">\u2705 Obrigado pelo seu feedback positivo!<br \/>\nSua avalia\u00e7\u00e3o ajuda nossa loja a crescer.<\/div>\n<p><a id=\"googleBtn\" class=\"google-btn\" href=\"https:\/\/g.page\/r\/CODIGO-DA-SUA-LOJA\/review\" target=\"_blank\" rel=\"noopener\"><br \/>\nAvaliar no Google<br \/>\n<\/a><\/p>\n<div class=\"footer\">\u00a9 2026 &#8211; Todos os direitos reservados<\/div>\n<\/div>\n<p><script>\n    const stars = document.querySelectorAll('.star');\n    const feedbackBox = document.getElementById('feedbackBox');\n    const successMessage = document.getElementById('successMessage');\n    const googleBtn = document.getElementById('googleBtn');<\/p>\n<p>    let selectedRating = 0;<\/p>\n<p>    stars.forEach(star => {\n      star.addEventListener('click', () => {\n        selectedRating = star.getAttribute('data-value');<\/p>\n<p>        stars.forEach(s => s.classList.remove('active'));<\/p>\n<p>        for(let i = 0; i < selectedRating; i++){ stars[i].classList.add('active'); } feedbackBox.style.display = 'block'; if(selectedRating >= 4){\n          googleBtn.style.display = 'inline-block';\n        } else {\n          googleBtn.style.display = 'none';\n        }\n      });\n    });<\/p>\n<p>    function sendFeedback(){\n      const feedback = document.getElementById('feedback').value;<\/p>\n<p>      console.log({\n        nota:selectedRating,\n        comentario:feedback,\n        data:new Date()\n      });<\/p>\n<p>      feedbackBox.style.display = 'none';\n      successMessage.style.display = 'block';\n    }\n  <\/script><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; \u2605 Sua opini\u00e3o \u00e9 muito importante Avalie sua experi\u00eancia com nossa loja. Seu feedback nos ajuda a melhorar cada vez mais. \u2605 \u2605 \u2605 \u2605 \u2605 Enviar Avalia\u00e7\u00e3o<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"class_list":["post-17219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/pages\/17219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/comments?post=17219"}],"version-history":[{"count":4,"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/pages\/17219\/revisions"}],"predecessor-version":[{"id":24027,"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/pages\/17219\/revisions\/24027"}],"wp:attachment":[{"href":"https:\/\/fluxolimpo.ia.br\/loja\/wp-json\/wp\/v2\/media?parent=17219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}