{"id":70,"date":"2026-01-23T10:43:20","date_gmt":"2026-01-23T09:43:20","guid":{"rendered":"https:\/\/qria.me\/qrcode\/?p=70"},"modified":"2026-01-23T10:43:20","modified_gmt":"2026-01-23T09:43:20","slug":"qria-me-plus-davis-google-pour-les-coiffeurs","status":"publish","type":"post","link":"https:\/\/qria.me\/qrcode\/qria-me-plus-davis-google-pour-les-coiffeurs\/","title":{"rendered":"QRia.me \u2013 Plus d\u2019avis Google pour les coiffeurs"},"content":{"rendered":"\n\n  <style>\n    :root {\n      --primary: #7c3aed; \/* violet premium *\/\n      --secondary: #1f2937;\n      --accent: #f59e0b;\n      --light: #fdfcff;\n      --text: #374151;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    body {\n      background: linear-gradient(180deg, #fdfcff 0%, #f3e8ff 100%);\n      color: var(--text);\n    }\n\n    .hero {\n      min-height: 100vh;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      align-items: center;\n      padding: 4rem 6rem;\n      gap: 4rem;\n    }\n\n    .hero-content h1 {\n      font-size: 3.2rem;\n      line-height: 1.1;\n      color: var(--secondary);\n      margin-bottom: 1.5rem;\n    }\n\n    .hero-content h1 span {\n      color: var(--primary);\n    }\n\n    .hero-content p {\n      font-size: 1.15rem;\n      line-height: 1.7;\n      margin-bottom: 2rem;\n      max-width: 520px;\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: 1rem;\n      flex-wrap: wrap;\n    }\n\n    .btn-primary {\n      background: var(--primary);\n      color: #fff;\n      padding: 0.9rem 1.6rem;\n      border-radius: 0.75rem;\n      text-decoration: none;\n      font-weight: 600;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n      box-shadow: 0 10px 25px rgba(124, 58, 237, 0.35);\n    }\n\n    .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 15px 35px rgba(124, 58, 237, 0.45);\n    }\n\n    .btn-secondary {\n      background: transparent;\n      color: var(--secondary);\n      padding: 0.9rem 1.6rem;\n      border-radius: 0.75rem;\n      border: 1px solid #ddd6fe;\n      text-decoration: none;\n      font-weight: 600;\n      transition: background 0.2s ease;\n    }\n\n    .btn-secondary:hover {\n      background: #ede9fe;\n    }\n\n    .hero-visual {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .card {\n      background: #fff;\n      border-radius: 1.25rem;\n      padding: 2rem;\n      width: 340px;\n      box-shadow: 0 30px 60px rgba(31, 41, 55, 0.2);\n      position: relative;\n      z-index: 2;\n      text-align: center;\n    }\n\n    .card h3 {\n      margin-bottom: 0.5rem;\n      color: var(--secondary);\n    }\n\n    .stars {\n      color: #facc15;\n      margin-bottom: 0.5rem;\n      font-size: 1.2rem;\n    }\n\n    .rating {\n      font-size: 0.9rem;\n      margin-bottom: 1rem;\n    }\n\n    .qr {\n      width: 160px;\n      height: 160px;\n      background: repeating-linear-gradient(\n        45deg,\n        #111827,\n        #111827 6px,\n        #fff 6px,\n        #fff 12px\n      );\n      border-radius: 1rem;\n      margin: 0 auto;\n    }\n\n    .floating {\n      position: absolute;\n      width: 200px;\n      height: 200px;\n      background: radial-gradient(circle at top, #ddd6fe, #7c3aed);\n      border-radius: 50%;\n      filter: blur(70px);\n      z-index: 1;\n      animation: float 6s ease-in-out infinite;\n    }\n\n    .floating.one { top: -50px; left: -50px; }\n    .floating.two { bottom: -50px; right: -50px; animation-delay: 3s; }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-25px); }\n    }\n\n    @media (max-width: 900px) {\n      .hero {\n        grid-template-columns: 1fr;\n        padding: 3rem 2rem;\n        text-align: center;\n      }\n\n      .hero-content p { margin-left: auto; margin-right: auto; }\n      .hero-actions { justify-content: center; }\n    }\n  <\/style>\n\n<section class=\"hero\">\n  <div class=\"hero-content\">\n    <h1>\n      Plus d\u2019avis Google pour<br \/>\n      <span>votre salon de coiffure<\/span>\n    <\/h1>\n\n    <p>\n      QRia.me aide les coiffeurs \u00e0 obtenir plus d\u2019avis Google apr\u00e8s chaque coupe.\n      Un simple QR code \u00e0 scanner en caisse pour booster votre visibilit\u00e9 locale\n      et attirer de nouveaux clients.\n    <\/p>\n\n    <div class=\"hero-actions\">\n      <a href=\"#\" class=\"btn-primary\">Tester gratuitement<\/a>\n      <a href=\"#\" class=\"btn-secondary\">Voir un exemple salon<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-visual\">\n    <div class=\"floating one\"><\/div>\n    <div class=\"floating two\"><\/div>\n\n    <div class=\"card\">\n      <h3>Salon \u00c9l\u00e9gance<\/h3>\n      <div class=\"stars\" id=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"rating\"><span id=\"rating\">4.9<\/span>\/5 \u00b7 <span id=\"reviews\">128<\/span> avis<\/div>\n      <div class=\"qr\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Animation compteur avis\n  const ratingEl = document.getElementById('rating');\n  const reviewsEl = document.getElementById('reviews');\n\n  let rating = 0;\n  let reviews = 0;\n\n  const targetRating = 4.9;\n  const targetReviews = 128;\n\n  const interval = setInterval(() => {\n    if (rating < targetRating) {\n      rating += 0.1;\n      ratingEl.textContent = rating.toFixed(1);\n    }\n\n    if (reviews < targetReviews) {\n      reviews += 4;\n      reviewsEl.textContent = reviews;\n    }\n\n    if (rating >= targetRating && reviews >= targetReviews) {\n      clearInterval(interval);\n    }\n  }, 40);\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Plus d\u2019avis Google pour votre salon de coiffure QRia.me aide les coiffeurs \u00e0 obtenir plus d\u2019avis Google apr\u00e8s chaque coupe. Un simple QR code \u00e0 scanner en caisse pour booster votre visibilit\u00e9 locale et attirer de nouveaux clients. Tester gratuitement Voir un exemple salon Salon \u00c9l\u00e9gance \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 128 avis<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"full-width","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-70","post","type-post","status-publish","format-standard","hentry","category-intelligent"],"_links":{"self":[{"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/posts\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":1,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/posts\/70\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/posts\/70\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qria.me\/qrcode\/wp-json\/wp\/v2\/tags?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}