{"id":370,"date":"2026-03-27T06:59:22","date_gmt":"2026-03-27T04:59:22","guid":{"rendered":"https:\/\/salononline.ro\/salondemo\/?page_id=370"},"modified":"2026-03-27T07:14:20","modified_gmt":"2026-03-27T05:14:20","slug":"feedback","status":"publish","type":"page","link":"https:\/\/salononline.ro\/salondemo\/feedback\/","title":{"rendered":"Feedback"},"content":{"rendered":"<p><!-- ================================================\n     SALON REVIEW WIDGET \u2014 WordPress Compatible\n     Lipeste tot acest cod intr-un bloc \"HTML Personalizat\"\n     sau \"Custom HTML\" din Gutenberg \/ Classic Editor\n     ================================================ --><\/p>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\" \/>\n<style>\n\/* =====================================================\n   TOT CSS-UL ESTE PREFIXAT CU #srw (salon-review-widget)\n   pentru a evita conflicte cu tema WordPress\n   ===================================================== *\/<\/p>\n<p>\/* Reset scoped *\/\n#srw, #srw *, #srw *::before, #srw *::after {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}<\/p>\n<p>\/* Variabile pe wrapper *\/\n#srw {\n  --srw-ivory:     #faf8f5;\n  --srw-cream:     #f3ede6;\n  --srw-blush:     #e8c4b8;\n  --srw-rose:      #c9896e;\n  --srw-rose-deep: #a86548;\n  --srw-mauve:     #9e7b7b;\n  --srw-charcoal:  #2d2424;\n  --srw-mist:      #b5a5a0;<\/p>\n<p>  \/* Layout *\/\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 100% !important;\n  padding: 40px 16px !important;\n  background: transparent !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-weight: 300 !important;\n  color: var(--srw-charcoal) !important;\n  position: relative !important;\n}<\/p>\n<p>\/* Card *\/\n#srw .srw-card {\n  background: #ffffff !important;\n  border-radius: 32px !important;\n  box-shadow: 0 20px 60px rgba(45,36,36,0.13) !important;\n  padding: 52px 44px 48px !important;\n  width: 100% !important;\n  max-width: 500px !important;\n  text-align: center !important;\n  position: relative !important;\n  animation: srwCardIn 0.7s cubic-bezier(0.4,0,0.2,1) both !important;\n}<\/p>\n<p>@keyframes srwCardIn {\n  from { opacity: 0; transform: translateY(28px) scale(0.97); }\n  to   { opacity: 1; transform: translateY(0)   scale(1);    }\n}<\/p>\n<p>\/* Monogram *\/\n#srw .srw-monogram {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 56px !important;\n  height: 56px !important;\n  background: linear-gradient(135deg, #e8c4b8, #c9896e) !important;\n  border-radius: 50% !important;\n  margin: 0 auto 28px auto !important;\n  box-shadow: 0 4px 16px rgba(201,137,110,0.35) !important;\n}<\/p>\n<p>#srw .srw-monogram svg {\n  width: 28px !important;\n  height: 28px !important;\n  fill: #ffffff !important;\n  display: block !important;\n}<\/p>\n<p>\/* Typography *\/\n#srw .srw-title {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-weight: 400 !important;\n  font-size: clamp(1.5rem, 4vw, 1.95rem) !important;\n  line-height: 1.25 !important;\n  color: #2d2424 !important;\n  margin: 0 0 10px 0 !important;\n  letter-spacing: -0.01em !important;\n}<\/p>\n<p>#srw .srw-subtitle {\n  font-size: 0.87rem !important;\n  font-weight: 300 !important;\n  color: #b5a5a0 !important;\n  letter-spacing: 0.02em !important;\n  margin: 0 0 28px 0 !important;\n  line-height: 1.6 !important;\n}<\/p>\n<p>\/* Divider *\/\n#srw .srw-divider {\n  width: 40px !important;\n  height: 1px !important;\n  background: linear-gradient(90deg, transparent, #e8c4b8, transparent) !important;\n  margin: 0 auto 32px auto !important;\n  display: block !important;\n}<\/p>\n<p>\/* \u2500\u2500 STAR RATING \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 *\/\n#srw .srw-stars {\n  display: flex !important;\n  flex-direction: row-reverse !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  margin: 0 0 32px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n}<\/p>\n<p>#srw .srw-stars legend {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  clip: rect(0,0,0,0) !important;\n}<\/p>\n<p>#srw .srw-stars input[type=\"radio\"] {\n  position: absolute !important;\n  opacity: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}<\/p>\n<p>#srw .srw-stars label {\n  cursor: pointer !important;\n  font-size: 2.4rem !important;\n  line-height: 1 !important;\n  color: #e0d5cf !important;\n  transition: color 0.3s ease, transform 0.3s ease, filter 0.3s ease !important;\n  user-select: none !important;\n  display: inline-block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: transparent !important;\n  border: none !important;\n}<\/p>\n<p>\/* Hover pe stea \u0219i toate stelele dup\u0103 ea (flex row-reverse) *\/\n#srw .srw-stars label:hover,\n#srw .srw-stars label:hover ~ label {\n  color: #c9896e !important;\n  transform: scale(1.18) !important;\n  filter: drop-shadow(0 2px 6px rgba(201,137,110,0.45)) !important;\n}<\/p>\n<p>\/* Stele selectate *\/\n#srw .srw-stars input[type=\"radio\"]:checked ~ label {\n  color: #c9896e !important;\n}\n#srw .srw-stars input[type=\"radio\"]:checked + label {\n  filter: drop-shadow(0 2px 8px rgba(201,137,110,0.5)) !important;\n  transform: scale(1.08) !important;\n}<\/p>\n<p>\/* \u2500\u2500 ERROR MESSAGE \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 *\/\n#srw .srw-error {\n  font-size: 0.8rem !important;\n  color: #c0534a !important;\n  margin: -22px 0 14px 0 !important;\n  opacity: 0 !important;\n  transform: translateY(-6px) !important;\n  transition: opacity 0.3s ease, transform 0.3s ease !important;\n  display: block !important;\n}<\/p>\n<p>#srw .srw-error.srw-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}<\/p>\n<p>\/* \u2500\u2500 BUTTONS \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 *\/\n#srw .srw-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.88rem !important;\n  letter-spacing: 0.07em !important;\n  text-transform: uppercase !important;\n  padding: 15px 36px !important;\n  border-radius: 50px !important;\n  border: none !important;\n  cursor: pointer !important;\n  width: 100% !important;\n  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;\n  text-decoration: none !important;\n}<\/p>\n<p>#srw .srw-btn-primary {\n  background: linear-gradient(135deg, #c9896e 0%, #a86548 100%) !important;\n  color: #ffffff !important;\n  box-shadow: 0 4px 20px rgba(168,101,72,0.38) !important;\n  margin: 0 0 0 0 !important;\n}<\/p>\n<p>#srw .srw-btn-primary:hover:not(:disabled) {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 8px 28px rgba(168,101,72,0.48) !important;\n  background: linear-gradient(135deg, #c9896e 0%, #a86548 100%) !important;\n  color: #ffffff !important;\n}<\/p>\n<p>#srw .srw-btn-primary:disabled {\n  opacity: 0.55 !important;\n  cursor: not-allowed !important;\n  transform: none !important;\n}<\/p>\n<p>\/* Spinner *\/\n#srw .srw-spinner {\n  display: none !important;\n  width: 16px !important;\n  height: 16px !important;\n  min-width: 16px !important;\n  border: 2px solid rgba(255,255,255,0.35) !important;\n  border-top-color: #fff !important;\n  border-radius: 50% !important;\n  animation: srwSpin 0.7s linear infinite !important;\n}<\/p>\n<p>@keyframes srwSpin { to { transform: rotate(360deg); } }<\/p>\n<p>#srw .srw-loading .srw-spinner { display: inline-block !important; }\n#srw .srw-loading .srw-btn-label { opacity: 0.6 !important; }<\/p>\n<p>\/* \u2500\u2500 FEEDBACK SECTION \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 *\/\n\/* CRITICAL: hidden by default \u2014 JS also sets this *\/\n#srw .srw-feedback {\n  display: none !important;\n  margin: 24px 0 0 0 !important;\n  text-align: left !important;\n}<\/p>\n<p>#srw .srw-feedback.srw-visible {\n  display: block !important;\n  animation: srwFadeUp 0.45s cubic-bezier(0.4,0,0.2,1) both !important;\n}<\/p>\n<p>@keyframes srwFadeUp {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0);    }\n}<\/p>\n<p>#srw .srw-feedback-intro {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: 1rem !important;\n  font-style: italic !important;\n  color: #9e7b7b !important;\n  text-align: center !important;\n  margin: 0 0 20px 0 !important;\n  line-height: 1.7 !important;\n}<\/p>\n<p>#srw .srw-form-group {\n  margin: 0 0 16px 0 !important;\n}<\/p>\n<p>#srw .srw-label {\n  display: block !important;\n  font-size: 0.76rem !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  color: #9e7b7b !important;\n  margin: 0 0 8px 0 !important;\n}<\/p>\n<p>#srw .srw-input,\n#srw .srw-textarea {\n  width: 100% !important;\n  padding: 13px 17px !important;\n  border: 1.5px solid #f3ede6 !important;\n  border-radius: 10px !important;\n  background: #faf8f5 !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-weight: 300 !important;\n  font-size: 0.92rem !important;\n  color: #2d2424 !important;\n  outline: none !important;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n}<\/p>\n<p>#srw .srw-input:focus,\n#srw .srw-textarea:focus {\n  border-color: #e8c4b8 !important;\n  box-shadow: 0 0 0 3px rgba(232,196,184,0.3) !important;\n}<\/p>\n<p>#srw .srw-textarea {\n  resize: vertical !important;\n  min-height: 120px !important;\n}<\/p>\n<p>#srw .srw-btn-feedback-wrap {\n  margin: 8px 0 0 0 !important;\n}<\/p>\n<p>\/* \u2500\u2500 REDIRECT STATE \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 *\/\n\/* CRITICAL: hidden by default *\/\n#srw .srw-redirect {\n  display: none !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 14px !important;\n}<\/p>\n<p>#srw .srw-redirect.srw-visible {\n  display: flex !important;\n  animation: srwFadeUp 0.5s cubic-bezier(0.4,0,0.2,1) both !important;\n}<\/p>\n<p>\/* \u2500\u2500 SUCCESS STATE \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 *\/\n\/* CRITICAL: hidden by default *\/\n#srw .srw-success {\n  display: none !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 14px !important;\n}<\/p>\n<p>#srw .srw-success.srw-visible {\n  display: flex !important;\n  animation: srwFadeUp 0.5s cubic-bezier(0.4,0,0.2,1) both !important;\n}<\/p>\n<p>\/* Icon circle *\/\n#srw .srw-icon-circle {\n  width: 64px !important;\n  height: 64px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  animation: srwPop 0.5s cubic-bezier(0.175,0.885,0.32,1.275) both !important;\n  margin: 0 auto !important;\n}<\/p>\n<p>@keyframes srwPop {\n  from { opacity: 0; transform: scale(0.5); }\n  to   { opacity: 1; transform: scale(1);   }\n}<\/p>\n<p>#srw .srw-icon-circle.srw-rose {\n  background: linear-gradient(135deg, #e8c4b8, #c9896e) !important;\n  box-shadow: 0 4px 16px rgba(201,137,110,0.35) !important;\n}<\/p>\n<p>#srw .srw-icon-circle.srw-green {\n  background: linear-gradient(135deg, #d4edda, #85c99a) !important;\n  box-shadow: 0 4px 16px rgba(100,180,130,0.3) !important;\n}<\/p>\n<p>#srw .srw-icon-circle svg {\n  width: 28px !important;\n  height: 28px !important;\n  display: block !important;\n}<\/p>\n<p>#srw .srw-state-title {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: 1.55rem !important;\n  font-weight: 400 !important;\n  color: #2d2424 !important;\n  margin: 0 !important;\n}<\/p>\n<p>#srw .srw-state-text {\n  font-size: 0.87rem !important;\n  color: #b5a5a0 !important;\n  line-height: 1.75 !important;\n  text-align: center !important;\n  max-width: 320px !important;\n  margin: 0 !important;\n}<\/p>\n<p>\/* Progress bar *\/\n#srw .srw-progress-wrap {\n  width: 100% !important;\n  max-width: 260px !important;\n  height: 3px !important;\n  background: #f3ede6 !important;\n  border-radius: 2px !important;\n  overflow: hidden !important;\n  margin: 0 auto !important;\n}<\/p>\n<p>#srw .srw-progress-fill {\n  height: 100% !important;\n  background: linear-gradient(90deg, #e8c4b8, #c9896e) !important;\n  border-radius: 2px !important;\n  width: 0% !important;\n}<\/p>\n<p>#srw .srw-countdown {\n  font-size: 0.78rem !important;\n  color: #b5a5a0 !important;\n  letter-spacing: 0.04em !important;\n  margin: 0 !important;\n}<\/p>\n<p>\/* Footer *\/\n#srw .srw-footer {\n  margin: 28px 0 0 0 !important;\n  padding: 20px 0 0 0 !important;\n  border-top: 1px solid #f3ede6 !important;\n}<\/p>\n<p>#srw .srw-footer p {\n  font-size: 0.73rem !important;\n  color: #c9bab5 !important;\n  letter-spacing: 0.04em !important;\n  margin: 0 !important;\n}<\/p>\n<p>\/* Responsive *\/\n@media (max-width: 520px) {\n  #srw .srw-card {\n    padding: 36px 22px 32px !important;\n    border-radius: 22px !important;\n  }\n  #srw .srw-stars label {\n    font-size: 2rem !important;\n  }\n}<\/p>\n<p>@keyframes srwShake {\n  0%,100%{ transform: translateX(0); }\n  20%    { transform: translateX(-6px); }\n  40%    { transform: translateX(6px); }\n  60%    { transform: translateX(-4px); }\n  80%    { transform: translateX(4px); }\n}\n<\/style>\n<p><!-- \u2500\u2500 WIDGET HTML \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 --><\/p>\n<div id=\"srw\">\n<div class=\"srw-card\">\n<p>    <!-- MONOGRAM --><\/p>\n<div class=\"srw-monogram\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 2C9.5 2 8 4.5 8 7c0 1.5.6 2.8 1.5 3.7C7.3 10.2 5 8.6 5 6c0-.6-.4-1-1-1s-1 .4-1 1c0 3.6 2.8 6.5 6.4 7C8.5 13.9 8 15.4 8 17c0 2.8 1.8 5 4 5s4-2.2 4-5c0-1.6-.5-3.1-1.4-4C18.2 12.5 21 9.6 21 6c0-.6-.4-1-1-1s-1 .4-1 1c0 2.6-2.3 4.2-4.5 4.7C15.4 9.8 16 8.5 16 7c0-2.5-1.5-5-4-5zm0 2c1.1 0 2 1.6 2 3s-.9 3-2 3-2-1.6-2-3 .9-3 2-3zm0 9c1.1 0 2 1.8 2 4s-.9 3-2 3-2-1.8-2-4 .9-3 2-3z\"\/>\n      <\/svg>\n    <\/div>\n<p>    <!-- \u2500\u2500 STEP 1: RATING SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 --><\/p>\n<section id=\"srw-step-rating\">\n<h2 class=\"srw-title\">Cum a fost experien\u021ba<br \/><em>ta \u00een salon?<\/em><\/h2>\n<p class=\"srw-subtitle\">Feedback-ul t\u0103u ne ajut\u0103 s\u0103 oferim servicii mai bune.<\/p>\n<div class=\"srw-divider\" aria-hidden=\"true\"><\/div>\n<p>      <!-- Stars --><\/p>\n<fieldset class=\"srw-stars\" role=\"radiogroup\" aria-label=\"Selecta\u021bi num\u0103rul de stele\">\n<legend>Not\u0103 experien\u021b\u0103<\/legend>\n<p>        <input type=\"radio\" id=\"srw-star5\" name=\"srw_rating\" value=\"5\" \/><br \/>\n        <label for=\"srw-star5\" title=\"5 stele\">&#9733;<\/label><\/p>\n<p>        <input type=\"radio\" id=\"srw-star4\" name=\"srw_rating\" value=\"4\" \/><br \/>\n        <label for=\"srw-star4\" title=\"4 stele\">&#9733;<\/label><\/p>\n<p>        <input type=\"radio\" id=\"srw-star3\" name=\"srw_rating\" value=\"3\" \/><br \/>\n        <label for=\"srw-star3\" title=\"3 stele\">&#9733;<\/label><\/p>\n<p>        <input type=\"radio\" id=\"srw-star2\" name=\"srw_rating\" value=\"2\" \/><br \/>\n        <label for=\"srw-star2\" title=\"2 stele\">&#9733;<\/label><\/p>\n<p>        <input type=\"radio\" id=\"srw-star1\" name=\"srw_rating\" value=\"1\" \/><br \/>\n        <label for=\"srw-star1\" title=\"1 stea\">&#9733;<\/label><br \/>\n      <\/fieldset>\n<p>      <!-- Validation error --><br \/>\n      <span class=\"srw-error\" id=\"srw-error\" role=\"alert\" aria-live=\"polite\"><br \/>\n        Te rug\u0103m s\u0103 selectezi o not\u0103 \u00eenainte de a continua.<br \/>\n      <\/span><\/p>\n<p>      <!-- Submit rating button --><br \/>\n      <button class=\"srw-btn srw-btn-primary\" id=\"srw-btn-rating\" type=\"button\"><br \/>\n        <span class=\"srw-btn-label\">Trimite review<\/span><br \/>\n        <span class=\"srw-spinner\" aria-hidden=\"true\"><\/span><br \/>\n      <\/button><\/p>\n<p>      <!-- NEGATIVE FEEDBACK FORM (hidden until needed) --><\/p>\n<div class=\"srw-feedback\" id=\"srw-feedback\">\n<p class=\"srw-feedback-intro\">\n          Ne pare r\u0103u c\u0103 experien\u021ba nu a fost pe m\u0103sura a\u0219tept\u0103rilor.<br \/>\n          Spune-ne ce s-a \u00eent\u00e2mplat \u2014 vrem s\u0103 \u00eembun\u0103t\u0103\u021bim.\n        <\/p>\n<div class=\"srw-form-group\">\n          <label class=\"srw-label\" for=\"srw-message\"><br \/>\n            Mesajul dumneavoastr\u0103 <span aria-hidden=\"true\">*<\/span><br \/>\n          <\/label><br \/>\n          <textarea\n            class=\"srw-textarea\"\n            id=\"srw-message\"\n            placeholder=\"Descrie experien\u021ba ta...\"\n            rows=\"4\"\n            aria-required=\"true\"\n          ><\/textarea>\n        <\/div>\n<div class=\"srw-form-group\">\n          <label class=\"srw-label\" for=\"srw-name\"><br \/>\n            Nume <span style=\"text-transform:none;font-weight:300;font-size:0.74rem;\">(op\u021bional)<\/span><br \/>\n          <\/label><br \/>\n          <input\n            class=\"srw-input\"\n            id=\"srw-name\"\n            type=\"text\"\n            placeholder=\"Numele t\u0103u\"\n          \/>\n        <\/div>\n<div class=\"srw-btn-feedback-wrap\">\n          <button class=\"srw-btn srw-btn-primary\" id=\"srw-btn-feedback\" type=\"button\"><br \/>\n            <span class=\"srw-btn-label\">Trimite feedback<\/span><br \/>\n            <span class=\"srw-spinner\" aria-hidden=\"true\"><\/span><br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \/step-rating --><\/p>\n<p>    <!-- \u2500\u2500 REDIRECT STATE (4-5 stars) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 --><\/p>\n<div class=\"srw-redirect\" id=\"srw-redirect\" aria-live=\"polite\">\n<div class=\"srw-icon-circle srw-rose\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\" fill=\"white\"\/>\n        <\/svg>\n      <\/div>\n<h2 class=\"srw-state-title\">Mul\u021bumim!<\/h2>\n<p class=\"srw-state-text\">\n        Ne bucur\u0103m c\u0103 ai avut o experien\u021b\u0103 pl\u0103cut\u0103.<br \/>\n        Te invit\u0103m s\u0103 la\u0219i o recenzie pe Google.\n      <\/p>\n<div class=\"srw-progress-wrap\">\n<div class=\"srw-progress-fill\" id=\"srw-progress\"><\/div>\n<\/p><\/div>\n<p class=\"srw-countdown\" id=\"srw-countdown\">\n        Vei fi redirec\u021bionat \u00een <strong>3<\/strong> secunde\u2026\n      <\/p>\n<\/p><\/div>\n<p>    <!-- \u2500\u2500 SUCCESS STATE (1-3 stars submitted) \u2500\u2500\u2500\u2500\u2500\u2500 --><\/p>\n<div class=\"srw-success\" id=\"srw-success\" aria-live=\"polite\">\n<div class=\"srw-icon-circle srw-green\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M20 6L9 17l-5-5\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n<h2 class=\"srw-state-title\">Feedback primit!<\/h2>\n<p class=\"srw-state-text\">\n        \u00ce\u021bi mul\u021bumim pentru feedback.<br \/>\n        Vom analiza mesajul t\u0103u \u0219i vom lua m\u0103surile necesare.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Footer --><\/p>\n<footer class=\"srw-footer\">\n<p>\u00a9 <span id=\"srw-year\"><\/span> Salon de Frumuse\u021be &nbsp;\u00b7&nbsp; Confiden\u021bialitate garantat\u0103<\/p>\n<\/footer><\/div>\n<p><!-- \/srw-card -->\n<\/div>\n<p><!-- \/srw --><\/p>\n<p><script>\n(function () {\n  'use strict';<\/p>\n<p>  \/* ============================================\n     CONFIGURARE \u2014 modific\u0103 valorile de mai jos\n     ============================================ *\/\n  var CONFIG = {\n    googleUrl:         'https:\/\/g.page\/r\/CReXNyv4vdPkEBM\/review',\n    salonEmail:        'salon@example.com',\n    redirectDelay:     3,      \/\/ secunde \u00eenainte de redirect Google\n    positiveThreshold: 4       \/\/ 4 sau 5 stele \u2192 Google; 1-3 \u2192 feedback privat\n  };<\/p>\n<p>  \/* ============================================\n     FOR\u021a\u0102M VIZIBILITATEA CORECT\u0102 LA LOAD\n     (protec\u021bie \u00eempotriva temelor WordPress)\n     ============================================ *\/\n  function initVisibility() {\n    hide('srw-feedback');\n    hide('srw-redirect');\n    hide('srw-success');\n    show('srw-step-rating');\n  }<\/p>\n<p>  function hide(id) {\n    var el = document.getElementById(id);\n    if (el) {\n      el.style.setProperty('display', 'none', 'important');\n      el.classList.remove('srw-visible');\n    }\n  }<\/p>\n<p>  function show(id) {\n    var el = document.getElementById(id);\n    if (el) el.style.removeProperty('display');\n  }<\/p>\n<p>  \/* ============================================\n     DOM\n     ============================================ *\/\n  var btnRating    = document.getElementById('srw-btn-rating');\n  var btnFeedback  = document.getElementById('srw-btn-feedback');\n  var errorEl      = document.getElementById('srw-error');\n  var feedbackEl   = document.getElementById('srw-feedback');\n  var messageEl    = document.getElementById('srw-message');\n  var nameEl       = document.getElementById('srw-name');\n  var redirectEl   = document.getElementById('srw-redirect');\n  var successEl    = document.getElementById('srw-success');\n  var stepRatingEl = document.getElementById('srw-step-rating');\n  var progressEl   = document.getElementById('srw-progress');\n  var countdownEl  = document.getElementById('srw-countdown');<\/p>\n<p>  var submitted = false;<\/p>\n<p>  \/* ============================================\n     UTILITIES\n     ============================================ *\/\n  function getRating() {\n    var checked = document.querySelector('input[name=\"srw_rating\"]:checked');\n    return checked ? parseInt(checked.value, 10) : null;\n  }<\/p>\n<p>  function setLoading(btn, on) {\n    btn.disabled = on;\n    if (on) {\n      btn.classList.add('srw-loading');\n    } else {\n      btn.classList.remove('srw-loading');\n    }\n  }<\/p>\n<p>  \/* Fade out step-rating, then show target element *\/\n  function transitionTo(targetEl) {\n    stepRatingEl.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n    stepRatingEl.style.opacity    = '0';\n    stepRatingEl.style.transform  = 'translateY(-10px)';<\/p>\n<p>    setTimeout(function () {\n      stepRatingEl.style.setProperty('display', 'none', 'important');\n      \/* remove any inline display:none from initVisibility so the CSS class can take effect *\/\n      targetEl.style.removeProperty('display');\n      targetEl.classList.add('srw-visible');\n    }, 380);\n  }<\/p>\n<p>  \/* ============================================\n     POSITIVE FLOW \u2192 redirect Google\n     ============================================ *\/\n  function handlePositive() {\n    setLoading(btnRating, true);<\/p>\n<p>    setTimeout(function () {\n      transitionTo(redirectEl);<\/p>\n<p>      var total    = CONFIG.redirectDelay * 1000;\n      var step     = 80;\n      var elapsed  = 0;\n      var remaining = CONFIG.redirectDelay;<\/p>\n<p>      progressEl.style.transition = '';\n      progressEl.style.width = '0%';<\/p>\n<p>      var interval = setInterval(function () {\n        elapsed += step;\n        var pct = Math.min((elapsed \/ total) * 100, 100);\n        progressEl.style.transition = step + 'ms linear';\n        progressEl.style.width = pct + '%';<\/p>\n<p>        var secs = Math.max(CONFIG.redirectDelay - Math.floor(elapsed \/ 1000), 0);\n        if (secs !== remaining) {\n          remaining = secs;\n          countdownEl.innerHTML = remaining > 0\n            ? 'Vei fi redirec\u021bionat \u00een <strong>' + remaining + '<\/strong> ' + (remaining === 1 ? 'secund\u0103' : 'secunde') + '\u2026'\n            : 'Se deschide Google\u2026';\n        }<\/p>\n<p>        if (elapsed >= total) {\n          clearInterval(interval);\n          window.open(CONFIG.googleUrl, '_blank', 'noopener,noreferrer');\n        }\n      }, step);\n    }, 600);\n  }<\/p>\n<p>  \/* ============================================\n     NEGATIVE FLOW \u2192 show textarea\n     ============================================ *\/\n  function handleNegative() {\n    \/* Remove inline display:none so CSS class can show it *\/\n    feedbackEl.style.removeProperty('display');\n    feedbackEl.classList.add('srw-visible');<\/p>\n<p>    setTimeout(function () {\n      feedbackEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }, 100);\n  }<\/p>\n<p>  \/* ============================================\n     SUBMIT RATING\n     ============================================ *\/\n  btnRating.addEventListener('click', function () {\n    if (submitted) return;<\/p>\n<p>    var rating = getRating();<\/p>\n<p>    if (!rating) {\n      errorEl.classList.add('srw-visible');\n      \/* Shake animation on stars *\/\n      var starsEl = document.querySelector('#srw .srw-stars');\n      starsEl.style.animation = 'none';\n      void starsEl.offsetWidth; \/* reflow *\/\n      starsEl.style.animation = 'srwShake 0.4s ease';\n      return;\n    }<\/p>\n<p>    errorEl.classList.remove('srw-visible');<\/p>\n<p>    if (rating >= CONFIG.positiveThreshold) {\n      submitted = true;\n      handlePositive();\n    } else {\n      if (!feedbackEl.classList.contains('srw-visible')) {\n        handleNegative();\n      }\n    }\n  });<\/p>\n<p>  \/* ============================================\n     SUBMIT FEEDBACK\n     ============================================ *\/\n  btnFeedback.addEventListener('click', function () {\n    if (submitted) return;<\/p>\n<p>    var message = messageEl.value.trim();\n    var name    = nameEl ? nameEl.value.trim() : '';\n    var rating  = getRating();<\/p>\n<p>    if (!message) {\n      messageEl.focus();\n      messageEl.style.borderColor = '#c0534a';\n      messageEl.style.boxShadow   = '0 0 0 3px rgba(192,83,74,0.15)';\n      setTimeout(function () {\n        messageEl.style.borderColor = '';\n        messageEl.style.boxShadow   = '';\n      }, 1800);\n      return;\n    }<\/p>\n<p>    submitted = true;\n    setLoading(btnFeedback, true);<\/p>\n<p>    sendFeedback({ name: name, message: message, rating: rating }, function () {\n      setTimeout(function () {\n        transitionTo(successEl);\n      }, 400);\n    });\n  });<\/p>\n<p>  \/* ============================================\n     SEND FEEDBACK\n     Implicit: mailto (f\u0103r\u0103 backend)\n     \u00cenlocuie\u0219te cu fetch() dac\u0103 ai un endpoint\n     ============================================ *\/\n  function sendFeedback(data, callback) {\n    var subject = encodeURIComponent('Feedback salon \u2013 ' + data.rating + (data.rating === 1 ? ' stea' : ' stele'));\n    var body    = encodeURIComponent(\n      'Not\u0103: ' + data.rating + ' stele\\n' +\n      (data.name ? 'Nume: ' + data.name + '\\n' : '') +\n      '\\nMesaj:\\n' + data.message\n    );<\/p>\n<p>    try {\n      var a = document.createElement('a');\n      a.href = 'mailto:' + CONFIG.salonEmail + '?subject=' + subject + '&body=' + body;\n      a.click();\n    } catch (e) { \/* ignore *\/ }<\/p>\n<p>    \/* \u2500\u2500 OPTIONAL: fetch() endpoint \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    fetch('\/wp-json\/salon\/v1\/feedback', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify(data)\n    }).finally(callback);\n    return;\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 *\/<\/p>\n<p>    setTimeout(callback, 800);\n  }<\/p>\n<p>  \/* ============================================\n     CLEAR ERROR ON STAR CLICK\n     ============================================ *\/\n  document.querySelectorAll('input[name=\"srw_rating\"]').forEach(function (input) {\n    input.addEventListener('change', function () {\n      errorEl.classList.remove('srw-visible');\n    });\n  });<\/p>\n<p>  \/* ============================================\n     YEAR IN FOOTER\n     ============================================ *\/\n  var yearEl = document.getElementById('srw-year');\n  if (yearEl) yearEl.textContent = new Date().getFullYear();<\/p>\n<p>  \/* ============================================\n     INIT \u2014 ruleaz\u0103 dup\u0103 ce DOM-ul e complet\n     ============================================ *\/\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initVisibility);\n  } else {\n    initVisibility();\n  }<\/p>\n<p>})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cum a fost experien\u021bata \u00een salon? Feedback-ul t\u0103u ne ajut\u0103 s\u0103 oferim servicii mai bune. Not\u0103 experien\u021b\u0103 &#9733; &#9733; &#9733; &#9733; &#9733; Te rug\u0103m s\u0103 selectezi o not\u0103 \u00eenainte de a continua. Trimite review Ne pare r\u0103u c\u0103 experien\u021ba nu a fost pe m\u0103sura a\u0219tept\u0103rilor. Spune-ne ce s-a \u00eent\u00e2mplat \u2014 vrem s\u0103 \u00eembun\u0103t\u0103\u021bim. Mesajul dumneavoastr\u0103 [&hellip;]<\/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-370","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Feedback - Salon Beauty - DEMO<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Feedback - Salon Beauty - DEMO\" \/>\n<meta property=\"og:description\" content=\"Cum a fost experien\u021bata \u00een salon? Feedback-ul t\u0103u ne ajut\u0103 s\u0103 oferim servicii mai bune. Not\u0103 experien\u021b\u0103 &#9733; &#9733; &#9733; &#9733; &#9733; Te rug\u0103m s\u0103 selectezi o not\u0103 \u00eenainte de a continua. Trimite review Ne pare r\u0103u c\u0103 experien\u021ba nu a fost pe m\u0103sura a\u0219tept\u0103rilor. Spune-ne ce s-a \u00eent\u00e2mplat \u2014 vrem s\u0103 \u00eembun\u0103t\u0103\u021bim. Mesajul dumneavoastr\u0103 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salononline.ro\/salondemo\/feedback\/\" \/>\n<meta property=\"og:site_name\" content=\"Salon Beauty - DEMO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T05:14:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/feedback\\\/\",\"url\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/feedback\\\/\",\"name\":\"Feedback - Salon Beauty - DEMO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#website\"},\"datePublished\":\"2026-03-27T04:59:22+00:00\",\"dateModified\":\"2026-03-27T05:14:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/feedback\\\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/feedback\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/feedback\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Feedback\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#website\",\"url\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/\",\"name\":\"Salon Beauty - DEMO\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#organization\",\"name\":\"Salon Beauty - DEMO\",\"url\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/01\\\/salon-demo-so-2.png\",\"contentUrl\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/01\\\/salon-demo-so-2.png\",\"width\":280,\"height\":86,\"caption\":\"Salon Beauty - DEMO\"},\"image\":{\"@id\":\"https:\\\/\\\/salononline.ro\\\/salondemo\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Feedback - Salon Beauty - DEMO","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ro_RO","og_type":"article","og_title":"Feedback - Salon Beauty - DEMO","og_description":"Cum a fost experien\u021bata \u00een salon? Feedback-ul t\u0103u ne ajut\u0103 s\u0103 oferim servicii mai bune. Not\u0103 experien\u021b\u0103 &#9733; &#9733; &#9733; &#9733; &#9733; Te rug\u0103m s\u0103 selectezi o not\u0103 \u00eenainte de a continua. Trimite review Ne pare r\u0103u c\u0103 experien\u021ba nu a fost pe m\u0103sura a\u0219tept\u0103rilor. Spune-ne ce s-a \u00eent\u00e2mplat \u2014 vrem s\u0103 \u00eembun\u0103t\u0103\u021bim. Mesajul dumneavoastr\u0103 [&hellip;]","og_url":"https:\/\/salononline.ro\/salondemo\/feedback\/","og_site_name":"Salon Beauty - DEMO","article_modified_time":"2026-03-27T05:14:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salononline.ro\/salondemo\/feedback\/","url":"https:\/\/salononline.ro\/salondemo\/feedback\/","name":"Feedback - Salon Beauty - DEMO","isPartOf":{"@id":"https:\/\/salononline.ro\/salondemo\/#website"},"datePublished":"2026-03-27T04:59:22+00:00","dateModified":"2026-03-27T05:14:20+00:00","breadcrumb":{"@id":"https:\/\/salononline.ro\/salondemo\/feedback\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salononline.ro\/salondemo\/feedback\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/salononline.ro\/salondemo\/feedback\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/salononline.ro\/salondemo\/"},{"@type":"ListItem","position":2,"name":"Feedback"}]},{"@type":"WebSite","@id":"https:\/\/salononline.ro\/salondemo\/#website","url":"https:\/\/salononline.ro\/salondemo\/","name":"Salon Beauty - DEMO","description":"","publisher":{"@id":"https:\/\/salononline.ro\/salondemo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salononline.ro\/salondemo\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/salononline.ro\/salondemo\/#organization","name":"Salon Beauty - DEMO","url":"https:\/\/salononline.ro\/salondemo\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/salononline.ro\/salondemo\/#\/schema\/logo\/image\/","url":"https:\/\/salononline.ro\/salondemo\/wp-content\/uploads\/sites\/5\/2026\/01\/salon-demo-so-2.png","contentUrl":"https:\/\/salononline.ro\/salondemo\/wp-content\/uploads\/sites\/5\/2026\/01\/salon-demo-so-2.png","width":280,"height":86,"caption":"Salon Beauty - DEMO"},"image":{"@id":"https:\/\/salononline.ro\/salondemo\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":5,"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":375,"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/pages\/370\/revisions\/375"}],"wp:attachment":[{"href":"https:\/\/salononline.ro\/salondemo\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}