diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 000000000..5ca25f07a
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Page de démo des widgets du code du travail numérique</title>
+    <style>
+      .grid-container {
+        display: grid;
+        grid-template-columns: auto auto;
+        gap: 10px;
+        padding: 10px;
+      }
+      .grid-item {
+        background-color: rgba(255, 255, 255, 0.8);
+        border: 1px solid rgba(0, 0, 0, 0.8);
+        padding: 20px;
+        font-size: 30px;
+        text-align: center;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Page de démo des widgets du code du travail numérique</h1>
+    <div class="grid-container">
+      <div class="grid-item">
+        <h2>Trouver sa convention collective</h2>
+        <a href="https://code.travail.gouv.fr/widgets/convention-collective"
+          >Trouver sa convention collective</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Moteur de recherche</h2>
+        <a href="https://code.travail.gouv.fr/widgets/search"
+          >Moteur de recherche du Code du travail numérique</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Indemnité de licenciement</h2>
+        <a href="https://code.travail.gouv.fr/widgets/indemnite-licenciement"
+          >Indemnité de licenciement</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Préavis de démission</h2>
+        <a href="https://code.travail.gouv.fr/widgets/preavis-demission"
+          >Préavis de démission</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Indemnité de précarité</h2>
+        <a href="https://code.travail.gouv.fr/widgets/indemnite-precarite"
+          >Indemnité de précarité</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Préavis de licenciement</h2>
+        <a href="https://code.travail.gouv.fr/widgets/preavis-licenciement"
+          >Préavis de licenciement</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Préavis de départ ou mise à la retraite</h2>
+        <a href="https://code.travail.gouv.fr/widgets/preavis-retraite"
+          >Préavis de départ ou mise à la retraite</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Comprendre sa procédure de licenciement</h2>
+        <a href="https://code.travail.gouv.fr/widgets/procedure-licenciement"
+          >Comprendre sa procédure de licenciement</a
+        >
+      </div>
+      <div class="grid-item">
+        <h2>Modèles de documents</h2>
+        <a
+          href="https://code.travail.gouv.fr/widgets/modeles-de-courriers/9e95f05bae"
+          >Modèles de documents</a
+        >
+      </div>
+    </div>
+    <script src="https://code.travail.gouv.fr/widget.js" defer></script>
+  </body>
+</html>
