From 18171f994340e6622b0379e7a997fb3d179cb13e Mon Sep 17 00:00:00 2001
From: "Thomas.G" <gentilhomme.thomas@gmail.com>
Date: Tue, 19 Nov 2024 20:50:16 +0100
Subject: [PATCH] docs(home): ajout de modules + parcours Dataviz (#103)

---
 docs/.vitepress/theme/main.css | 43 ++++++++++++++++++++++++++++++++++
 docs/index.md                  | 28 ++++++++++++++++++++++
 2 files changed, 71 insertions(+)

diff --git a/docs/.vitepress/theme/main.css b/docs/.vitepress/theme/main.css
index 8f5693d..c40d17e 100644
--- a/docs/.vitepress/theme/main.css
+++ b/docs/.vitepress/theme/main.css
@@ -40,6 +40,11 @@ html.dark kbd {
   color: rgb(10, 200, 187);
 }
 
+.VPHomeHero {
+  padding-bottom: 20px !important;
+  margin-bottom: 20px !important;
+}
+
 .vp-doc table {
   width: 100%;
   display: table;
@@ -48,3 +53,41 @@ html.dark kbd {
 .no_underline {
   text-decoration: none !important;
 }
+
+div.course {
+  display: flex;
+}
+
+div.course > a + a {
+  margin-left: 10px;
+}
+
+div.course > a.soon {
+  cursor: default;
+  opacity: 0.75;
+}
+
+div.course > a {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--vp-c-bg-soft);
+  color: var(--vp-button-alt-text);
+  padding: 12px;
+  border: 1px solid var(--vp-c-bg-soft);
+  border-radius: 12px;
+  font-weight: bold;
+  font-size: 18px;
+  text-decoration: none;
+  transition: border-color 0.25s, background-color 0.25s;
+}
+
+div.course > a:hover {
+  cursor: pointer;
+  border: 1px solid var(--vp-c-brand-1);
+}
+
+div.course > a p {
+  margin: 0px;
+}
diff --git a/docs/index.md b/docs/index.md
index 23883ac..134e885 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -13,3 +13,31 @@ hero:
     - theme: brand
       text: Découvrir la documentation
       link: /documentation
+
+features:
+  - icon: ⚡
+    title: MyUnisoft Accounting Data
+    details: Découvrez notre nouveau format et nos APIs comptables au format JSON, conçus pour vous permettre d'effectuer des exports de données riches et détaillées.
+    link: /MAD/introduction.html
+    linkText: En apprendre plus
+  - icon: 📡
+    title: Webhooks
+    details: Utilisez les webhooks pour intégrer des données en temps réel tout en optimisant le nombre de requêtes effectuées sur nos APIs.
+    link: /webhooks.html
+    linkText: En apprendre plus
+  - icon: 🌍
+    title: Connected
+    details: MyUnisoft Connected est l’écosystème partenaire dédié aux experts-comptables et à leurs clients. Rejoignez-nous pour aller plus loin, ensemble !
+    link: https://myunisoft-connected.fr/
+    linkText: Découvrir nos partenaires
+---
+
+## Nos parcours d'intégrations éditeurs 💡
+
+Laissez-vous guider par des parcours et des usages conçus à partir de l'expérience de nombreuses intégrations <b>réussies</b>.
+
+<div class="course">
+  <a href="course/dataviz.html">
+    <p>📊 Dataviz</p>
+  </a>
+</div>