// Trainin Center — index éditorial du blog.
// Ajouter les futurs articles dans ce tableau suffit pour alimenter la grille.
const BLOG_ARTICLES = [{
  cat: 'Formation & reconversion',
  title: 'Quelles compétences faut-il pour devenir naturopathe ?',
  excerpt: 'Écoute, anatomie, alimentation, techniques naturelles, déontologie et entrepreneuriat : découvrez les compétences essentielles du naturopathe.',
  publishedAt: '2026-08-16',
  read: '10 min', date: '16 août 2026',
  href: '/blog/competences-devenir-naturopathe.html',
  image: 'assets/competences-devenir-naturopathe.png',
  expectedImage: 'assets/competences-devenir-naturopathe.png',
  alt: 'Compétences essentielles pour devenir naturopathe',
}, {
  cat: 'Formation & reconversion',
  title: 'Peut-on devenir naturopathe à 40 ou 50 ans ? Réussir sa reconversion',
  excerpt: 'Formation, organisation, finances et lancement : les repères essentiels pour préparer une reconversion progressive à 40 ou 50 ans.',
  publishedAt: '2026-08-16',
  read: '9 min', date: '16 août 2026',
  href: '/blog/devenir-naturopathe-40-50-ans-reconversion.html',
  image: 'assets/devenir-naturopathe-40-50-ans-reconversion-video.png',
  expectedImage: 'assets/devenir-naturopathe-40-50-ans-reconversion-video.png',
  alt: 'Préparer une reconversion en naturopathie à 40 ou 50 ans',
}, {
  cat: 'Hygiène de vie',
  title: 'Stress et hygiène de vie : quelles approches utilise la naturopathie ?',
  excerpt: 'Sommeil, activité physique, respiration et récupération : découvrez comment la naturopathie aborde l’hygiène de vie face au stress.',
  publishedAt: '2026-08-16',
  read: '8 min', date: '16 août 2026',
  href: '/blog/stress-hygiene-de-vie-naturopathie.html',
  image: 'assets/stress-hygiene-de-vie-naturopathie-sans-texte.png',
  expectedImage: 'assets/stress-hygiene-de-vie-naturopathie-sans-texte.png',
  alt: 'Approches d’hygiène de vie face au stress',
}, {
  cat: 'Hygiène de vie',
  title: 'Naturopathie et sommeil : quelles habitudes pour favoriser un meilleur équilibre ?',
  excerpt: 'Horaires, écrans, excitants, activité physique et environnement : découvrez les habitudes quotidiennes pouvant favoriser un meilleur sommeil.',
  publishedAt: '2026-08-16',
  read: '7 min', date: '16 août 2026',
  href: '/blog/naturopathie-sommeil-habitudes.html',
  image: 'assets/naturopathie-sommeil-habitudes-sans-texte.png',
  expectedImage: 'assets/naturopathie-sommeil-habitudes-sans-texte.png',
  alt: 'Habitudes quotidiennes favorisant un sommeil équilibré',
}, {
  cat: 'Naturopathie',
  title: 'Phytothérapie : qu’est-ce que c’est et quelle place en naturopathie ?',
  excerpt: 'Plantes, formes d’utilisation, interactions et précautions : découvrez la place de la phytothérapie dans un accompagnement naturopathique responsable.',
  publishedAt: '2026-08-16',
  read: '8 min', date: '16 août 2026',
  href: '/blog/phytotherapie-naturopathie.html',
  image: 'assets/phytotherapie-naturopathie-sans-texte.png',
  expectedImage: 'assets/phytotherapie-naturopathie-sans-texte.png',
  alt: 'Plantes médicinales et précautions d’usage en phytothérapie',
}, {
  cat: 'Hygiène de vie',
  title: 'Qu’est-ce que l’hygiène vitale en naturopathie ? Principes et exemples',
  excerpt: 'Alimentation, sommeil, activité physique, récupération et gestion du stress : découvrez les principaux piliers de l’hygiène vitale en naturopathie.',
  publishedAt: '2026-08-16',
  read: '11 min', date: '16 août 2026',
  href: '/blog/hygiene-vitale-naturopathie.html',
  image: 'assets/image-blog-tc-10.png',
  alt: 'Les piliers de l’hygiène vitale en naturopathie',
}, {
  cat: 'Naturopathie',
  title: 'Combien coûte une consultation de naturopathie en 2026 ? Tarifs et remboursement',
  excerpt: 'Première consultation, rendez-vous de suivi, remboursement éventuel par une mutuelle : découvrez les tarifs indicatifs et le budget à prévoir en 2026.',
  publishedAt: '2026-08-16',
  read: '9 min', date: '16 août 2026',
  href: '/blog/prix-consultation-naturopathie-remboursement.html',
  image: 'assets/image-blog-tc-9.png',
  alt: 'Tarifs et remboursement d’une consultation de naturopathie en 2026',
}, {
  cat: 'Naturopathie',
  title: 'Naturopathe, nutritionniste ou diététicien : quelles différences et qui consulter ?',
  excerpt: 'Naturopathe, diététicien, médecin nutritionniste : découvrez leurs rôles, leurs cadres professionnels et les principales différences à connaître.',
  publishedAt: '2026-08-09',
  read: '12 min', date: '9 août 2026',
  href: '/blog/naturopathe-nutritionniste-dieteticien-differences.html',
  image: 'assets/image-blog-tc-8.png',
  alt: 'Différences entre naturopathe, diététicien et médecin nutritionniste',
}, {
  cat: 'Naturopathie',
  title: 'Quel est le salaire d’un naturopathe en 2026 ? Revenus, tarifs et réalité du métier',
  excerpt: 'Vous envisagez une reconversion en naturopathie ? Découvrez comment distinguer chiffre d’affaires et revenu, anticiper les charges et construire un modèle économique réaliste.',
  publishedAt: '2026-08-09',
  read: '11 min', date: '9 août 2026',
  href: '/blog/salaire-naturopathe-revenus.html',
  image: 'assets/image-blog-tc-7.png',
  alt: 'Préparer les revenus et l’activité professionnelle d’un naturopathe',
}, {
  cat: 'Naturopathie',
  title: 'Comment se déroule une consultation de naturopathie ? Étapes, objectifs et rôle du praticien',
  excerpt: 'Vous vous demandez à quoi ressemble une consultation de naturopathie ? Découvrez les principales étapes d’un rendez-vous, le rôle du praticien et les limites de son accompagnement.',
  publishedAt: '2026-08-09',
  read: '11 min', date: '9 août 2026',
  href: '/blog/comment-se-deroule-consultation-naturopathie.html',
  image: 'assets/image-blog-tc-6.png',
  alt: 'Déroulement d’une consultation de naturopathie et échange avec un praticien',
}, {
  cat: 'Installation & activité',
  title: 'S’installer comme naturopathe en 2026 : statut, démarches et premiers clients',
  excerpt: 'Choisir un statut, déclarer son activité, définir son offre, organiser ses consultations et trouver ses premiers clients permettent de transformer progressivement une formation en véritable projet professionnel.',
  publishedAt: '2026-08-09',
  read: '13 min', date: '9 août 2026',
  href: '/blog/sinstaller-comme-naturopathe.html',
  image: 'assets/image-blog-tc-5.png',
  alt: 'Préparer son installation professionnelle comme naturopathe',
}, {
  cat: 'Formation & reconversion',
  title: 'Formation naturopathe à distance : comment choisir une formation sérieuse en 2026 ?',
  excerpt: 'Programme, pédagogie, accompagnement, pratique et cadre professionnel : découvrez les critères essentiels pour choisir une formation naturopathe à distance sérieuse.',
  publishedAt: '2026-08-09',
  read: '9 min', date: '9 août 2026',
  href: '/blog/formation-naturopathe-distance-choisir.html',
  image: 'assets/image-blog-tc-4.png',
  alt: 'Étudier une formation de naturopathie à distance depuis chez soi',
}, {
  cat: 'Naturopathie',
  title: 'Comment devenir naturopathe en 2026 ? Formation, compétences et débouchés',
  excerpt: 'Vous envisagez une reconversion dans le bien-être ? Découvrez les étapes pour devenir naturopathe, les compétences à acquérir, la formation et les possibilités professionnelles.',
  publishedAt: '2026-08-07',
  read: '12 min', date: '7 août 2026',
  href: '/blog/comment-devenir-naturopathe.html',
  image: ASSET.naturopathie,
  alt: 'Formation pour devenir naturopathe et exercer en naturopathie',
}, {
  cat: 'Naturopathie',
  title: 'Les 10 techniques naturopathiques : comprendre les grandes approches de la naturopathie',
  excerpt: 'Alimentation, mouvement, respiration, plantes, hydrologie ou techniques manuelles : découvrez les dix grandes familles d’outils traditionnellement étudiées en naturopathie.',
  publishedAt: '2023-04-26',
  read: '8 min', date: '26 avril 2023 · Mis à jour le 8 août 2026',
  href: '/blog/10-techniques-naturopathiques.html',
  image: 'assets/techniques-naturopathiques.png',
  alt: 'Les principales techniques utilisées en naturopathie',
}, {
  cat: 'Hygiène de vie',
  title: 'Troubles articulaires : comment préserver confort et mobilité au quotidien ?',
  excerpt: 'Mouvement adapté, alimentation équilibrée, récupération et précautions : découvrez les habitudes qui peuvent contribuer à préserver mobilité et confort articulaire.',
  publishedAt: '2026-08-08',
  read: '9 min', date: '8 août 2026',
  href: '/blog/troubles-articulaires-confort-mobilite.html',
  image: 'assets/troubles-articulaires-mobilite-20260809.png',
  alt: 'Conseils d’hygiène de vie pour préserver mobilité et confort articulaire',
}];

const SORTED_BLOG_ARTICLES = [...BLOG_ARTICLES].sort((a,b) => b.publishedAt.localeCompare(a.publishedAt));

function BlogCard({ device, art }) {
  const m = device === 'mobile';
  return <a href={art.href} className="tc-blog-card" style={{display:'grid',gridTemplateColumns:m?'1fr':'minmax(280px, .85fr) 1.15fr',background:TC.white,border:`1px solid ${TC.hair}`,borderRadius:m?20:28,overflow:'hidden',textDecoration:'none',color:'inherit'}}>
    <div style={{minHeight:m?230:360,background:art.image?`linear-gradient(rgba(42,74,53,.04),rgba(42,74,53,.04)),url(${art.image}) center/cover`:`linear-gradient(145deg,${TC.sageMist},${TC.off})`}} role="img" aria-label={art.alt} />
    <div style={{padding:m?'24px 22px 28px':'48px 52px',display:'flex',flexDirection:'column',justifyContent:'center',alignItems:'flex-start'}}>
      <Eyebrow variant="sage" size="sm">{art.cat}</Eyebrow>
      <h2 style={{fontFamily:fontSans,fontSize:m?24:34,lineHeight:1.16,letterSpacing:m?-.7:-1.1,fontWeight:550,color:TC.ink,margin:'18px 0 14px'}}>{art.title}</h2>
      <p style={{fontFamily:fontSans,fontSize:m?15.5:17,lineHeight:1.65,color:TC.ink2,margin:'0 0 22px'}}>{art.excerpt}</p>
      <div style={{fontFamily:fontMono,fontSize:10.5,textTransform:'uppercase',letterSpacing:.45,color:TC.ink3,margin:'0 0 16px'}}>{art.date} · {art.read} de lecture</div>
      <span style={{fontFamily:fontSans,fontSize:15,fontWeight:600,color:TC.sageDeep}}>Lire l’article <span aria-hidden="true">→</span></span>
    </div>
  </a>;
}

function ProgrammeBand({ device }) {
  const m=device==='mobile';
  return <section style={{padding:m?'0 16px 48px':'0 48px 80px',background:TC.white}}><div style={{maxWidth:1100,margin:'0 auto',borderRadius:m?24:32,background:`linear-gradient(155deg,${TC.sage},${TC.sageInk})`,padding:m?'38px 24px':'60px 64px',color:TC.white}}>
    <h2 style={{fontSize:m?27:38,lineHeight:1.15,fontWeight:500,letterSpacing:-1,margin:'0 0 12px'}}>Construisez votre projet en naturopathie</h2>
    <p style={{fontSize:m?15.5:17,lineHeight:1.6,maxWidth:620,color:'rgba(255,255,255,.82)',margin:'0 0 24px'}}>Découvrez une formation en ligne structurée pour apprendre progressivement, à votre rythme.</p>
    <ProgrammeAction style={{display:'inline-flex',padding:'15px 23px',background:TC.white,color:TC.sageInk,border:0,borderRadius:999,font:`600 16px ${fontSans}`,cursor:'pointer'}}>Recevoir le programme</ProgrammeAction>
  </div></section>;
}

function BlogPage({ device }) {
  const m=device==='mobile';
  return <div style={{background:TC.white,color:TC.ink,fontFamily:fontSans,width:'100%',overflowX:'hidden'}}>
    <NavBar device={device}/>
    <header style={{background:TC.off,borderBottom:`1px solid ${TC.hair}`}}><div style={{maxWidth:1180,margin:'0 auto',padding:m?'52px 22px 48px':'90px 80px 76px'}}>
      <Eyebrow variant="sage">Ressources · Blog</Eyebrow>
      <h1 style={{fontSize:m?36:58,lineHeight:1.06,letterSpacing:m?-1.3:-2,fontWeight:500,maxWidth:850,margin:'22px 0 20px'}}>Conseils, naturopathie <span style={{fontFamily:fontSerif,fontStyle:'italic',fontWeight:400,color:TC.sageDeep}}>& bien-être</span></h1>
      <p style={{fontSize:m?16.5:19,lineHeight:1.65,color:TC.ink2,maxWidth:690,margin:0}}>Des repères clairs pour comprendre la naturopathie, préparer une reconversion et construire sereinement votre projet professionnel.</p>
    </div><WhatsAppFAB/></header>
    <main style={{maxWidth:1180,margin:'0 auto',padding:m?'48px 22px 64px':'76px 80px 96px'}}>
      <div style={{fontFamily:fontMono,fontSize:11,textTransform:'uppercase',letterSpacing:1,color:TC.ink3,marginBottom:22}}>Dernier article · {SORTED_BLOG_ARTICLES[0].cat}</div>
      <BlogCard device={device} art={SORTED_BLOG_ARTICLES[0]}/>
      {SORTED_BLOG_ARTICLES.length>1&&<section style={{marginTop:m?46:68}}><div style={{fontFamily:fontMono,fontSize:11,textTransform:'uppercase',letterSpacing:1,color:TC.ink3,marginBottom:22}}>Tous les articles</div><div style={{display:'grid',gap:m?22:30}}>{SORTED_BLOG_ARTICLES.slice(1).map(a=><BlogCard key={a.href} device={device} art={a}/>)}</div></section>}
    </main>
    <ProgrammeBand device={device}/><Footer device={device}/>
    <style>{`.tc-blog-card{transition:transform .2s,box-shadow .2s}.tc-blog-card:hover{transform:translateY(-3px);box-shadow:0 28px 70px -40px rgba(26,31,28,.38)}@media(max-width:767px){h1,h2{overflow-wrap:anywhere}}`}</style>
  </div>;
}

Object.assign(window,{BlogPage,BlogCard,ProgrammeBand,BLOG_ARTICLES,SORTED_BLOG_ARTICLES});