diff --git a/docs/content/1.docs/3.api/1.composables/_dir.yml b/docs/content/1.docs/3.api/1.composables/_dir.yml
index c9c5a6d5e8..39d3953fbf 100644
--- a/docs/content/1.docs/3.api/1.composables/_dir.yml
+++ b/docs/content/1.docs/3.api/1.composables/_dir.yml
@@ -1,2 +1,3 @@
 navigation.icon: heroicons-outline:switch-horizontal
 titleTemplate: '%s · Nuxt Composables'
+image: '/socials/composables.png'
diff --git a/docs/content/1.docs/3.api/2.components/_dir.yml b/docs/content/1.docs/3.api/2.components/_dir.yml
index cd765af82a..73b6265144 100644
--- a/docs/content/1.docs/3.api/2.components/_dir.yml
+++ b/docs/content/1.docs/3.api/2.components/_dir.yml
@@ -1,2 +1,3 @@
 navigation.icon: heroicons-outline:cube
 titleTemplate: '%s · Nuxt Components'
+image: '/socials/components.png'
diff --git a/docs/content/1.docs/3.api/3.utils/_dir.yml b/docs/content/1.docs/3.api/3.utils/_dir.yml
index 9058e7c452..6edfd3ab5a 100644
--- a/docs/content/1.docs/3.api/3.utils/_dir.yml
+++ b/docs/content/1.docs/3.api/3.utils/_dir.yml
@@ -1,2 +1,3 @@
 titleTemplate: '%s · Nuxt Utils'
 navigation.icon: uil:adjust-circle
+image: '/socials/utils.png'
diff --git a/docs/content/1.docs/3.api/4.advanced/_dir.yml b/docs/content/1.docs/3.api/4.advanced/_dir.yml
index ccf31e1ad8..438ef2f229 100644
--- a/docs/content/1.docs/3.api/4.advanced/_dir.yml
+++ b/docs/content/1.docs/3.api/4.advanced/_dir.yml
@@ -1 +1,2 @@
 navigation.icon: uil:cell
+image: '/socials/advanced.png'
diff --git a/docs/content/1.docs/3.api/5.commands/_dir.yml b/docs/content/1.docs/3.api/5.commands/_dir.yml
index fda7427111..ac9e6795d5 100644
--- a/docs/content/1.docs/3.api/5.commands/_dir.yml
+++ b/docs/content/1.docs/3.api/5.commands/_dir.yml
@@ -1 +1,2 @@
 navigation.icon: uil:caret-right
+image: '/socials/commands.png'
diff --git a/docs/content/1.docs/3.api/6.configuration/_dir.yml b/docs/content/1.docs/3.api/6.configuration/_dir.yml
index 8b01f4c7f0..295e0c430a 100644
--- a/docs/content/1.docs/3.api/6.configuration/_dir.yml
+++ b/docs/content/1.docs/3.api/6.configuration/_dir.yml
@@ -1 +1,2 @@
 navigation.icon: uil:wrench
+image: '/socials/configuration.png'
diff --git a/docs/public/socials/advanced.png b/docs/public/socials/advanced.png
new file mode 100644
index 0000000000..be7c4a32b5
Binary files /dev/null and b/docs/public/socials/advanced.png differ
diff --git a/docs/public/socials/commands.png b/docs/public/socials/commands.png
new file mode 100644
index 0000000000..fe5762065e
Binary files /dev/null and b/docs/public/socials/commands.png differ
diff --git a/docs/public/socials/components.png b/docs/public/socials/components.png
new file mode 100644
index 0000000000..9ffde334be
Binary files /dev/null and b/docs/public/socials/components.png differ
diff --git a/docs/public/socials/composables.png b/docs/public/socials/composables.png
new file mode 100644
index 0000000000..86acc0e684
Binary files /dev/null and b/docs/public/socials/composables.png differ
diff --git a/docs/public/socials/configuration.png b/docs/public/socials/configuration.png
new file mode 100644
index 0000000000..389a887572
Binary files /dev/null and b/docs/public/socials/configuration.png differ
diff --git a/docs/public/socials/utils.png b/docs/public/socials/utils.png
new file mode 100644
index 0000000000..dc8e315741
Binary files /dev/null and b/docs/public/socials/utils.png differ