diff --git a/content/_index.de.md b/content/_index.de.md
index 40ec506..fb6f08b 100644
--- a/content/_index.de.md
+++ b/content/_index.de.md
@@ -21,5 +21,38 @@ layout: hextra-home
 </div>
 
 <div class="hx-mb-6">
-{{< hextra/hero-button text="Schnellstart für Nutzer 👉" link="user" >}}
-</div>
\ No newline at end of file
+{{< hextra/hero-button text="Schnellstart für Nutzer 👉" link="./user" >}}
+</div>
+
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Anwenderdoku"
+    subtitle="Orgs, Teams und Läufer:innen anlegen, verwalten und mehr."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
+    link="./user"
+  >}}
+  {{< hextra/feature-card
+    title="Admindoku"
+    subtitle="Installation, Konfiguration und Bedienung des Läufersystems."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
+    link="./admin"
+  >}}
+  {{< hextra/feature-card
+    title="Selfservice"
+    subtitle="Portal für Bürger- und Firmenläufer:innen."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));"
+    link="./selfservice"
+  >}}
+  {{< hextra/feature-card
+    title="Scannerstationen"
+    subtitle="Karten scannen, Kilometer und erfassen. Bedienung, Hardware und Software."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(59,221,210,0.15),hsla(0,0%,100%,0));"
+    link="./scanstation"
+  >}}
+  {{< hextra/feature-card
+    title="Beamershow"
+    subtitle="Aktuelle Statistiken und Toplisten zum Event."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(97,254,97,0.15),hsla(0,0%,100%,0));"
+    link="./beamershow"
+  >}}
+{{< /hextra/feature-grid >}}
\ No newline at end of file
diff --git a/content/_index.en.md b/content/_index.en.md
index f07f9bb..6fe07e3 100644
--- a/content/_index.en.md
+++ b/content/_index.en.md
@@ -10,16 +10,49 @@ layout: hextra-home
 
 <div class="hx-mt-6 hx-mb-6">
 {{< hextra/hero-headline >}}
-  Documentation of the LfK! Runner System.
+    Documentation of the LfK! Runner System.
 {{< /hextra/hero-headline >}}
 </div>
 
 <div class="hx-mb-12">
 {{< hextra/hero-subtitle >}}
-  Here you will find all the information you need to install, configure, and use the LfK! Runner System.
+    Here you will find all the information you need to install, configure, and use the LfK! Runner System.
 {{< /hextra/hero-subtitle >}}
 </div>
 
 <div class="hx-mb-6">
-{{< hextra/hero-button text="Quickstart for Users 👉" link="user" >}}
-</div>
\ No newline at end of file
+{{< hextra/hero-button text="Quickstart for Users 👉" link="./user" >}}
+</div>
+
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="User Documentation"
+    subtitle="Create and manage orgs, teams, runners and mire."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
+    link="./user"
+  >}}
+  {{< hextra/feature-card
+    title="Admin Documentation"
+    subtitle="Installation, configuration, and operation of the runner system."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
+    link="./admin"
+  >}}
+  {{< hextra/feature-card
+    title="Self-service"
+    subtitle="Portal for citizen and company runners."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));"
+    link="./selfservice"
+  >}}
+  {{< hextra/feature-card
+    title="Scanner Stations"
+    subtitle="Scan cards, record kilometers. How-to, hardware, and software."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(59,221,210,0.15),hsla(0,0%,100%,0));"
+    link="./scanstation"
+  >}}
+  {{< hextra/feature-card
+    title="Beamer Show"
+    subtitle="Current statistics and top lists for the event."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(97,254,97,0.15),hsla(0,0%,100%,0));"
+    link="./beamershow"
+  >}}
+{{< /hextra/feature-grid >}}
\ No newline at end of file