---
hide:
  - navigation
  - toc
---

<div class="arclith-home">
  <section class="academy-hero">
    <div class="academy-hero__copy">
      <img class="academy-logo" src="assets/brand/arclith-logo-white.svg" alt="Arclith" />
      <p class="academy-eyebrow">Arclith Academy</p>
      <h1>Le framework pour l'architecture hexagonale</h1>
      <p class="academy-lead">
        Le code métier ne devrait pas dépendre d'un moteur de base de données
        ou d'un moteur d'API. L'architecture hexagonale découple le code métier
        des détails techniques. Arclith est un framework Python qui facilite
        cette architecture pour créer des applications robustes, testables et
        maintenables.
      </p>
    </div>
    <div class="academy-hero__media">
      <video
        controls
        preload="metadata"
        poster="assets/academy/hero-poster.png"
        aria-label="Vidéo d'introduction Arclith Academy"
      >
        <source src="assets/academy/arclith-academy-intro.mp4" type="video/mp4" />
        <track
          default
          kind="captions"
          label="Français"
          src="assets/academy/arclith-academy-intro.fr.vtt"
          srclang="fr"
        />
        Votre navigateur ne peut pas lire cette vidéo.
      </video>
    </div>
  </section>

  <section class="academy-section" aria-labelledby="academy-categories-title">
    <div class="academy-section__header">
      <p class="academy-eyebrow">Parcours</p>
      <h2 id="academy-categories-title">5 thèmes pour tout apprendre</h2>
    </div>

    <div class="academy-grid academy-grid--categories">
      <a class="academy-card" href="quickstarts/">
        <img src="assets/academy/quickstarts.png" alt="" decoding="async" loading="lazy" />
        <span class="academy-card__kicker">Quickstart</span>
        <strong>Valider le POC</strong>
        <p>Démarrage rapide pour voir comment Arclith fonctionne et donner envie d'aller plus loin.</p>
      </a>

      <a class="academy-card" href="foundations/what-is-arclith/">
        <img src="assets/academy/foundations.png" alt="" decoding="async" loading="lazy" />
        <span class="academy-card__kicker">Foundations</span>
        <strong>Préparer et comprendre</strong>
        <p>Setup, Python, outils locaux, environnements et concepts nécessaires avant les formations.</p>
      </a>

      <a class="academy-card" href="learning/training-path/">
        <img src="assets/academy/training.png" alt="" decoding="async" loading="lazy" />
        <span class="academy-card__kicker">Formation</span>
        <strong>Apprendre un geste</strong>
        <p>Pas à pas ciblés pour créer une entité, un use case, un port ou un adapter.</p>
      </a>

      <a class="academy-card" href="capabilities/">
        <img src="assets/academy/reference.png" alt="" decoding="async" loading="lazy" />
        <span class="academy-card__kicker">Capabilities</span>
        <strong>Approfondir un contrat</strong>
        <p>Détail complet, deep dives, contraintes runtime et liens vers les formations associées.</p>
      </a>

      <a class="academy-card" href="tutorials/todo-list/">
        <img src="assets/academy/todo-tutorial.png" alt="" decoding="async" loading="lazy" />
        <span class="academy-card__kicker">Projets</span>
        <strong>Construire de A à Z</strong>
        <p>Réalisation end to end d'un projet concret avec domaine, API, MCP, agent et persistance.</p>
      </a>
    </div>
  </section>
</div>
