New VitePress and design look + little work on update to work with.

docs/de/index.md

@@ -1,23 +1,48 @@
 ---
-hide:
-  - Navigation
+layout: home
+
+hero:
+  name: BeamMP Dokumentation
+  text: Alles was du wissen musst
+  tagline: Komplette Anleitungen für Spieler, Serverbetreiber und Entwickler
+  image:
+    src: /assets/core/beammp_dark.png
+    alt: BeamMP
+  actions:
+    - theme: brand
+      text: Erste Schritte
+      link: /de/game/getting-started
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/beammp/docs
+
+features:
+  - icon: 🎮
+    title: Für Spieler
+    details: Erfahren Sie, wie Sie BeamMP installieren, sich mit Servern verbinden und das Beste aus Ihrem Multiplayer-Erlebnis herausholen
+    link: /de/game/getting-started
+  - icon: 🖥️
+    title: Für Serverbetreiber
+    details: Richten Sie Ihren eigenen BeamMP-Server ein und verwalten Sie ihn mit unseren umfassenden Leitfäden und Fehlerbehebungsressourcen
+    link: /de/server/create-a-server
+  - icon: 💻
+    title: Für Entwickler
+    details: Erstellen Sie Mods, Ressourcen und UI-Apps mit detaillierter API-Dokumentation und Codebeispielen
+    link: /de/guides/index
+  - icon: ❓
+    title: FAQ
+    details: Finden Sie schnelle Antworten auf häufig gestellte Fragen zu Setup, Fehlerbehebung und Best Practices
+    link: /de/FAQ/player-faq
+  - icon: 📋
+    title: Gemeinschaftsregeln
+    details: Erfahren Sie mehr über unsere Community-Richtlinien und wie Sie Probleme melden oder Entscheidungen anfechten können
+    link: /de/community/rules
+  - icon: 🔗
+    title: Gemeinschaft
+    details: Treten Sie unserem Discord bei, folgen Sie auf sozialen Medien und verbinden Sie sich mit anderen BeamMP-Spielern und Entwicklern
+    link: /de/community/index
 ---
 
-!!! warning "Diese Seite befindet sich im Aufbau!"
-
-  Diese Seite steht unter aktiver Bearbeitung.
-  Denkst du, dass du helfen könntest? Das kannst du tun, indem du auf das Editier Symbol auf der rechten Seite klickst!
-  Das trifft auch auf alle anderen Seiten zu.
-
-
-# Willkommen bei BeamMP Docs! :tada:
-
-Willkommen im neuen und verbesserten Dokumentationszentrum für BeamMP! Egal, ob du Spieler, Serverbesitzer oder Entwickler bist, wir haben die Ressourcen, die du benötigst, um dein Mehrspielererlebnis in BeamNG.drive zu optimieren.
-
-## Für Spieler
-
-Neu bei BeamMP? Schau dir unsere [Erste Schritte](../game/getting-started.md) -Seite an, um sofort loszulegen und das Beste aus deinen Multiplayer-Abenteuern herauszuholen. Bei allgemeinen Fragen und Problemen schau dir bitte die [Spieler-FAQ](../FAQ/player-faq.md) an.
-
 ## Für Serverbesitzer
 
 Du möchtest deinen eigenen BeamMP-Server erstellen? Unsere umfassende Anleitung [hier](../server/create-a-server.md) führt dich durch den Prozess und stellt sicher, dass du alle notwendigen Werkzeuge und Kenntnisse für die effiziente Konfiguration deines Servers zur Verfügung hast.