Embed

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Sélecteur de massage — Synergies en Soi</title>
  <style>
    :root { --bd:#e8e8e8; --bd2:#eeeeee; --txt:#111; --muted:rgba(0,0,0,.72); }
    body {
  margin:0;
  font-family: Lato, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--txt);
  background:#fff;
}
    .wrap { max-width:860px; margin:0 auto; padding:22px; }
    .card { border:1px solid var(--bd); border-radius:18px; padding:22px; }
    h2 {
  margin:0 0 10px 0;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 400;         /* Regular */
  font-size: 50px;          /* ajuste si besoin */
  font-color: #6D5F5F;
  line-height: 1.1;
  letter-spacing: .2px;     /* plus chic que -0.02em pour Playfair */
}
    p { margin:0 0 16px 0; color:var(--muted); }
    label { display:block; }
    .lbl { font-weight:700; margin:10px 0 6px; }
    select, textarea {
      width:100%; padding:12px 12px; border-radius:12px;
      border:1px solid #ddd; font-size:16px; outline:none;
    }
    textarea { resize:vertical; }
    .row { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
    button {
  padding: 12px 18px;
  border-radius: 14px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400 !important;
  background: #6D5F5F;
  color: #fff;
  border: none;
  transition: all .2s ease;
}

button.secondary {
  background: transparent;
  color: #111;
  border: 1.5px solid #111;
  font-weight: 400 !important;
}

button,
button span,
button strong {
  font-weight: 400 !important;
}

button:hover {
  opacity: .9;
}

button.secondary:hover {
  background: rgba(0,0,0,.04);
}
    #result { margin-top:14px; }
    .res {
      padding:14px; border:1px solid var(--bd2); border-radius:16px; margin-bottom:10px;
    }
    .resTop { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; }
    .pill { font-size:12px; opacity:.75; padding:4px 10px; border:1px solid var(--bd2); border-radius:999px; }
    .name { font-weight:900; }
    .desc { opacity:.88; margin:8px 0 10px; line-height:1.35; }
    .link { font-weight:800; text-decoration:underline; color:#111; }
    .fine { margin:10px 0 0; font-size:12px; opacity:.7; }
  </style>
</head>

<body>
  <div class="wrap">
    <div class="card">
      <h2>Sélecteur de massage</h2>
      <p>Sélectionnez une zone, un besoin (et/ou décrivez ce que vous ressentez) : je vous proposerai les soins les plus adaptés.</p>

      <label>
        <div class="lbl">Zone principale</div>
        <select id="zone">
          <option value="">— Choisir —</option>
          <option value="tete">La tête</option>
          <option value="dos">Le dos</option>
          <option value="ventre">Le ventre</option>
          <option value="jambes">Les jambes</option>
          <option value="corps">Le corps entier</option>
        </select>
      </label>

      <label>
        <div class="lbl">Besoin (optionnel)</div>
        <select id="besoin">
          <option value="">— Choisir —</option>
          <option value="stress">Stress / Anxiété</option>
          <option value="burnout">Burn-out / Surcharge émotionnelle</option>
          <option value="migraine">Migraines / Maux de tête</option>
          <option value="insomnie">Insomnies</option>
          <option value="jambes_lourdes">Jambes lourdes</option>
          <option value="entorse">Entorse / Gêne articulaire</option>
        </select>
      </label>

      <label>
        <div class="lbl">Décrivez votre besoin (optionnel)</div>
        <textarea id="texte" rows="3" placeholder="Ex : migraine + stress / dos bloqué / jambes lourdes le soir / sommeil léger…"></textarea>
      </label>

      <div class="row">
        <button id="go" type="button" style="padding:12px 14px;border-radius:12px;border:0;cursor:pointer;font-weight:800;">
  Trouver mon soin
</button>
<button
  id="reset"
  type="button"
  style="
    padding:12px 18px;
    border-radius:12px;
    border:1px solid #111;
    background:#fff;
    cursor:pointer;
    font-weight:700;
    color:#111;
    min-width:140px;
  "
>
  Réinitialiser
</button>
      </div>

      <div id="result"></div>

      <p class="fine">Ce sélecteur propose une orientation bien-être et ne remplace pas un avis médical.</p>
    </div>
  </div>

<script>
(function () {
  // ===== 1) CATALOGUE =====
  const offers = [
    {
      id: "m6s",
      type: "Massage",
      nom: "Massage du 6e SenS",
      url: "https://pascalaurencine.com/massages-types/massage-signature---m6s",
      resume: "Signature : recentrage profond, détente et reconnexion (Tuina + influences thaï/abhyanga + énergie).",
      tags: ["corps","dos","tete","stress","burnout","insomnie","recentrage"],
      priorityBoost: { burnout: 8, stress: 6, relaxation: 6 }
    },
    {
      id: "tuina_confort",
      type: "Massage",
      nom: "Massage Tuina Confort",
      url: "https://pascalaurencine.com/massages-types/massage-tuina",
      resume: "Tuina habillé orienté détente : tensions, nuque/épaules/dos, relâchement global.",
      tags: ["corps","dos","tete","stress","insomnie","tensions"]
    },
    {
      id: "tuina_curatif",
      type: "Massage",
      nom: "Massage Tuina Curatif",
      url: "https://pascalaurencine.com/massages-types/massage-tuina",
      resume: "Tuina plus ciblé : blocages, zones douloureuses, travail précis des tensions.",
      tags: ["dos","tete","ventre","jambes","tensions","entorse","backpain"],
priorityBoost: { entorse: 16, backpain: 6 }
    },
    {
      id: "sportif",
      type: "Massage",
      nom: "Massage Sportif",
      url: "https://pascalaurencine.com/massages-types/massage-tuina",
      resume: "Récupération et préparation : jambes/dos, tensions musculaires, mobilité.",
      tags: ["jambes","dos","corps","sport","tensions","entorse"],
      priorityBoost: { sport: 8, tensions: 6, contracture: 6 }
    },
    {
      id: "full_freestyle",
      type: "Massage",
      nom: "Massage Full Freestyle",
      url: "https://pascalaurencine.com/massages-types/full-freestyle-massage",
      resume: "Massage libre et sur-mesure : détente globale + ajustements selon ton ressenti.",
      tags: ["corps","dos","jambes","stress","insomnie","tensions","recentrage"]
    },
    {
      id: "zangfu",
      type: "Massage",
      nom: "Massage Zang Fu Tuina",
      url: "https://pascalaurencine.com/massages-types/zang-fu-tuina",
      resume: "Approche MTC axée sur les organes/émotions (Zang-Fu) : harmonisation corps-esprit.",
      tags: ["ventre","corps","stress","burnout","insomnie","digestion","recentrage"],
      priorityBoost: { ventre: 8, digestion: 8 }
    },
    {
      id: "foot_thai",
      type: "Massage",
      nom: "Foot Thaï Massage",
      url: "https://pascalaurencine.com/massages-types/foot-thai-massage",
      resume: "Réflexologie/pressions sur les pieds et jambes : relance, légèreté, détente.",
      tags: ["jambes","jambes_lourdes","stress","insomnie","circulation"],
      priorityBoost: { jambes_lourdes: 8 }
    },
    {
      id: "lacher_prise",
      type: "Soin énergétique",
      nom: "Rituel du Lâcher Prise",
      url: "https://pascalaurencine.com/soins-types/rituel-lacher-prise",
      resume: "Soin de relâchement émotionnel : apaisement, retour au calme, recentrage.",
      tags: ["corps","stress","burnout","insomnie","recentrage"],
priorityBoost: { burnout: 10, stress: 3 }
    },
    {
      id: "back_pain",
      type: "Soin",
      nom: "Massage Back-pain",
      url: "https://pascalaurencine.com/soins-types/massage-back-pain",
      resume: "Ciblé dos : tensions, inconfort, zone lombaire/dorsale (adaptation au besoin).",
      tags: ["dos","tensions","lombaires","backpain"],
      boost: 6
    },
    {
      id: "post_chik",
      type: "Soin",
      nom: "Soin Post-Chikungunya",
      url: "https://pascalaurencine.com/soins-types/soin-post-chickungunya",
      resume: "Soin de récupération : raideurs, douleurs diffuses, fatigue (adapté au ressenti).",
      tags: ["corps","jambes","dos","tensions","recentrage"]
    },
    {
      id: "vibrasys",
      type: "Soin",
      nom: "Tuina VibraSys",
      url: "https://pascalaurencine.com/soins-types/tuina-vibrasys",
      resume: "Tuina + travail vibratoire : détente nerveuse, relâchement, rééquilibrage.",
      tags: ["corps","dos","stress","burnout","insomnie","recentrage","tensions","depression","epuisement"], 
priorityBoost: { burnout: 14, depression: 14, stress: 4 }
    }
  ];

  // ===== 2) KEYWORDS =====
  const keywords = [
  // =========================
  // EPUISEMENT / BURNOUT / DEPRESSION (priorite VibraSys via tag burnout/depression)
  // =========================
  { re: /\b(burn[\s-]?out|epuisement(\s+mental)?|fatigue\s+generale|fatigue\s+nerveuse|surmenage|surcharge\s+mentale|vide|ereinte?)\b/i, tag: "burnout", w: 8 },
  { re: /\b(depression|deprime(e)?|moral\s+bas|tristesse|plus\s+d['’]?envie)\b/i, tag: "depression", w: 8 },
  { re: /\b(a\s+bout|je\s+craque|au\s+bout\s+du\s+rouleau|je\s+sature|j['’]?en\s+peux\s+plus)\b/i, tag: "burnout", w: 8 },

  // =========================
  // SOMMEIL
  // =========================
  { re: /\b(insomnie|sommeil\s+leger|reveils?\s+nocturnes?|endormir|mal\s+dormir)\b/i, tag: "insomnie", w: 5 }, 
{ re: /\b(dors?\s+mal|mal\s+dormir|sommeil)\b/i, tag: "insomnie", w: 6 },

  // =========================
  // STRESS / RELAX / MENTAL
  // =========================
  { re: /\b(stress|anxiete|angoisse|pression|charge\s+mentale)\b/i, tag: "stress", w: 4 },
  { re: /\b(lacher[-\s]?prise|detente|relaxation|souffler|me\s+poser)\b/i, tag: "stress", w: 5 },
  { re: /\b(emotionnel|trop\s+dans\s+la\s+tete|mental)\b/i, tag: "stress", w: 4 }, 
{ re: /\b(separation|divorce|rupture|chagrin)\b/i, tag: "stress", w: 7 },

  // =========================
  // MIGRAINES / TETE
  // =========================
  { re: /\b(migraine(s)?|maux?\s+de\s+tete|mal\s+de\s+tete|cephalee)\b/i, tag: "migraine", w: 4 },

  // =========================
  // DOS / BACKPAIN / NUQUE / EPAULES
  // =========================
  { re: /\b(dos|mal\s+de\s+dos|dos\s+bloque|dos\s+raide)\b/i, tag: "backpain", w: 8 },
  { re: /\b(lombaires?|lombalgie|bas\s+du\s+dos|sciatique)\b/i, tag: "backpain", w: 7 },
  { re: /\b(nuque|cervicales?)\b/i, tag: "dos", w: 4 },
  { re: /\b(epaules?|trapezes?)\b/i, tag: "dos", w: 4 },

  // =========================
  // MUSCLES / TENSIONS / SPORT
  // =========================
  { re: /\b(tension(s)?|contracture(s)?|raideur(s)?)\b/i, tag: "tensions", w: 4 },
  { re: /\b(fatigue\s+musculaire|muscles?\s+douloureux)\b/i, tag: "tensions", w: 4 },
  { re: /\b(courbatures?)\b/i, tag: "sport", w: 4 },
  { re: /\b(sport|sportif|entrainement|recuperation)\b/i, tag: "sport", w: 5 }, 
{ re: /\b(entorse|cheville|foulure|genoux|coude|tendinite)\b/i, tag: "entorse", w: 8 },

  // =========================
  // PIEDS / JAMBES / CIRCULATION
  // =========================
  { re: /\b(pied|pieds|plante\s+des?\s+pieds?)\b/i, tag: "jambes", w: 4 },
  { re: /\b(pieds?\s+lourds?|pieds?\s+gonfles?|jambes?\s+lourdes?|mollets?\s+lourds?)\b/i, tag: "jambes_lourdes", w: 6 },
  { re: /\b(circulation|retour\s+veineux|retention\s+d['’]?eau)\b/i, tag: "circulation", w: 4 },

  // =========================
  // VENTRE / DIGESTION
  // =========================
  { re: /\b(ventre|mal\s+au\s+ventre|maux?\s+de\s+ventre)\b/i, tag: "ventre", w: 4 },
  { re: /\b(digestion|gaz|ballonnements?|transit|nausee|diarrhee(s)?|constipation)\b/i, tag: "digestion", w: 5 },
  { re: /\b(ventre\s+noue|noeud\s+au\s+ventre)\b/i, tag: "digestion", w: 6 },

  // =========================
  // GLOBAL / RECENTRAGE
  // =========================
  { re: /\b(recentrer|recentrage|equilibrer|aligner)\b/i, tag: "recentrage", w: 4 },
  { re: /\b(tout\s+le\s+corps|global|general)\b/i, tag: "corps", w: 3 }
]; 

// =========================
  // COMBOS / TOP 3
  // =========================
const comboRules = [
  // épuisement mental => VibraSys #1, Lâcher prise #2, M6S #3
  { when: [/epuisement|burn[\s-]?out|fatigue\s+generale|fatigue\s+nerveuse|a\s+bout|depression/i],
    boost: { vibrasys: 25, lacher_prise: 14, m6s: 10 } },

  // mal au dos => Backpain #1, Tuina Curatif #2, Tuina Confort #3
  { when: [/mal\s+de\s+dos|dos\s+bloque|lombaire|lombalgie|sciatique|\bdos\b/i],
    boost: { back_pain: 25, tuina_curatif: 12, tuina_confort: 8 } },

  // entorse cheville => Tuina Curatif #1
  { when: [/entorse|cheville|foulure|tendinite|genoux|coude/i],
    boost: { tuina_curatif: 25 } },

  // je dors mal => Tuina Curatif #1, M6S #2, VibraSys #3
  { when: [/dors?\s+mal|mal\s+dormir|insomnie|reveils?\s+nocturnes?/i],
    boost: { tuina_curatif: 18, m6s: 12, vibrasys: 10 } },

  // séparation/divorce => VibraSys #1, M6S #2, Tuina Confort #3
  { when: [/separation|divorce|rupture|chagrin/i],
    boost: { vibrasys: 22, m6s: 14, tuina_confort: 10 } }
];

  // ===== helpers =====
  function escapeHtml(str) {
    return (str || "").replace(/[&<>"']/g, m => ({
      "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"
    }[m]));
  }

function normalizeFR(s) {
  return (s || "")
    .toLowerCase()
    .normalize("NFD")
    .replace(/[\u0300-\u036f]/g, ""); // enlève les accents
}

  function scoreOffer({zone, besoin, texte}, o) {
    let s = 0;

    if (zone && o.tags.includes(zone)) s += 3;
    if (besoin && o.tags.includes(besoin)) s += 5;

    const texteNorm = normalizeFR(texte);

if (texteNorm) {
  for (const k of keywords) {
    if (k.re.test(texteNorm) && o.tags.includes(k.tag)) s += k.w;
  }
}

const zoneNorm = normalizeFR(zone);
const besoinNorm = normalizeFR(besoin);

    if (zone === "corps" && o.tags.includes("corps")) s += 1;

    // Back-pain priorité
    if (
      o.id === "back_pain" &&
      (zone === "dos" || /\b(dos|lombaires?|sciatique|lombalgie|cervicale|nuque)\b/i.test(texte || ""))
    ) {
      s += (o.boost || 0);
    }

    // Boosts métier
    if (o.priorityBoost) {
      if (zone && o.priorityBoost[zone]) s += o.priorityBoost[zone];
      if (besoin && o.priorityBoost[besoin]) s += o.priorityBoost[besoin];

      if (texte) {
        for (const key in o.priorityBoost) {
          const re = new RegExp(`\\b${key}\\b`, "i");
          if (re.test(texte)) s += o.priorityBoost[key];
        }
      }
    }

const textAll = normalizeFR(`${zone || ""} ${besoin || ""} ${texte || ""}`);
for (const rule of comboRules) {
  if (rule.when.every(re => re.test(textAll)) && rule.boost[o.id]) {
    s += rule.boost[o.id];
  }
}

    return s;
  }

  function renderResults(items) {
    const el = document.getElementById("result");
    if (!el) return;

    if (!items.length) {
      el.innerHTML = `
        <div style="padding:14px;border:1px solid #eee;border-radius:14px;">
          Je n’ai pas trouvé de correspondance claire. Essaie d’ajouter un mot-clé (ex : “dos”, “stress”, “insomnie”…)
          ou contacte-moi pour que je t’oriente 🙂
        </div>`;
      return;
    }

    el.innerHTML = items.map(x => `
      <div style="padding:14px;border:1px solid #eee;border-radius:16px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;">
          <div style="font-weight:900;">${escapeHtml(x.nom)}</div>
          <div style="font-size:12px;opacity:.75;padding:4px 10px;border:1px solid #eee;border-radius:999px;">
            ${escapeHtml(x.type)}
          </div>
        </div>
        <div style="opacity:.88;margin:8px 0 10px 0;line-height:1.35;">
          ${escapeHtml(x.resume)}
        </div>
        <a href="${x.url}" style="font-weight:800;text-decoration:underline;">Voir la prestation</a>
      </div>
    `).join("");
  }

  function init() {
    const goBtn = document.getElementById("go");
    const resetBtn = document.getElementById("reset");
    const result = document.getElementById("result");

    if (!goBtn || !resetBtn || !result) {
      // Message visible si Durable rend le bloc différemment
      if (result) {
        result.innerHTML = "<div style='padding:14px;border:1px solid #f3c2c2;border-radius:14px;'>Erreur : boutons introuvables. Recharge la page (Cmd+Shift+R).</div>";
      }
      return;
    }

    goBtn.addEventListener("click", (e) => {
      e.preventDefault();

      const zone = (document.getElementById("zone") || {}).value || "";
      const besoin = (document.getElementById("besoin") || {}).value || "";
      const texte = ((document.getElementById("texte") || {}).value || "").trim();

      const rankedAll = offers
  .map(o => ({...o, _score: scoreOffer({zone, besoin, texte}, o)}))
  .filter(o => o._score > 0)
  .sort((a,b) => b._score - a._score);

const texteNorm = normalizeFR(`${zone || ""} ${besoin || ""} ${texte || ""}`);

// 🔒 CAS EXCLUSIF : lésions / articulations → TUINA CURATIF UNIQUEMENT
const EXCLUSIVE_CURATIF =
  /\b(entorse|tendinite|tendinopathie|foulure|cheville|genou(x)?|genoux|coude(s)?|ligament|articulation)\b/;

if (EXCLUSIVE_CURATIF.test(texteNorm) && rankedAll.length === 0) {
  rankedAll.push({ ...offers.find(o => o.id === "tuina_curatif"), _score: 1 });
}
let ranked;
if (EXCLUSIVE_CURATIF.test(texteNorm)) {
  ranked = rankedAll.filter(o => o.id === "tuina_curatif");
} else {
  ranked = rankedAll.slice(0, 3);
}
      renderResults(ranked);
    });

    resetBtn.addEventListener("click", (e) => {
      e.preventDefault();
      const z = document.getElementById("zone"); if (z) z.value = "";
      const b = document.getElementById("besoin"); if (b) b.value = "";
      const t = document.getElementById("texte"); if (t) t.value = "";
      result.innerHTML = "";
    });
  }

  // Important : Durable peut rendre le bloc après le script → on attend le DOM
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();
</script>
</body>
</html>

Synergies en Soi

Offrez-vous une expérience de profonde relaxation avec un expert du massage énergétique, spécialisé en Médecine Traditionnelle Chinoise (MTC). 

Synergies en Soi, prend soin de votre équilibre et veille à l'harmonie de votre corps et de votre esprit.

Découvrez les bienfaits d'un massage énergétique chez Synergies en Soi et offrez-vous un moment de détente et de régénération.