// js/pages/programme.jsx — Page "Programme 12 semaines" (editorial)

function ProgrammePage() {
  return (
    <ThemeFrame palette="ardoise" typo="editorial" density="aere"
                motifOpacity={1} motifScale={1} fullBleed>
      <SmartNav current="accompagnements" />
      <Breadcrumb trail={[
        { label: 'Accueil', href: 'index.html' },
        { label: 'Accompagnements', href: 'index.html#accompagnements' },
        { label: 'Programme · 12 semaines' }
      ]} />

      <EditorialMasthead
        eyebrow="Programme phare · 12 semaines"
        title="Programme Equilys."
        italicWord="Equilys"
        lede="Trois mois pour réunir, dans un même cadre, le geste martial, le souffle, l’énergie, le mental et la stratégie patrimoniale — et faire de cet ensemble une discipline du quotidien."
      />
      <EditorialLayout
        sidebar={
          <PracticalSidebar
            reference="Programme · 12 semaines"
            facts={[
              { label: 'Tarif',     value: 'À partir de 700 €' },
              { label: 'Durée',     value: '12 semaines' },
              { label: 'Rythme',    value: 'Hebdomadaire · 1h30' },
              { label: 'Format',    value: 'Visio ou présentiel' },
              { label: 'Engagement',value: '20 min d’appel préalable' }
            ]}
            ctaLabel="Réserver un appel découverte"
            ctaHref="index.html#contact"
            secondaryCtaLabel="Écrire un mot"
            secondaryCtaHref="mailto:tanguy.equilys@gmail.com"
            footnote="Aucune promesse · Aucun engagement"
          />
        }
      >
        <Chapter numeral="I" kicker="Pour qui" title="Quatre situations, un même besoin d’équilibre." italicWord="équilibre">
          <Lede dropCap>
            Le programme s’adresse à celles et ceux qui veulent agir en profondeur — pas appliquer une recette de surface. Les chemins varient, l’aspiration est la même.
          </Lede>
          <EditorialList items={[
            { title: 'Vous traversez une transition' },
            { title: 'Vous tenez tout, mais vous craquez intérieurement' },
            { title: 'Vous voulez aligner vos décisions' },
            { title: 'Vous cherchez une pratique du quotidien' }
          ]} />
          <p style={{ margin: '36px 0 0', fontFamily: 'var(--eq-font-display)',
                      fontStyle: 'italic', fontSize: 18, lineHeight: 1.6,
                      color: 'var(--eq-ink-soft)', maxWidth: 640 }}>
            Peu importe la raison que vous avez, si c’est une envie profonde cela suffit.
          </p>
        </Chapter>

        <Chapter numeral="II" kicker="Le parcours" title="Trois mouvements, douze semaines." italicWord="mouvements">
          <Lede>
            Le parcours est divisé en trois chapitres. Chacun travaille un plan différent, mais s’enrichit du précédent — comme on remplit progressivement un même espace.
          </Lede>
          <TimelineChapters chapters={[
            {
              kicker: 'Chapitre I · L’être',
              title: 'Clarifier.',
              body: 'On commence par la découverte de votre « Être », nous allons chercher ensemble vos ressources et les valeurs qui vous correspondent.\nNous allons identifier vos objectifs et définir des indicateurs de réussite, afin de libérer votre plein potentiel.'
            },
            {
              kicker: 'Chapitre II · Corps et esprit',
              title: 'Ancrer.',
              sections: [
                {
                  body: 'On commence par le corps. Reposer le système nerveux, retrouver une assise stable, faire baisser le bruit intérieur.\nC’est la fondation : aucun travail mental durable ne tient sur un corps en surchauffe.',
                  bullets: ['Posture · structure', 'Souffle · régulation', 'Pratique quotidienne']
                },
                {
                  body: 'Une fois le calme installé, on regarde ce qui freine. La PNL pour défaire les boucles de pensée, le magnétisme pour libérer les blocages énergétiques, la gestion de patrimoine pour définir une stratégie.\nOn précise ce qui compte vraiment et ce qu’on est prêt à laisser partir…',
                  bullets: ['PNL · ressources', 'Magnétisme · libération', 'Clarification d’objectifs']
                }
              ]
            },
            {
              kicker: 'Chapitre III · La trajectoire',
              title: 'Aligner.',
              body: 'On installe les habitudes, on aligne la stratégie, on prépare l’après-programme pour que les transformations tiennent dans la vie réelle, pas seulement en séance.\nL’objectif de ce chapitre final est que vous puissiez vous coacher vous-même par la suite. Vous êtes le maître de votre « Être »…',
              bullets: ['Habitudes durables', 'Stratégie patrimoniale', 'Plan post-programme']
            }
          ]} />
        </Chapter>

        <Chapter numeral="III" kicker="Ce qui est inclus" title="Tout est conçu pour que rien ne s’oublie." italicWord="rien">
          <Lede>
            Chaque semaine combine un temps d’accompagnement individuel, une pratique guidée et un suivi entre les rendez-vous. Le tout n’est pas une accumulation — c’est un cadre.
          </Lede>
          <EditorialList items={[
            { title: '12 · Séances individuelles', body: 'Environ 1h30 de séance, en visio ou en présentiel, structurées selon la phase du parcours. Pas de séance type — chacune est ajustée. Les séances peuvent être réparties sur une période plus longue : le but est d’avoir des séances assez proches les unes des autres afin d’ancrer correctement et ne pas oublier le travail déjà fait.' },
            { title: 'Pratique corporelle', body: 'Routines sportives, de méditation et de maîtrise du souffle adaptées à votre niveau.' },
            { title: 'Séances de magnétisme', body: 'Intercalées dans le parcours pour relancer la circulation énergétique aux moments charnières et en fonction de vos besoins.' },
            { title: 'Volet patrimonial', body: 'Bilan de votre situation puis ajustements concrets — épargne, fiscalité, organisation — toujours en lien avec vos objectifs de vie.' },
            { title: 'Suivi entre les séances', body: 'Échanges réguliers par message ou téléphone pour rester en lien. Un rééquilibrage demande du temps, pas seulement des rendez-vous.' }
          ]} />
        </Chapter>

        <Chapter numeral="IV" kicker="Ce que ça active" title="Quatre déplacements, à votre rythme." italicWord="déplacements" last>
          <Lede>
            Ce ne sont pas des promesses — ce sont les retours les plus fréquents au terme des douze semaines.
          </Lede>
          <EditorialBenefits items={[
            { title: 'Un système nerveux plus stable', body: 'Sommeil, charge mentale, réactivité émotionnelle — le calme devient un fond plutôt qu’un objectif lointain.' },
            { title: 'Des décisions plus claires', body: 'Vous savez à nouveau ce que vous voulez, et vous arrêtez de faire ce qui ne sert pas votre être.' },
            { title: 'Un corps redevenu présent', body: 'La pratique martiale réinstalle une habitation du corps — pas seulement une tête qui pense.' },
            { title: 'Une trajectoire alignée', body: 'Vos décisions personnelles, professionnelles et patrimoniales cessent d’être déconnectées de vos valeurs.' }
          ]} />
        </Chapter>
      </EditorialLayout>

      <EditorialCTA
        title="Un appel de 20 minutes pour voir si nous sommes alignés."
        italicWord="alignés"
        body="On parle de ce qui vous amène, on vérifie ensemble que le programme vous correspond. Aucune promesse, aucun engagement à l’issue de l’appel."
        primaryCta="Réserver l’appel"
        secondaryCta="Écrire à Tanguy"
        primaryHref="index.html#contact"
        secondaryHref="mailto:tanguy.equilys@gmail.com"
      />

      <Footer />
    </ThemeFrame>
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<ProgrammePage />);