diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
new file mode 100755
index 0000000..a7fa3b6
--- /dev/null
+++ b/docs/.vitepress/config.ts
@@ -0,0 +1,80 @@
+import { defineConfig } from 'vitepress'
+
+export default defineConfig({
+  lang: 'fr-FR',
+  title: 'QuantumCraft Studios',
+  description: 'La documentation officielle de QuantumCraft Studios',
+
+  themeConfig: {
+    outlineTitle: 'Sur cette page',
+
+    logo: 'https://i.imgur.com/46BL0Kx.png',
+
+    nav: [
+      { text: 'Tutoriels', link: '/tutoriels' },
+      { text: 'QuantumCraft Studios', link: 'https://quantumcraft-studios.com' }
+    ],
+
+    sidebar: [
+      {
+        text: '📚 Accueil & Général',
+        collapsible: true,
+        items: [
+          { text: '🚀 Accueil des tutoriels', link: '/tutoriels' }
+        ]
+      },
+      {
+        text: '🧩 Présentation du Panel',
+        collapsible: true,
+        items: [
+          { text: '🖥️ Introduction au Panel', link: '/présentation-panel/introduction-panel' },
+          { text: '📁 Gestionnaire de fichiers', link: '/présentation-panel/gestionnaire-de-fichiers' },
+          { text: '🗄️ Base de données', link: '/présentation-panel/gestionnaire-de-base-de-donnee' },
+          { text: '⏰ Planification des tâches', link: '/présentation-panel/planification-des-taches' },
+          { text: '👥 Gestion des utilisateurs', link: '/présentation-panel/gestion-des-utilisateurs' },
+          { text: '💾 Sauvegardes (Backups)', link: '/présentation-panel/sauvegardes' },
+          { text: '🌐 Réseau (Network)', link: '/présentation-panel/réseau' },
+          { text: '⚙️ Démarrage (Startup)', link: '/présentation-panel/démarrage' },
+          { text: '⚙️ Paramètres du serveur (Settings)', link: '/présentation-panel/paramètres-du-serveur' },
+          { text: '🧾 Historique d’activité (Activity / Logs)', link: '/présentation-panel/historique-d-activité' },
+          { text: '👤 Mon compte (Account)', link: '/présentation-panel/mon-compte' },
+          { text: '🔑 API', link: '/présentation-panel/api' },
+          { text: '🔐 SSH', link: '/présentation-panel/ssh' },
+        ]
+      },
+      {
+        text: '🎮 Hébergement de jeux',
+        collapsible: true,
+        items: [
+          { text: '🧱 Choisir son offre Minecraft', link: '/hébergement-jeux/choisir-offre-minecraft' },
+          { text: '🪐 Choisir son offre Palword', link: '/hébergement-jeux/choisir-offre-palworld' },
+          { text: '🪵 Choisir son offre Vintage Story', link: '/hébergement-jeux/choisir-offre-vintage-story' }
+        ]
+      },
+      {
+        text: '🌐 Hébergement de Dev',
+        collapsible: true,
+        items: [
+          { text: '⚙️ Choisir son offre NodeJs', link: '/hébergement-devops/choisir-offre-nodejs' },
+          { text: '🐍 Choisir son offre Python', link: '/hébergement-devops/choisir-offre-python' }
+        ]
+      },
+    ],
+
+    docFooter: {
+      prev: 'Page précédente',
+      next: 'Page suivante'
+    },
+
+    lastUpdatedText: 'Dernière mise à jour',
+
+    socialLinks: [
+      { icon: 'twitter', link: 'https://x.com/quantumcraft-studios' }
+    ],
+
+    footer: {
+      message: 'Documentation créée par QuantumCraft Studios',
+      copyright: '© 2025 QuantumCraft Studios'
+    }
+  }
+})
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100755
index 0000000..cd3f292
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,103 @@
+/* ======= Couleurs VitePress en thème clair ======= */
+:root {
+  --vp-c-brand: #2e7ccb;
+  --vp-c-brand-light: #5292d8;
+  --vp-c-brand-dark: #1e549d;
+
+  --vp-c-bg: #ffffff;
+  --vp-c-bg-alt: #f9f9f9;
+  --vp-c-text: #1f1f1f;
+  --vp-c-text-light: #666;
+
+  --vp-radius: 10px;
+  --vp-code-font-size: 95%;
+  --vp-font-family-base: 'Inter', system-ui, sans-serif;
+}
+
+/* ======= Thème sombre ======= */
+.dark {
+  --vp-c-brand: #2e7ccb;
+  --vp-c-brand-dark: #152954;
+  --vp-c-brand-light: #81fbf9;
+
+  --vp-c-bg: #121212;
+  --vp-c-bg-alt: #1e1e1e;
+  --vp-c-text: #f0f0f0;
+  --vp-c-text-light: #a9a9a9;
+}
+
+/* ======= Style des liens du menu (sidebar) avec icônes personnalisées ======= */
+[class^="style_"] .VPLink.link {
+  position: relative;
+  padding-left: 2em;
+}
+
+[class^="style_"] .VPLink.link::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0.5em;
+  transform: translateY(-50%);
+  width: 1em;
+  height: 1em;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+/* Spécifique à chaque icône */
+.style_sparkles .VPLink.link::before {
+  background-image: url('/docs/docs/img/sidebar/sparkles.png');
+}
+
+.style_booktext .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/booktext.png');
+}
+
+.style_webhook .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/webhook.png');
+}
+
+.style_route .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/route.png');
+}
+
+.style_log .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/log.png');
+}
+
+.style_settings .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/settings.png');
+}
+
+.style_command .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/command.png');
+}
+
+.style_feather .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/feather.png');
+}
+
+.style_start .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/start.png');
+}
+
+.style_album .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/album.png');
+}
+
+.style_replace .VPLink.link::before {
+  background-image: url('/docs/img/sidebar/replace.png');
+}
+
+.VPButton.brand {
+  background-color: #d67845 !important; /* couleur de fond */
+  color: #fff !important;               /* couleur du texte */
+  padding: 0.6em 1.5em;
+  font-weight: 600;
+  transition: background-color 0.3s ease;
+  border: none;
+}
+
+.VPButton.brand:hover {
+  background-color: #e08a5c !important; /* couleur au survol */
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
new file mode 100755
index 0000000..eaaffeb
--- /dev/null
+++ b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,6 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default {
+  ...DefaultTheme
+}
\ No newline at end of file
diff --git a/docs/hébergement-devops/choisir-offre-nodejs.md b/docs/hébergement-devops/choisir-offre-nodejs.md
new file mode 100644
index 0000000..cb7388e
--- /dev/null
+++ b/docs/hébergement-devops/choisir-offre-nodejs.md
@@ -0,0 +1,48 @@
+## ⚙️ Comment choisir son offre Node.js ?
+
+Les offres **Node.js** proposées par QuantumCraft Studios sont idéales pour héberger des bots Discord, des API, des outils web ou toute application basée sur l’environnement Node.js.
+
+Ce guide vous aide à choisir la formule adaptée à vos besoins en développement.
+
+---
+
+### 📊 Comparatif des offres disponibles
+
+| Offre                  | RAM   | Sauvegardes | Bases de données | Stockage SSD | Prix     | Idéal pour...                        |
+| ---------------------- | ----- | ----------- | ---------------- | ------------ | -------- | ------------------------------------ |
+| **Node.js - Gratuite** | 1 Go  | 1           | 1                | 10 Go        | 0 €/mois | Test de projets, bots simples        |
+| **Node.js - 5Gb**      | 5 Go  | 5           | 5                | 15 Go        | 2 €/mois | Bot Discord avancé, API modulaire    |
+| **Node.js - 10Gb**     | 10 Go | 8           | 8                | 25 Go        | 5 €/mois | Applications web, backends complexes |
+
+---
+
+### 🧠 Nos conseils
+
+#### 🧪 Développement ou test
+
+> L’**offre gratuite** est parfaite pour tester un bot Discord, une API légère ou expérimenter Node.js.
+
+#### 🤖 Bot ou API utilisé en production
+
+> L’**offre 5Gb** vous offre suffisamment de RAM et de bases pour des projets multi-commandes ou API REST.
+
+#### 🌐 Projet web complet ou back lourd
+
+> L’**offre 10Gb** conviendra parfaitement à un dashboard, une API GraphQL, ou tout backend avec de fortes charges.
+
+---
+
+### ✅ Inclus dans toutes les offres Node.js :
+
+* Processeur **Intel® E5-2640 v4**
+* **Stockage SSD NVMe performant**
+* Slots d’exécution **illimités**
+* **Anti-DDoS**
+* Sauvegardes automatiques
+* Accès **SFTP** et **bases de données**
+
+---
+
+👉 [Voir les offres Node.js sur notre site](https://quantumcraft-studios.com/nos-offres.php#nodejs)
+
+---
\ No newline at end of file
diff --git a/docs/hébergement-devops/choisir-offre-python.md b/docs/hébergement-devops/choisir-offre-python.md
new file mode 100644
index 0000000..963ff0d
--- /dev/null
+++ b/docs/hébergement-devops/choisir-offre-python.md
@@ -0,0 +1,48 @@
+## 🐍 Comment choisir son offre Python ?
+
+Les offres **Python** de QuantumCraft Studios sont idéales pour héberger des scripts automatisés, des bots, des API Flask/FastAPI ou encore des projets data science exécutables en ligne.
+
+Ce guide vous aide à choisir l’offre adaptée à votre charge de travail.
+
+---
+
+### 📊 Comparatif des offres disponibles
+
+| Offre                 | RAM   | Sauvegardes | Bases de données | Stockage SSD | Prix     | Idéal pour...                           |
+| --------------------- | ----- | ----------- | ---------------- | ------------ | -------- | --------------------------------------- |
+| **Python - Gratuite** | 1 Go  | 1           | 1                | 10 Go        | 0 €/mois | Scripts simples, tests, bots légers     |
+| **Python - 5Gb**      | 5 Go  | 5           | 5                | 15 Go        | 2 €/mois | API Flask, FastAPI, automations         |
+| **Python - 10Gb**     | 10 Go | 8           | 8                | 25 Go        | 5 €/mois | Projets data, backends lourds, Scrapers |
+
+---
+
+### 🧠 Nos conseils
+
+#### 🔬 Tests, petits scripts ou bots
+
+> L’**offre gratuite** suffit pour lancer des tâches planifiées simples ou des petits bots Python.
+
+#### 🌐 Projet web ou API modulaire
+
+> Choisissez **5Gb** pour héberger une application web Python, un crawler ou une API Flask avec BDD.
+
+#### 📊 Projets lourds, scraping massif ou IA
+
+> L’**offre 10Gb** offre confort et stabilité pour des scripts intensifs ou multi-process.
+
+---
+
+### ✅ Inclus dans toutes les offres Python :
+
+* CPU **Intel® E5-2640 v4**
+* **Stockage SSD NVMe**
+* Accès complet via **SFTP**
+* **Sauvegardes automatiques**
+* **Bases de données** selon l’offre
+* **Protection Anti-DDoS**
+
+---
+
+👉 [Voir les offres Python sur notre site](https://quantumcraft-studios.com/nos-offres.php#python)
+
+---
\ No newline at end of file
diff --git a/docs/hébergement-jeux/choisir-offre-minecraft.md b/docs/hébergement-jeux/choisir-offre-minecraft.md
new file mode 100644
index 0000000..9a043fa
--- /dev/null
+++ b/docs/hébergement-jeux/choisir-offre-minecraft.md
@@ -0,0 +1,49 @@
+## 🧱 Comment choisir son offre Minecraft ?
+
+Chez **QuantumCraft Studios**, vous avez accès à plusieurs offres adaptées à tous les types de projets Minecraft, du simple serveur entre amis à la gestion d’un serveur moddé public.
+
+Voici un comparatif pour vous aider à faire le bon choix 👇
+
+---
+
+### 🔍 Comparatif des offres disponibles
+
+| Offre                 | RAM    | Sauvegardes | Base(s) de données | Stockage SSD | Prix      | Idéal pour...                     |
+| --------------------- | ------ | ----------- | ------------------ | ------------ | --------- | --------------------------------- |
+| **Essai Gratuit 72H** | 512 Mo | 1           | 1                  | 1 Go         | Gratuit   | Tester rapidement le panel        |
+| **Minecraft - 1Gb**   | 1 Go   | 1           | 1                  | 5 Go         | 1 €/mois  | Petits projets, plugins légers    |
+| **Minecraft - 6Gb**   | 6 Go   | 3           | Illimité           | 25 Go        | 10 €/mois | Plugins avancés, mini-jeux, etc.  |
+| **Minecraft - 8Gb**   | 8 Go   | 5           | Illimité           | 50 Go        | 15 €/mois | Serveur public, communauté active |
+| **Minecraft - 16Gb**  | 16 Go  | 8           | Illimité           | 75 Go        | 20 €/mois | Serveur moddé, gros modpacks      |
+
+---
+
+### 🧠 Recommandations selon vos besoins
+
+#### 🎉 Vous débutez ?
+
+> Testez l’**offre gratuite 72h** pour découvrir le panel sans engagement.
+
+#### 👨‍👩‍👧‍👦 Serveur entre amis, vanilla ou semi-plugin ?
+
+> L’**offre 1Gb ou 6Gb** est parfaite pour commencer sans se ruiner.
+
+#### 🧱 Vous utilisez des mods ou des gros plugins ?
+
+> Optez pour **8Go ou plus**, surtout avec des modpacks type Pixelmon, FTB, ou All the Mods.
+
+---
+
+### 🛡️ Tous nos serveurs incluent :
+
+* Anti-DDoS
+* Slots illimités
+* Accès SFTP & base de données
+* Processeur **Intel® E5-2640 v4**
+* Stockage **SSD NVMe**
+
+---
+
+👉 [Voir nos offres complètes](https://quantumcraft-studios.com/minecraft.php)
+
+---
\ No newline at end of file
diff --git a/docs/hébergement-jeux/choisir-offre-palworld.md b/docs/hébergement-jeux/choisir-offre-palworld.md
new file mode 100644
index 0000000..9521415
--- /dev/null
+++ b/docs/hébergement-jeux/choisir-offre-palworld.md
@@ -0,0 +1,45 @@
+## 🪐 Comment choisir son offre PalWorld ?
+
+Les serveurs **PalWorld** consomment généralement plus de ressources que Minecraft, notamment en RAM et en stockage, en raison des nombreux éléments du monde ouvert, des IA, et des sauvegardes fréquentes. Voici de quoi vous guider dans le choix de l’offre la plus adaptée.
+
+---
+
+### 📊 Comparatif des offres disponibles
+
+| Offre               | RAM   | Sauvegardes | Base(s) de données | Stockage SSD | Prix      | Idéal pour...                            |
+| ------------------- | ----- | ----------- | ------------------ | ------------ | --------- | ---------------------------------------- |
+| **PalWorld - 8Gb**  | 8 Go  | 5           | Illimité           | 32 Go        | 16 €/mois | Petite team, sessions occasionnelles     |
+| **PalWorld - 16Gb** | 16 Go | 8           | Illimité           | 70 Go        | 22 €/mois | Expérience fluide avec plusieurs joueurs |
+| **PalWorld - 32Gb** | 32 Go | 12          | Illimité           | 90 Go        | 32 €/mois | Serveur public ou très chargé            |
+
+---
+
+### 🎯 Nos recommandations
+
+#### 👥 Serveur entre amis (2–5 joueurs)
+
+> L’offre **8Gb** est suffisante pour profiter du jeu à plusieurs sans ralentissement.
+
+#### 🔥 Serveur communautaire (6–15 joueurs)
+
+> Choisissez **16Gb** pour éviter les lags et disposer d’un bon espace de sauvegarde.
+
+#### 🏞️ Serveur full exploration, base massive, écuries de Pals ?
+
+> L’**offre 32Gb** est parfaite pour une expérience sans compromis.
+
+---
+
+### 🛡️ Toutes les offres PalWorld incluent :
+
+* Slots **illimités**
+* Accès **SFTP** et base de données
+* **Anti-DDoS**
+* CPU Intel® E5-2640 v4
+* Stockage **SSD NVMe**
+
+---
+
+👉 [Voir les offres sur le site](https://quantumcraft-studios.com/nos-offres.php#palworld)
+
+---
\ No newline at end of file
diff --git a/docs/hébergement-jeux/choisir-offre-vintage-story.md b/docs/hébergement-jeux/choisir-offre-vintage-story.md
new file mode 100644
index 0000000..fe43c4d
--- /dev/null
+++ b/docs/hébergement-jeux/choisir-offre-vintage-story.md
@@ -0,0 +1,48 @@
+## 🪵 Comment choisir son offre Vintage Story ?
+
+**Vintage Story** est un jeu sandbox complexe qui peut rapidement devenir exigeant pour votre serveur selon la taille de la carte, le nombre de joueurs et les mods utilisés.
+
+Voici un guide pour choisir l’offre la plus adaptée à votre usage.
+
+---
+
+### 📊 Comparatif des offres disponibles
+
+| Offre                    | RAM   | Sauvegardes | Base(s) de données | Stockage SSD | Prix      | Idéal pour...                               |
+| ------------------------ | ----- | ----------- | ------------------ | ------------ | --------- | ------------------------------------------- |
+| **Vintage Story - 4Gb**  | 4 Go  | 3           | Illimité           | 30 Go        | 8 €/mois  | Petites maps solo ou duo                    |
+| **Vintage Story - 8Gb**  | 8 Go  | 5           | Illimité           | 50 Go        | 12 €/mois | Groupe de 5 à 10 joueurs                    |
+| **Vintage Story - 16Gb** | 16 Go | 8           | Illimité           | 70 Go        | 24 €/mois | Communauté active, map étendue, mods lourds |
+
+---
+
+### 🧠 Nos conseils
+
+#### 👥 Joueurs occasionnels / petit groupe
+
+> L’**offre 4Gb** suffira largement pour explorer et construire à votre rythme.
+
+#### 🛠️ Joueurs réguliers avec mods ou grandes structures
+
+> Privilégiez **8Gb**, pour plus de fluidité et de confort sur la durée.
+
+#### 🏰 Serveur actif ou multijoueur intensif
+
+> L’**offre 16Gb** est recommandée pour accueillir une communauté, gérer de nombreuses entités, et profiter d’une expérience sans lag.
+
+---
+
+### ✅ Toutes les offres incluent :
+
+* Processeur **Intel® E5-2640 v4**
+* Slots **illimités**
+* **Stockage SSD NVMe rapide**
+* **Anti-DDoS**
+* **Bases de données illimitées**
+* Sauvegardes automatiques (3 à 8 selon l’offre)
+
+---
+
+👉 [Voir nos offres Vintage Story sur le site](https://quantumcraft-studios.com/nos-offres.php#vintagestory)
+
+---
\ No newline at end of file
diff --git a/docs/img/api_01.png b/docs/img/api_01.png
new file mode 100644
index 0000000..ce1314b
Binary files /dev/null and b/docs/img/api_01.png differ
diff --git a/docs/img/base_de_donnee.png b/docs/img/base_de_donnee.png
new file mode 100644
index 0000000..a4f17b4
Binary files /dev/null and b/docs/img/base_de_donnee.png differ
diff --git a/docs/img/compte.png b/docs/img/compte.png
new file mode 100644
index 0000000..6cad12c
Binary files /dev/null and b/docs/img/compte.png differ
diff --git a/docs/img/dashboard_01.png b/docs/img/dashboard_01.png
new file mode 100755
index 0000000..f6e5283
Binary files /dev/null and b/docs/img/dashboard_01.png differ
diff --git a/docs/img/dashboard_02.png b/docs/img/dashboard_02.png
new file mode 100755
index 0000000..9d4c3f6
Binary files /dev/null and b/docs/img/dashboard_02.png differ
diff --git a/docs/img/démarrage.png b/docs/img/démarrage.png
new file mode 100644
index 0000000..67bc692
Binary files /dev/null and b/docs/img/démarrage.png differ
diff --git a/docs/img/gestionnaire_de_fichiers_01.png b/docs/img/gestionnaire_de_fichiers_01.png
new file mode 100644
index 0000000..f9279de
Binary files /dev/null and b/docs/img/gestionnaire_de_fichiers_01.png differ
diff --git a/docs/img/login_page.png b/docs/img/login_page.png
new file mode 100644
index 0000000..b04795f
Binary files /dev/null and b/docs/img/login_page.png differ
diff --git a/docs/img/paramètres_du_serveur.png b/docs/img/paramètres_du_serveur.png
new file mode 100644
index 0000000..4ab10bc
Binary files /dev/null and b/docs/img/paramètres_du_serveur.png differ
diff --git a/docs/img/réseau_01.png b/docs/img/réseau_01.png
new file mode 100644
index 0000000..c499498
Binary files /dev/null and b/docs/img/réseau_01.png differ
diff --git a/docs/img/sauvegardes_01.png b/docs/img/sauvegardes_01.png
new file mode 100644
index 0000000..931f0c2
Binary files /dev/null and b/docs/img/sauvegardes_01.png differ
diff --git a/docs/img/sauvegardes_02.png b/docs/img/sauvegardes_02.png
new file mode 100644
index 0000000..9a2440f
Binary files /dev/null and b/docs/img/sauvegardes_02.png differ
diff --git a/docs/img/sidebar/album.png b/docs/img/sidebar/album.png
new file mode 100755
index 0000000..a01cc19
Binary files /dev/null and b/docs/img/sidebar/album.png differ
diff --git a/docs/img/sidebar/booktext.png b/docs/img/sidebar/booktext.png
new file mode 100755
index 0000000..3473c42
Binary files /dev/null and b/docs/img/sidebar/booktext.png differ
diff --git a/docs/img/sidebar/command.png b/docs/img/sidebar/command.png
new file mode 100755
index 0000000..2fe1ac3
Binary files /dev/null and b/docs/img/sidebar/command.png differ
diff --git a/docs/img/sidebar/feather.png b/docs/img/sidebar/feather.png
new file mode 100755
index 0000000..dbf00bb
Binary files /dev/null and b/docs/img/sidebar/feather.png differ
diff --git a/docs/img/sidebar/log.png b/docs/img/sidebar/log.png
new file mode 100755
index 0000000..ff2aeea
Binary files /dev/null and b/docs/img/sidebar/log.png differ
diff --git a/docs/img/sidebar/replace.png b/docs/img/sidebar/replace.png
new file mode 100755
index 0000000..cb6d64a
Binary files /dev/null and b/docs/img/sidebar/replace.png differ
diff --git a/docs/img/sidebar/route.png b/docs/img/sidebar/route.png
new file mode 100755
index 0000000..fb285f9
Binary files /dev/null and b/docs/img/sidebar/route.png differ
diff --git a/docs/img/sidebar/settings.png b/docs/img/sidebar/settings.png
new file mode 100755
index 0000000..02895d7
Binary files /dev/null and b/docs/img/sidebar/settings.png differ
diff --git a/docs/img/sidebar/sparkles.png b/docs/img/sidebar/sparkles.png
new file mode 100755
index 0000000..52d9102
Binary files /dev/null and b/docs/img/sidebar/sparkles.png differ
diff --git a/docs/img/sidebar/start.png b/docs/img/sidebar/start.png
new file mode 100755
index 0000000..136c9c7
Binary files /dev/null and b/docs/img/sidebar/start.png differ
diff --git a/docs/img/sidebar/webhook.png b/docs/img/sidebar/webhook.png
new file mode 100755
index 0000000..4161c76
Binary files /dev/null and b/docs/img/sidebar/webhook.png differ
diff --git a/docs/img/ssh.png b/docs/img/ssh.png
new file mode 100644
index 0000000..7b748ef
Binary files /dev/null and b/docs/img/ssh.png differ
diff --git a/docs/img/tâches_01.png b/docs/img/tâches_01.png
new file mode 100644
index 0000000..04ec632
Binary files /dev/null and b/docs/img/tâches_01.png differ
diff --git a/docs/img/tâches_02.png b/docs/img/tâches_02.png
new file mode 100644
index 0000000..5748405
Binary files /dev/null and b/docs/img/tâches_02.png differ
diff --git a/docs/index.md b/docs/index.md
new file mode 100755
index 0000000..e8e90fa
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,21 @@
+---
+layout: home
+title: Docs - QuantumCraft Studios
+hero:
+  text: La documentation officielle de l'hébergeur QuantumCraft Studios
+  tagline: ""
+  actions:
+    - theme: brand
+      text: Notre documentation
+      link: /tutoriels
+features:
+  - icon: 🏔️
+    title: Documentation Complète
+    details: Chez QuantumCraft Studios, une documentation détaillée est à votre disposition pour faciliter la gestion de votre hébergement web et vous accompagner à chaque étape.
+  - icon: ⚡
+    title: Tutoriels Efficaces et Rapides
+    details: Découvrez nos tutoriels conçus pour être à la fois efficaces et rapides, vous permettant de maîtriser rapidement les aspects techniques de votre hébergement.
+  - icon: 🤝
+    title: Support Client Prioritaire
+    details: Notre équipe est dédiée à votre réussite. Bénéficiez d'un support client réactif et prioritaire pour toutes vos questions et préoccupations.
+---
diff --git a/docs/introduction.md b/docs/introduction.md
new file mode 100755
index 0000000..e26e394
--- /dev/null
+++ b/docs/introduction.md
@@ -0,0 +1,50 @@
+---
+title: Introduction
+description: Découvrez qui nous sommes et ce que nous proposons chez QuantumCraft Studios.
+---
+
+## 📘 Introduction
+Bienvenue sur la documentation officielle de QuantumCraft Studios ! Ce site est dédié à fournir des tutoriels complets et des ressources pour vous aider à tirer le meilleur parti de nos services d'hébergement web, de jeux, de VPS et bien plus encore. Que vous soyez un utilisateur débutant ou un expert, nous sommes là pour vous guider à travers toutes les étapes afin d’optimiser votre expérience
+
+## 🏢 À propos de QuantumCraft Studios
+Lancé en 2024, QuantumCraft Studios est né de la volonté de proposer des solutions d’hébergement accessibles et performantes. Derrière ce projet, Philippe GAULIN et Jessy DAVID, deux passionnés de technologie, unissent leurs compétences pour offrir une infrastructure solide et fiable, pensée pour accompagner aussi bien les petits projets que les plus ambitieux.
+
+## 💼 Nos Service
+
+Nous proposons une gamme complète de services d'hébergement adaptés à vos besoin :
+
+### 🎮 Hébergement de Jeu
+
+- Minecraft (Vanilla, Java, Bedrock, PocketMine, BungeeCord, Forge, Paper, Spigot, Fabric, Sponge, etc.)
+- PalWorld
+- Vintage Story
+
+### 🖥️ Hébergement Dev
+
+- Node.Js
+- Python
+
+### 🛠️ Autres serices
+
+Nous pouvons sur demande fournir d'autres solutions comme 
+
+- Développement de plugins minecraft
+- Développement de mods minecraft
+- Développement de site web
+
+... Et bien plus encore ! N'hésitez pas à nous contacter, nous sommes là pour vous accompagner dans vos pojets.
+
+## ✅ Pourquoi Choisir QuantumCraft-Studios ?
+
+- **Infrastructure maîtrisée** : Nos serveurs sont hébergés en France sur une infrastructure moderne, garantissant performance, stabilité et faible latence.
+
+- **Prix accessibles** : Nous proposons des services fiables à des tarifs compétitifs, adaptés à tous les budgets.
+
+- **Assistance disponible** : Notre support technique est réactif et accessible du lundi au samedi de 9h à 21h pour répondre à toutes vos demandes.
+
+- **Offres personnalisées** : Nos solutions sont flexibles et peuvent être ajustées selon les besoins spécifiques de chaque projet.
+
+## 📩 Besoin d’aide ou d’informations ?
+
+N'hésitez pas à nous écrire à [contact@quantumcraft-studios.com](mailto:contact@quantumcraft-studios.com).  
+Notre équipe est à votre écoute et prête à vous accompagner dans la réussite de vos projets.
\ No newline at end of file
diff --git a/docs/présentation-panel/api.md b/docs/présentation-panel/api.md
new file mode 100644
index 0000000..2d2c54f
--- /dev/null
+++ b/docs/présentation-panel/api.md
@@ -0,0 +1,37 @@
+## 🛠️ API
+
+L’onglet **API** vous permet de générer des **clés d’API personnelles** pour interagir avec le panel de manière automatisée.
+Ces clés sont utiles pour les développeurs ou les utilisateurs avancés souhaitant créer des intégrations externes (bots Discord, scripts, etc.).
+
+### 🔑 Créer une clé d’API
+
+Pour générer une nouvelle clé :
+
+1. Cliquez sur **“Create API Key”**
+2. Donnez un **nom** à la clé (ex. : `bot-discord`, `scripts`)
+3. Cliquez sur **Create**
+   → Une clé vous sera affichée **une seule fois**. Copiez-la et conservez-la en lieu sûr.
+
+### 📋 Gérer les clés existantes
+
+Une fois créées, vous pouvez :
+
+* Voir la **date de création**
+* **Révoquer** une clé à tout moment en cliquant sur l’icône poubelle
+
+> ⚠️ Les clés d’API donnent un **accès direct** à votre compte et à ses permissions : **ne les partagez jamais** et révoquez-les immédiatement en cas de doute.
+
+---
+
+💡 **Cas d’usage courant** :
+
+* Afficher l’état du serveur dans un bot Discord
+* Exécuter des commandes via un script externe
+* Automatiser des redémarrages, sauvegardes ou notifications
+
+---
+
+🔍 **Aperçu de l’onglet API** :
+![Onglet API](../img/api_01.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/démarrage.md b/docs/présentation-panel/démarrage.md
new file mode 100644
index 0000000..6fde43a
--- /dev/null
+++ b/docs/présentation-panel/démarrage.md
@@ -0,0 +1,29 @@
+## ⚙️ Démarrage (Startup)
+
+L’onglet **Startup** permet de gérer les **paramètres de lancement du serveur**. C’est ici que vous pouvez modifier la **commande de démarrage**, choisir l’**image Docker**, et définir des **variables personnalisées** (comme la version de Minecraft ou le fichier `.jar` à exécuter).
+
+Depuis cette interface, vous pouvez :
+
+* 🔧 **Modifier la commande de démarrage** utilisée pour lancer le serveur
+* 🐳 **Choisir l’image Docker** (ex. Java 17, Java 21) adaptée à votre version de jeu ou modpack
+* 🧩 Configurer des **variables dynamiques** comme :
+
+  * `MINECRAFT VERSION` : la version à installer (ex : `1.20.4`, ou `latest`)
+  * `BUILD NUMBER` : version spécifique pour PaperMC ou autre wrapper
+  * `SERVER JAR FILE` : nom du fichier `.jar` à lancer (par défaut : `server.jar`)
+
+💡 Ces variables sont intégrées automatiquement dans la commande de démarrage.
+
+---
+
+⚠️ **Attention** :
+
+> Modifier ces valeurs sans connaître leur effet peut empêcher le serveur de démarrer correctement.
+> En cas de doute, contactez le support ou consultez la documentation du type de serveur utilisé.
+
+---
+
+🖥️ **Aperçu de l’onglet Startup** :
+![Aperçu de l'onglet Startup](../img/démarrage.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/gestion-des-utilisateurs.md b/docs/présentation-panel/gestion-des-utilisateurs.md
new file mode 100644
index 0000000..2d2baf2
--- /dev/null
+++ b/docs/présentation-panel/gestion-des-utilisateurs.md
@@ -0,0 +1,29 @@
+## 👥 Gestion des utilisateurs
+
+Le panel vous permet de **donner un accès contrôlé à d'autres utilisateurs** sur un serveur spécifique, sans leur fournir un accès complet au panel.
+
+Grâce à cette fonctionnalité, vous pouvez **collaborer en toute sécurité** avec des amis, modérateurs ou développeurs.
+
+Depuis l’onglet **Utilisateurs** de votre serveur, vous pouvez :
+
+* **Inviter un utilisateur** par e-mail
+* Choisir les **permissions précises** qu’il aura :
+
+  * Accès à la console
+  * Gestion des fichiers
+  * Gestion des bases de données
+  * Démarrage/redémarrage/arrêt du serveur
+  * Gestion des tâches planifiées
+  * Accès aux sauvegardes, sous-utilisateurs, etc.
+* **Supprimer ou modifier les accès** à tout moment
+
+🛡️ Chaque utilisateur invité n'a accès **qu’au serveur pour lequel il est autorisé**, et **les permissions sont finement granulées**, pour un maximum de sécurité.
+
+---
+
+💡 **Bon à savoir** :
+
+* L’utilisateur invité devra **créer un compte sur le panel** (ou utiliser celui qu’il possède déjà) pour accepter l’invitation.
+* Les permissions peuvent être modifiées à tout moment depuis l’onglet **Utilisateurs > Gérer les permissions**.
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/gestionnaire-de-base-de-donnee.md b/docs/présentation-panel/gestionnaire-de-base-de-donnee.md
new file mode 100644
index 0000000..b5da1ac
--- /dev/null
+++ b/docs/présentation-panel/gestionnaire-de-base-de-donnee.md
@@ -0,0 +1,19 @@
+## 🗄️ Gestionnaire de base de données
+
+Le panel Pterodactyl intègre un outil simple pour gérer vos **bases de données MySQL**, idéal pour les serveurs nécessitant une base de données (plugins, sites web, etc.).
+
+Depuis l’onglet **Bases de données**, vous pouvez :
+
+* **Créer une nouvelle base de données** en quelques clics
+* Obtenir les **informations de connexion** (nom d’hôte, port, utilisateur, etc.)
+* **Modifier le mot de passe** de la base à tout moment
+* **Supprimer** une base de données inutilisée
+
+💡 Une fois la base créée, vous pouvez y accéder via un outil externe comme DBeaver ou tout autre gestionnaire MySQL, en utilisant les identifiants fournis.
+
+---
+
+🧬 **Aperçu de la gestion des bases de données** :
+![Gestion des bases de données](../img/base_de_donnee.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/gestionnaire-de-fichiers.md b/docs/présentation-panel/gestionnaire-de-fichiers.md
new file mode 100644
index 0000000..2e5f151
--- /dev/null
+++ b/docs/présentation-panel/gestionnaire-de-fichiers.md
@@ -0,0 +1,20 @@
+## 📁 Gestionnaire de fichiers
+
+Le **gestionnaire de fichiers** du panel vous permet d’explorer, modifier et organiser les fichiers de votre serveur directement depuis l’interface web, sans avoir besoin de logiciel FTP.
+
+Depuis cet onglet, vous pouvez :
+
+* Naviguer dans les dossiers de votre serveur
+* **Téléverser** des fichiers (glisser-déposer possible)
+* **Créer**, **renommer**, **supprimer** des fichiers ou dossiers
+* **Modifier le contenu** des fichiers texte (comme `server.properties`, `config.yml`, etc.)
+* **Décompresser/compresser** des archives `.zip`
+
+C’est un outil essentiel pour effectuer rapidement des ajustements sans quitter votre navigateur.
+
+---
+
+🗂️ **Vue du gestionnaire de fichiers** :
+![Gestionnaire de fichiers](../img/gestionnaire_de_fichiers_01.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/historique-d-activité.md b/docs/présentation-panel/historique-d-activité.md
new file mode 100644
index 0000000..d5b1850
--- /dev/null
+++ b/docs/présentation-panel/historique-d-activité.md
@@ -0,0 +1,25 @@
+## 🧾 Historique d’activité (Activity / Logs)
+
+L’onglet **Activity** vous permet de consulter l’**historique des actions** effectuées sur votre serveur.
+C’est un excellent outil pour **suivre les opérations**, détecter les erreurs ou simplement surveiller l’utilisation du serveur.
+
+Depuis cette section, vous pouvez :
+
+* Voir la **liste des événements récents**, tels que :
+
+  * Connexions et déconnexions
+  * Démarrages / arrêts du serveur
+  * Création ou suppression de fichiers
+  * Ajout ou retrait d’utilisateurs
+  * Lancements de tâches planifiées
+* Connaître la **date, l’heure** et l’**utilisateur** à l’origine de chaque action
+
+🔎 Chaque entrée inclut également des **détails techniques** pour faciliter le diagnostic ou la remontée au support.
+
+---
+
+🛡️ **Bonnes pratiques** :
+
+> Consultez régulièrement cet onglet pour repérer d’éventuels comportements anormaux ou suivre les interventions effectuées sur votre serveur par d’autres utilisateurs.
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/introduction-panel.md b/docs/présentation-panel/introduction-panel.md
new file mode 100755
index 0000000..32c83e2
--- /dev/null
+++ b/docs/présentation-panel/introduction-panel.md
@@ -0,0 +1,54 @@
+# 🚀 Démarrer avec votre serveur QuantumCraft Studios
+
+Bienvenue chez **QuantumCraft Studios** et félicitations pour votre tout nouveau serveur !  
+Nous utilisons le panel [**Pterodactyl**](https://pterodactyl.io) pour vous offrir une interface simple, performante et intuitive pour gérer vos services.
+
+Ce guide a pour but de vous accompagner dans la **prise en main** de votre serveur et vous aider à vous familiariser rapidement avec les outils mis à votre disposition.
+
+---
+
+## 🛒 Commander un serveur
+
+Vous n'avez pas encore de serveur ?  
+Découvrez nos offres disponibles en ligne, incluant **Minecraft**, **PalWorld**, **Vintage Story** et bien d'autres jeux à venir.
+
+👉 [Consulter nos offres](https://quantumcraft-studios.com/nos-offres.php)
+
+---
+
+## 🔐 Connexion au panel
+
+Une fois votre commande validée, vous recevrez par e-mail vos identifiants de connexion.  
+Accédez ensuite à votre espace d’administration via le lien suivant :
+
+👉 [https://host.quantumcraft-studios.com](https://host.quantumcraft-studios.com)
+
+---
+
+# 🧭 Découverte de l'interface
+
+## 📊 Tableau de bord (Dashboard)
+
+Dès votre connexion, vous serez accueilli par un tableau de bord affichant l’ensemble de vos serveurs.  
+Cliquez sur le serveur souhaité pour accéder à sa **console de gestion**, depuis laquelle vous pourrez :
+
+- **Démarrer**, **redémarrer**, **arrêter** ou effectuer un **arrêt forcé**
+- Visualiser en temps réel :
+  - le **taux d’utilisation du processeur (CPU)**
+  - l’**utilisation de la mémoire RAM** et de l’**espace disque**
+  - l’**adresse IP** du serveur
+
+---
+
+🔑 **Page de connexion** :  
+![Page de connexion](../img/login_page.png)
+
+---
+
+💡 **Aperçu du dashboard** :  
+![Aperçu du panel](../img/dashboard_01.png)
+
+---
+
+🖥️ **Exemple de console serveur** :  
+![Aperçu du panel](../img/dashboard_02.png)
\ No newline at end of file
diff --git a/docs/présentation-panel/mon-compte.md b/docs/présentation-panel/mon-compte.md
new file mode 100644
index 0000000..b3d8adf
--- /dev/null
+++ b/docs/présentation-panel/mon-compte.md
@@ -0,0 +1,41 @@
+## 👤 Mon compte (Account)
+
+L’onglet **Account** vous permet de gérer les **informations personnelles** liées à votre compte utilisateur sur le panel.
+Il centralise les paramètres essentiels pour **la sécurité, l’accès et la récupération** de votre compte.
+
+### 🔒 Modifier son mot de passe
+
+Vous pouvez changer votre mot de passe en renseignant :
+
+* Votre **mot de passe actuel**
+* Un **nouveau mot de passe sécurisé**
+* Une confirmation du nouveau mot de passe
+
+> 🔐 Le mot de passe doit contenir **au moins 8 caractères** et être unique à ce site.
+
+### 📧 Modifier son adresse e-mail
+
+Pour mettre à jour votre adresse e-mail :
+
+* Saisissez une **nouvelle adresse**
+* Confirmez avec votre **mot de passe actuel**
+
+Cela permet de garder votre compte à jour pour la récupération et les notifications.
+
+### 🔐 Authentification à deux facteurs (2FA)
+
+Activez la **vérification en deux étapes** pour renforcer la sécurité de votre compte.
+Ce système ajoute une seconde couche de protection via une application d’authentification (comme Google Authenticator, Authy, etc.).
+
+* Cliquez sur **“Enable Two-Step”**
+* Scannez le QR code avec votre appli
+* Entrez le code généré pour activer la sécurité
+
+> ✅ Fortement recommandé pour tous les utilisateurs ayant des permissions élevées ou un accès à plusieurs serveurs.
+
+---
+
+🔧 **Aperçu de l’onglet Account** :
+![Onglet Account](../img/compte.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/paramètres-du-serveur.md b/docs/présentation-panel/paramètres-du-serveur.md
new file mode 100644
index 0000000..399f003
--- /dev/null
+++ b/docs/présentation-panel/paramètres-du-serveur.md
@@ -0,0 +1,42 @@
+## ⚙️ Paramètres du serveur (Settings)
+
+L’onglet **Settings** regroupe plusieurs outils liés à la **configuration générale**, à l’**accès SFTP**, et à la **gestion technique** de votre serveur.
+
+### 🔐 Informations SFTP
+
+Dans la section **SFTP Details**, vous retrouvez les informations pour vous connecter via un client FTP sécurisé (comme FileZilla ou WinSCP) :
+
+* **Adresse du serveur** (ex: `sftp://host.quantumcraft-studios.com:2022`)
+* **Nom d’utilisateur** unique pour votre serveur
+* ⚠️ Le **mot de passe est le même que celui de votre compte panel**
+
+> 🎯 Cette méthode est utile pour transférer rapidement des fichiers volumineux ou gérer votre serveur depuis un logiciel externe.
+
+### 📝 Modifier les informations du serveur
+
+Vous pouvez personnaliser :
+
+* Le **nom affiché** de votre serveur dans le panel
+* Une **description** libre (visible uniquement dans l’interface)
+
+### ♻️ Réinstaller le serveur
+
+Le bouton **Reinstall Server** permet de réinitialiser votre serveur. Cela va :
+
+* Arrêter le serveur
+* Relancer le script d’installation initial
+* ⚠️ **Attention :** certaines données peuvent être supprimées. Pensez à **faire une sauvegarde** avant !
+
+### 🛠️ Informations techniques
+
+En bas de page, vous pouvez consulter :
+
+* Le **node** (localisation physique ou logique du serveur)
+* Le **Server ID**, utile pour les rapports techniques
+
+---
+
+🧾 **Aperçu de l’onglet Settings** :
+![Onglet Settings](../img/paramètres_du_serveur.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/planification-des-taches.md b/docs/présentation-panel/planification-des-taches.md
new file mode 100644
index 0000000..330205c
--- /dev/null
+++ b/docs/présentation-panel/planification-des-taches.md
@@ -0,0 +1,37 @@
+## ⏰ Planification des tâches (Schedules)
+
+Le système de **planification des tâches** vous permet d’automatiser certaines actions sur votre serveur à des moments précis.
+Idéal pour les redémarrages réguliers, les sauvegardes automatiques ou l’exécution de commandes serveur.
+
+Depuis l’onglet **Tâches planifiées**, vous pouvez :
+
+* **Créer un planning** avec un nom et une description
+* Définir une **fréquence d’exécution** (heures, jours, etc.) à l’aide du système **cron**
+* Ajouter une ou plusieurs **actions** à exécuter, comme :
+
+  * Lancer une **commande** (`say Redémarrage dans 1 minute`, etc.)
+  * Créer une **backup** automatiquement
+  * **Redémarrer**, **arrêter** ou **démarrer** automatiquement le serveur
+
+🔁 Les tâches peuvent être configurées pour s’exécuter **une seule fois** ou se **répéter régulièrement**, selon l’intervalle défini.
+
+---
+
+⚠️ **Fuseau horaire — Attention aux décalages !**
+
+Même si le panel est configuré sur le fuseau horaire **Europe/Paris**, il se peut que les tâches soient exécutées selon l’heure **UTC** (temps universel coordonné).
+Dans ce cas :
+
+* Soustrayez **1 heure** en hiver (UTC+1)
+* Soustrayez **2 heures** en été (UTC+2)
+
+> ✅ **Exemple** : pour exécuter une tâche à 01h00 du matin (heure de Paris) en été, configurez-la à **23h00** dans le planificateur.
+
+![Planification des tâches](../img/tâches_02.png)
+
+---
+
+🗓️ **Aperçu de la planification d'une tâche** :
+![Planification de tâche](../img/tâches_01.png)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/réseau.md b/docs/présentation-panel/réseau.md
new file mode 100644
index 0000000..09e2ff0
--- /dev/null
+++ b/docs/présentation-panel/réseau.md
@@ -0,0 +1,24 @@
+## 🌐 Réseau (Network)
+
+L’onglet **Network** vous permet de **gérer les ports** utilisés par votre serveur, notamment pour les plugins, les services externes ou les connexions personnalisées.
+
+Depuis cette section, vous pouvez :
+
+* **Consulter l’adresse IP principale** et le **port attribué** à votre serveur
+* **Définir le port par défaut** utilisé par le serveur au démarrage
+
+🔌 Cette gestion est utile si vous hébergez des services nécessitant des ports spécifiques (ex : Dynmap, RCON, API REST de plugins…).
+
+---
+
+📡 **Aperçu de l’onglet Réseau** :
+![Aperçu de l'onglet Network](../img/réseau_01.png)
+
+---
+
+💡 **À savoir** :
+
+* Certains ports peuvent être **restreints** ou **déjà utilisés** par d'autres services sur le node.
+* Si vous ne pouvez pas ajouter de ports, contactez le support pour demander un nouveau port.
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/sauvegardes.md b/docs/présentation-panel/sauvegardes.md
new file mode 100644
index 0000000..930d91f
--- /dev/null
+++ b/docs/présentation-panel/sauvegardes.md
@@ -0,0 +1,36 @@
+## 💾 Sauvegardes (Backups)
+
+L’onglet **Backups** vous permet de créer et gérer des **sauvegardes automatiques ou manuelles** de votre serveur.
+C’est une fonctionnalité essentielle pour protéger vos données en cas d’erreur, de crash ou de mauvaise manipulation.
+
+Depuis cet onglet, vous pouvez :
+
+* **Créer une sauvegarde** complète en un clic
+* Choisir si la sauvegarde doit :
+
+  * Inclure tous les fichiers
+  * **Exclure certains fichiers/dossiers** (via une liste de chemins à ignorer)
+* **Télécharger une sauvegarde** sur votre ordinateur
+* **Restaurer** une sauvegarde pour revenir à un état antérieur
+* **Supprimer** une sauvegarde obsolète ou inutile
+
+🔄 Les sauvegardes peuvent également être **automatisées** via le système de planification des tâches.
+
+---
+
+🧱 **Aperçu de l’onglet Backups** :
+![Aperçu des sauvegardes](../img/sauvegardes_01.png)
+
+---
+
+![Aperçu des sauvegardes](../img/sauvegardes_02.png)
+
+---
+
+💡 **Bonnes pratiques** :
+
+* Effectuez une sauvegarde **avant toute modification importante** (installation de plugin, mise à jour, etc.)
+* Ne stockez pas trop de sauvegardes simultanément pour ne pas saturer l’espace disque
+* Pensez à **automatiser vos sauvegardes régulières** (ex : tous les jours à 4h)
+
+---
\ No newline at end of file
diff --git a/docs/présentation-panel/ssh.md b/docs/présentation-panel/ssh.md
new file mode 100644
index 0000000..007b935
--- /dev/null
+++ b/docs/présentation-panel/ssh.md
@@ -0,0 +1,36 @@
+## 🔐 Clés SSH (SSH Keys)
+
+L’onglet **SSH Keys** permet d’ajouter des **clés publiques SSH** à votre compte pour effectuer des connexions sécurisées à l’API ou à d'autres outils compatibles (via des accès automatisés ou développeurs).
+
+Cela vous permet de **vous authentifier sans mot de passe**, avec un haut niveau de sécurité.
+
+### ➕ Ajouter une clé SSH
+
+Pour ajouter une nouvelle clé SSH :
+
+1. Donnez un **nom** à votre clé (ex. `clé-laptop`, `dev-bot`)
+2. Collez votre **clé publique** au format OpenSSH (commence généralement par `ssh-rsa` ou `ssh-ed25519`)
+3. Cliquez sur **Save**
+
+> 💡 Tu peux générer une paire de clés SSH sur ton poste avec la commande :  
+> `ssh-keygen -t ed25519 -C "mon-email@domaine.com"`  
+> Exemple : `ssh-keygen -t ed25519 -C "monsuperpseudo@gmail.com"`
+
+### 📋 Gérer vos clés
+
+* Les clés ajoutées apparaîtront dans la liste à droite.
+* Vous pouvez **supprimer** une clé à tout moment si elle n’est plus utilisée.
+
+---
+
+⚠️ **Important** :
+
+> Le panel ne permet pas de se connecter directement en SSH sur le serveur.
+> Les clés sont principalement utilisées pour **interagir avec certaines API ou automatisations avancées**.
+
+---
+
+🖥️ **Aperçu de l’onglet SSH Keys** :
+![Aperçu des SSH Keys](../img/ssh.png)
+
+---
\ No newline at end of file
diff --git a/docs/tutoriels.md b/docs/tutoriels.md
new file mode 100755
index 0000000..a7ca62b
--- /dev/null
+++ b/docs/tutoriels.md
@@ -0,0 +1,44 @@
+---
+title: Accueil des tutoriels
+description: Explorez tous les guides disponibles pour bien démarrer avec QuantumCraft Studios.
+---
+
+# 📚 Accueil des tutoriels
+
+Bienvenue dans la section dédiée aux tutoriels de **QuantumCraft Studios**.  
+Vous y trouverez toutes les ressources nécessaires pour bien débuter, configurer vos services et approfondir vos connaissances techniques.
+
+---
+
+## 🚀 Liste de tous les tutoriels
+
+### 🧩 Configuration de base
+- [🖥️ Introduction au Panel](/présentation-panel/introduction-panel)
+- [📁 Gestionnaire de fichiers](/présentation-panel/gestionnaire-de-fichiers)
+- [🗄️ Base de données](/présentation-panel/gestionnaire-de-base-de-donnee)
+- [⏰ Planification des tâches](/présentation-panel/planification-des-taches)
+- [👥 Gestion des utilisateurs](/présentation-panel/gestion-des-utilisateurs)
+- [💾 Sauvegardes (Backups)](/présentation-panel/sauvegardes)
+- [🌐 Réseau (Network)](/présentation-panel/réseau)
+- [⚙️ Démarrage (Startup)](/présentation-panel/démarrage)
+- [⚙️ Paramètres du serveur (Settings)](/présentation-panel/paramètres-du-serveur)
+- [🧾 Historique d’activité (Activity / Logs)](/présentation-panel/historique-d-activité)
+- [👤 Mon compte (Account)](/présentation-panel/mon-compte)
+- [🔑 API](/présentation-panel/api)
+- [🔐 SSH](/présentation-panel/ssh)
+
+### 🎮 Hébergement de Jeux
+- [🧱 Choisir son offre Minecraft](/hébergement-jeux/choisir-offre-minecraft)
+- [🪐 Choisir son offre PalWorld](/hébergement-jeux/choisir-offre-palworld)
+- [🪵 Choisir son offre Vintage Story](/hébergement-jeux/choisir-offre-vintage-story)
+
+### 🌐 Hébergement de Dev
+- [⚙️ Choisir son offre NodeJs](/hébergement-devops/choisir-offre-nodejs)
+- [🐍 Choisir son offre Python](/hébergement-devops/choisir-offre-python)
+
+---
+
+## 📖 Besoin d’aide ?
+
+Si vous ne trouvez pas ce que vous cherchez, n'hésitez pas à consulter notre FAQ sur la page principale du [site](https://quantumcraft-studios.com) ou à nous [contacter](mailto:contact@quantumcraft-studios.com).  
+Nous enrichissons régulièrement cette section pour répondre à tous vos besoins !
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100755
index 0000000..b1890cc
--- /dev/null
+++ b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "docs-quantumcraft-studios-com",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vitepress dev docs",
+    "build": "vitepress build docs",
+    "serve": "vitepress serve docs"
+  },
+  "devDependencies": {
+    "vue": "3.2.44",
+    "vitepress": "1.0.0-alpha.28"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@algolia/client-search"
+      ]
+    }
+  }
+}