diff --git a/pages/docs/index.md b/pages/docs/index.md
index 5568faa..295cca1 100644
--- a/pages/docs/index.md
+++ b/pages/docs/index.md
@@ -1,3 +1,27 @@
+---
+authors: moshams272
+---
+
 # Documentation
 
-STUB
+The documentation provides deep technical details on webpack's API, configuration, and ecosystem. Whether you are looking up core features or exploring community tools, you will find everything you need below.
+
+### Main Packages
+
+Explore the core configuration, CLI commands, and Node.js API for the latest version of webpack. This is your definitive reference for webpack's built-in capabilities.
+
+[Explore the webpack API!](/docs/api/v5.x)
+
+### Third Party Packages
+
+#### Loaders
+
+Loaders allow webpack to process other types of files and convert them into valid modules. Discover the extensive ecosystem of third-party loaders for CSS, TypeScript, images, and more.
+
+[Discover community loaders!](/docs/loaders)
+
+#### Plugins
+
+Plugins are the backbone of webpack's architecture. Browse community-maintained plugins that extend webpack's capabilities for build optimization, asset management, and environment injection.
+
+[Browse community plugins!](/docs/plugins)
diff --git a/pages/site.mjs b/pages/site.mjs
index 605276a..96ae2b3 100644
--- a/pages/site.mjs
+++ b/pages/site.mjs
@@ -35,8 +35,10 @@ export const sidebar = {
         },
       ],
     },
-    ...loaders.sidebar,
-    ...plugins.sidebar,
+    {
+      groupName: 'Third Party Packages',
+      items: [...loaders.sidebar, ...plugins.sidebar],
+    },
   ],
   guides: guides.sidebar,
 };
diff --git a/scripts/markdown/readmes.mjs b/scripts/markdown/readmes.mjs
index b374989..8a29aeb 100644
--- a/scripts/markdown/readmes.mjs
+++ b/scripts/markdown/readmes.mjs
@@ -70,11 +70,17 @@ const processRepos = async (repos, { label, basePath, outputDir }) => {
   const siteJson = {
     sidebar: [
       {
-        groupName: label,
-        items: fetched.map(name => ({
-          link: `${basePath}/${name}`,
-          label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
-        })),
+        label: label,
+        items: [
+          {
+            link: basePath,
+            label: 'Overview',
+          },
+          ...fetched.map(name => ({
+            link: `${basePath}/${name}`,
+            label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
+          })),
+        ],
       },
     ],
   };