/* global React */
/* Page Thérapie du sport */

const PageTherapie = () =>
<div className="v1">
    <style dangerouslySetInnerHTML={{ __html: V1_CSS + V1_CSS_PART2 + V1_CSS_PART3 + PAGE_CSS }}></style>
    <V1Nav active="therapie" />

    <section className="page-hero-split">
      <div className="phs-txt">
        <div className="ey">Thérapie du sport · CAT(C)</div>
        <h1>Thérapie du sport —<br /><em>bien plus qu'un traitement de douleur.</em></h1>
        <p>Une profession de la santé spécialisée dans la prévention, l'évaluation et le traitement des blessures liées à l'activité physique. Pour comprendre pourquoi ça fait mal, pas juste traiter là où ça fait mal.</p>
        <div style={{ marginTop: 32 }}>
          <a href="rendez-vous.html" className="btn btn--orange">
            Prendre rendez-vous
            {Icon.arrow(14)}
          </a>
        </div>
      </div>
      <div className="phs-pic">
        <img src="assets/catherine-therapie-hanche.png" alt="Catherine évaluant la mobilité de hanche d'un client" />
      </div>
    </section>

    <Wave from="#faf7f2" to="#f5f0e8" variant={0} />

    {/* POUR QUI */}
    <section className="page-sec beige">
      <div className="container">
        <div className="page-sec-inner">
          <div className="ey">Pour qui</div>
          <h2>Pour les personnes actives qui prennent <em>leur santé à cœur.</em></h2>
          <p style={{ fontSize: 17, maxWidth: 720 }}>
            Tu bouges, tu t'entraînes, tu fais attention à toi — et tu veux un corps qui suit le rythme de ta vie. La thérapie du sport est pour toi si tu as des douleurs qui reviennent ou une blessure qui ne guérit pas. Si tu veux revenir à ton plein potentiel et bouger en confiance.
          </p>
        </div>
      </div>
    </section>

    <Wave from="#f5f0e8" to="#faf7f2" variant={1} />

    {/* APPROCHE */}
    <section className="page-sec cream">
      <div className="container">
        <div className="page-sec-inner">
          <div className="ey ey--blue">Mon approche</div>
          <h2>Ce qui distingue <em>ma pratique.</em></h2>
          <p style={{ maxWidth: 720 }}>
            Après 26 ans de pratique et plusieurs formations complémentaires, j'ai développé une façon de travailler qui va au-delà de la thérapie du sport classique.
          </p>
          <div className="diff-grid">
            <div className="diff-card">
              <h3>Je remonte jusqu'à l'origine</h3>
              <p>Pas juste l'endroit où ça fait mal — le contrôle moteur, les compensations, le système nerveux, les fascias. Je traite la cause, pas juste le symptôme.</p>
            </div>
            <div className="diff-card">
              <h3>Je ne travaille pas <em style={{ fontStyle: 'italic', color: 'var(--orange)' }}>sur</em> toi — je travaille <em style={{ fontStyle: 'italic', color: 'var(--orange)' }}>avec</em> toi</h3>
              <p>Tu t'impliques dans ta réhabilitation et tu apprends les outils pour prévenir les blessures et reprendre toutes tes activités sans compromis.</p>
            </div>
            <div className="diff-card wide">
              <h3>Intégrée à la Méthode Athletik™</h3>
              <p>La thérapie du sport est souvent le point de départ. Pour les clients qui veulent aller plus loin, elle s'intègre dans un accompagnement de 12 mois sur les 12 piliers pour un corps qui dure — où chaque séance fait partie d'une stratégie globale.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <Wave from="#faf7f2" to="#2B72B5" variant={0} height={100} />

    {/* BLOC-PONT VERS LA MÉTHODE */}
    <section className="page-sec cream">
      <div className="container">
        <div className="page-sec-inner" style={{ textAlign: 'center' }}>
          <div className="ey ey--blue">Et si ça revient ?</div>
          <h2>Ta douleur revient toujours <em>au même endroit ?</em></h2>
          <p style={{ margin: '0 auto', maxWidth: 700 }}>Une séance soulage. Mais si le problème réapparaît dès que tu reprends l'intensité, c'est qu'il vient d'ailleurs. C'est exactement ce qui définit la Méthode Athletik™ — on s'attaque à l'origine, pas juste au symptôme.

        </p>
          <a href="methode-vitalite.html" className="cath-cta" style={{ marginTop: 24 }}>
            Découvre la Méthode →
          </a>
        </div>
      </div>
    </section>

    <Wave from="#faf7f2" to="#2B72B5" variant={2} height={100} />

    {/* CTA */}
    <section className="page-cta" id="cta">
      <div className="container">
        <div className="page-cta-inner">
          <div>
            <div className="ey" style={{ color: 'var(--orange-soft, #f4956e)' }}>Prêt à commencer ?</div>
            <h2>Prends rendez-vous en ligne <em>ou appelle-moi directement.</em></h2>
            <p>Je suis disponible pour répondre à tes questions. Dès la première rencontre, on cible l'origine des douleurs : évaluation, début du traitement et plan d'intervention adapté à ta blessure.</p>
          </div>
          <div className="page-cta-card">
            <h3>Prendre rendez-vous</h3>
            <div className="sub">Laurentides · Piedmont</div>
            <ul>
              <li>{Icon.check(16)}<span>Évaluation complète dès la première séance</span></li>
              <li>{Icon.check(16)}<span>Plan d'intervention personnalisé</span></li>
              <li>{Icon.check(16)}<span>Retour au sport sécuritaire et durable</span></li>
            </ul>
            <a href="rendez-vous.html" className="btn btn--orange">
              Prendre rendez-vous
              {Icon.arrow(14)}
            </a>
          </div>
        </div>
      </div>
    </section>

    <V1Footer />
  </div>;


window.PageTherapie = PageTherapie;