feat(ui): harmoniser navigation pages d’entrée et recherche

src/pages/index.astro

@@ -3,55 +3,70 @@ import SiteLayout from "../layouts/SiteLayout.astro";
 ---
 
 <SiteLayout title="Archicratie — Édition web">
+  <section class="landing landing-home" aria-labelledby="home-title">
+    <header class="landing-hero">
+      <p class="landing-kicker">Édition web expérimentale</p>
 
-  <h1>Archicratie</h1>
+      <h1 id="home-title">Archicratie</h1>
 
-  <p>
-    Ce site présente le noyau conceptuel du paradigme archicratique :
-    une théorie des architectures de régulation qui rendent possible la co-viabilité
-    des sociétés complexes.
-  </p>
+      <p class="landing-lead">
+        Une recherche indépendante sur les architectures de régulation qui rendent
+        possible la co-viabilité des sociétés complexes.
+      </p>
 
-  <hr />
+      <div class="landing-actions" aria-label="Entrées principales">
+        <a class="landing-btn landing-btn--primary" href="/commencer/">
+          Entrevoir l’archicratie
+        </a>
+        <a class="landing-btn" href="/glossaire/">
+          Explorer son glossaire
+        </a>
+      </div>
+    </header>
 
-  <h2>Document d’entrée</h2>
+    <section class="landing-section" aria-labelledby="home-paths-title">
+      <div class="landing-section__head">
+        <p class="landing-kicker">Parcours</p>
+        <h2 id="home-paths-title">Accès principaux</h2>
+      </div>
 
-  <p>
-    Le document suivant propose une première entrée dans le paradigme archicratique.
-  </p>
+      <div class="landing-grid">
+        <a class="landing-card" href="/archicrat-ia/">
+          <strong>Essai-thèse — ArchiCraT-IA</strong>
+          <span>
+            Le corpus principal : fondements, histoire, philosophie du pouvoir,
+            tensions et régulations archicratiques.
+          </span>
+          <small>Lire ArchiCraT-IA →</small>
+        </a>
 
-  <p>
-    👉 <a href="/commencer/">Lire le document de présentation</a>
-  </p>
+        <a class="landing-card" href="/cas-ia/">
+          <strong>Cas pratique — Gouvernance IA</strong>
+          <span>
+            Une mise à l’épreuve contemporaine du paradigme à travers la
+            gouvernance des systèmes d’intelligence artificielle.
+          </span>
+          <small>Explorer le cas pratique →</small>
+        </a>
 
-  <hr />
-
-  <h2>Accès principaux</h2>
-
-  <ul>
-    <li>
-      <a href="/archicrat-ia/">
-        Essai-thèse — ArchiCraT-IA
-      </a>
-    </li>
-
-    <li>
-      <a href="/cas-ia/">
-        Cas pratique — Gouvernance des systèmes IA
-      </a>
-    </li>
-
-    <li>
-      <a href="/glossaire/">
-        Glossaire archicratique
-      </a>
-    </li>
-
-    <li>
-      <a href="/recherche/">
-        Recherche dans les textes
-      </a>
-    </li>
-  </ul>
+        <a class="landing-card" href="/glossaire/">
+          <strong>Glossaire</strong>
+          <span>
+            La cartographie conceptuelle du système : notions, scènes,
+            dynamiques, tensions et méta-régimes.
+          </span>
+          <small>Entrer dans le glossaire →</small>
+        </a>
 
+        <a class="landing-card" href="/recherche/">
+          <strong>Recherche</strong>
+          <span>
+            Rechercher un terme, une notion ou un passage dans les textes de
+            l’édition web.
+          </span>
+          <small>Lancer une recherche →</small>
+        </a>
+      </div>
+    </section>
+  </section>
 </SiteLayout>