diff --git a/docs/content/1.docs/1.getting-started/1.introduction.md b/docs/content/1.docs/1.getting-started/1.introduction.md
index b481c45ce5..df88df8c06 100644
--- a/docs/content/1.docs/1.getting-started/1.introduction.md
+++ b/docs/content/1.docs/1.getting-started/1.introduction.md
@@ -6,7 +6,10 @@ description: Nuxt's goal is to make web development intuitive and performant wit
::docs-hero
---
-imagePath: '/assets/docs/getting-started/views/hero'
+image:
+ path: '/assets/docs/getting-started/views/hero'
+ width: '129px'
+ height: '143px'
---
#title
Introduction
@@ -139,7 +142,10 @@ We recommend reading each concept to have a full vision of Nuxt capabilities and
::docs-card-list
::docs-card
---
- imagePath: '/assets/docs/getting-started/views/are-you-nuxt'
+ image:
+ path: '/assets/docs/getting-started/views/are-you-nuxt'
+ width: '72px'
+ height: '92px'
descriptionClass: 'md:mr-[64px] w-[90%]'
---
#title
@@ -157,7 +163,10 @@ We recommend reading each concept to have a full vision of Nuxt capabilities and
::docs-card{.mb-8}
---
- imagePath: '/assets/docs/getting-started/views/contribute'
+ image:
+ path: '/assets/docs/getting-started/views/contribute'
+ width: '72px'
+ height: '92px'
fontSizeClass: 'text-2xl'
descriptionClass: 'md:mr-[64px]'
---
diff --git a/docs/content/1.docs/5.community/1.nuxt-community.md b/docs/content/1.docs/5.community/1.nuxt-community.md
new file mode 100644
index 0000000000..0812e30b62
--- /dev/null
+++ b/docs/content/1.docs/5.community/1.nuxt-community.md
@@ -0,0 +1,175 @@
+---
+navigation.icon: ph:users-bold
+---
+
+
+
+::community-hero
+---
+image:
+ path: '/assets/docs/getting-started/nuxt-community/nuxt-community'
+ width: '437px'
+ height: '236px'
+---
+#title
+Nuxt Community
+#description
+Nuxt would not be what it is today without its community of maintainers, contributors and users.
Subscribe to our newsletter to stay in touch 💚
+::
+
+::community-section
+#title
+The journey of an [Open Source Project]{.text-transparent .bg-clip-text .bg-gradient-to-r .from-green-400 .to-teal-400}
+#description
+The development of Nuxt and its ecosystem is led by an international team. Our committed team and community work every day to move Nuxt forward.
+#extra
+ ::docs-card{.dark:bg-gray-900}
+ ---
+ fontSizeClass: 'text-2xl'
+ ---
+ #extraTitle
+ Since the creation of Nuxt 3
+ ::stat-card-list
+ ---
+ gridClass: 'lg:grid-cols-4'
+ backgroundImg:
+ path: '/assets/docs/getting-started/nuxt-community/map-nuxters'
+ width: "w-full"
+ height: "h-full"
+ ---
+ :::stat-card-item
+ ---
+ descriptionClass: 'text-lg font-medium'
+ ---
+ #title
+ 50M
+ #description
+ npm downloads
+ :::
+ :::stat-card-item
+ ---
+ descriptionClass: 'text-lg font-medium'
+ ---
+ #title
+ 10,6K
+ #description
+ Stars
+ :::
+ :::stat-card-item
+ ---
+ descriptionClass: 'text-lg font-medium'
+ ---
+ #title
+ 330
+ #description
+ Contributors
+ :::
+ :::stat-card-item
+ ---
+ descriptionClass: 'text-lg font-medium'
+ ---
+ #title
+ 998
+ #description
+ Forks
+ :::
+ ::
+ ::
+::
+
+::community-section
+#title
+From users to [Contributors]{.text-transparent .bg-clip-text .bg-gradient-to-r .from-green-400 .to-teal-400}
+#description
+From contributors to advocates, the community is made of members with different horizons and skills. We are happy to see new members every day and encourage anyone to help in any way (answering questions, giving a talk, creating modules and contributing to the core).
+#extra
+
+ ::contributors-card
+ #title
+ Sharing is caring
+ ::contributors-card-item
+ #numbers
+ 1.
+ #description
+ Hundreds of conferences, meetups and workshop all around the world since the creation of Nuxt.
+ ::
+ ::contributors-card-item
+ #numbers
+ 2.
+ #description
+ An active contribution on the framework but also on the different Nuxt open source projects: bug fixes, pull requests...
+ ::
+ ::contributors-card-item
+ #numbers
+ 3.
+ #description
+ A lovely and precious help to teach you, help you and nuxtify the world.
+ ::
+ ::
+
+
+::community-section
+#title
+Join the [journey]{.text-transparent .bg-clip-text .bg-gradient-to-r .from-green-400 .to-teal-400}
+#description
+From user to contributor, these guides will help you get the best out of Nuxt.
+#extra
+ ::journey-card-list
+ ::docs-card
+ ---
+ descriptionClass: 'w-full sm:w-2/3'
+ roundedClass: 'rounded-t-lg sm:rounded-tl-lg sm:rounded-tr-none'
+ image:
+ path: '/assets/docs/getting-started/nuxt-community/community-Contribute'
+ width: '88px lg:100px'
+ height: '88px lg:100px'
+ ---
+ #extraTitle
+ [How to contribute?](/docs/community/contribution)
+ #description
+ Nuxt is a community project - and so we love contributions of all kinds! ❤️
+ ::
+ ::docs-card
+ ---
+ descriptionClass: 'w-full sm:w-2/3'
+ roundedClass: 'sm:rounded-tr-lg'
+ image:
+ path: '/assets/docs/getting-started/nuxt-community/roadmap'
+ width: '88px'
+ height: '88px'
+ ---
+ #extraTitle
+ [Discover our roadmap](/docs/community/roadmap)
+ #description
+ Nuxt is constantly evolving, with new features and modules being added all the time.
+ ::
+ ::docs-card
+ ---
+ descriptionClass: 'w-full sm:w-2/3'
+ roundedClass: 'sm:rounded-bl-lg'
+ image:
+ path: '/assets/docs/getting-started/nuxt-community/bugs'
+ width: '88px'
+ height: '88px'
+ ---
+ #extraTitle
+ [Reporting Bugs](/docs/community/reporting-bugs)
+ #description
+ One of the most valuable roles in open source is taking the time to report bugs helpfully.
+ ::
+ ::docs-card
+ ---
+ descriptionClass: 'w-full sm:w-2/3'
+ roundedClass: 'rounded-b-lg sm:rounded-br-lg sm:rounded-bl-none'
+ image:
+ path: '/assets/docs/getting-started/nuxt-community/help'
+ width: '88px'
+ height: '88px'
+ ---
+ #extraTitle
+ [Getting Help](/docs/community/getting-help)
+ #description
+ We're a friendly community of developers and we'd love to help you!
+ ::
+ ::
+::
diff --git a/docs/content/1.docs/5.community/1.getting-help.md b/docs/content/1.docs/5.community/2.getting-help.md
similarity index 100%
rename from docs/content/1.docs/5.community/1.getting-help.md
rename to docs/content/1.docs/5.community/2.getting-help.md
diff --git a/docs/content/1.docs/5.community/2.reporting-bugs.md b/docs/content/1.docs/5.community/3.reporting-bugs.md
similarity index 100%
rename from docs/content/1.docs/5.community/2.reporting-bugs.md
rename to docs/content/1.docs/5.community/3.reporting-bugs.md
diff --git a/docs/content/1.docs/5.community/3.contribution.md b/docs/content/1.docs/5.community/4.contribution.md
similarity index 100%
rename from docs/content/1.docs/5.community/3.contribution.md
rename to docs/content/1.docs/5.community/4.contribution.md
diff --git a/docs/content/1.docs/5.community/4.framework-contribution.md b/docs/content/1.docs/5.community/5.framework-contribution.md
similarity index 100%
rename from docs/content/1.docs/5.community/4.framework-contribution.md
rename to docs/content/1.docs/5.community/5.framework-contribution.md
diff --git a/docs/content/1.docs/5.community/5.roadmap.md b/docs/content/1.docs/5.community/6.roadmap.md
similarity index 100%
rename from docs/content/1.docs/5.community/5.roadmap.md
rename to docs/content/1.docs/5.community/6.roadmap.md
diff --git a/docs/content/1.docs/5.community/6.changelog.md b/docs/content/1.docs/5.community/7.changelog.md
similarity index 100%
rename from docs/content/1.docs/5.community/6.changelog.md
rename to docs/content/1.docs/5.community/7.changelog.md
diff --git a/docs/content/1.docs/5.community/_contributors.yml b/docs/content/1.docs/5.community/_contributors.yml
new file mode 100644
index 0000000000..645dba9d65
--- /dev/null
+++ b/docs/content/1.docs/5.community/_contributors.yml
@@ -0,0 +1,4 @@
+contributors:
+ name: ''
+ link: ''
+
diff --git a/docs/package.json b/docs/package.json
index 712e8faa76..b20950536d 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -10,7 +10,7 @@
"devDependencies": {
"jiti": "^1.16.0",
"nuxt": "^3.0.0",
- "nuxt-website-theme": "^0.1.22",
+ "nuxt-website-theme": "^0.1.23",
"pathe": "^1.0.0",
"scule": "^1.0.0",
"untyped": "^1.0.0"
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/bugs-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/bugs-dark.png
new file mode 100644
index 0000000000..a269aea0f0
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/bugs-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/bugs-light.png b/docs/public/assets/docs/getting-started/nuxt-community/bugs-light.png
new file mode 100644
index 0000000000..e9d8cfc264
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/bugs-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/community-Contribute-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/community-Contribute-dark.png
new file mode 100644
index 0000000000..40632c18d6
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/community-Contribute-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/community-contribute-light.png b/docs/public/assets/docs/getting-started/nuxt-community/community-contribute-light.png
new file mode 100644
index 0000000000..fc01a482e4
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/community-contribute-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/help-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/help-dark.png
new file mode 100644
index 0000000000..e6c60ee751
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/help-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/help-light.png b/docs/public/assets/docs/getting-started/nuxt-community/help-light.png
new file mode 100644
index 0000000000..3149d25eb2
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/help-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/hero-light.png b/docs/public/assets/docs/getting-started/nuxt-community/hero-light.png
new file mode 100644
index 0000000000..98cbb27a90
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/hero-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-dark.png
new file mode 100644
index 0000000000..72924ac301
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-light.png b/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-light.png
new file mode 100644
index 0000000000..6bd5e5e63a
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/map-nuxters-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-dark.png
new file mode 100644
index 0000000000..e4bc47c704
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-gradient.svg b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-gradient.svg
new file mode 100644
index 0000000000..5d6afb05a7
--- /dev/null
+++ b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-gradient.svg
@@ -0,0 +1 @@
+
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-light.png b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-light.png
new file mode 100644
index 0000000000..c86092407f
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-light.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/roadmap-dark.png b/docs/public/assets/docs/getting-started/nuxt-community/roadmap-dark.png
new file mode 100644
index 0000000000..ce20eeedb1
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/roadmap-dark.png differ
diff --git a/docs/public/assets/docs/getting-started/nuxt-community/roadmap-light.png b/docs/public/assets/docs/getting-started/nuxt-community/roadmap-light.png
new file mode 100644
index 0000000000..18f83eed9e
Binary files /dev/null and b/docs/public/assets/docs/getting-started/nuxt-community/roadmap-light.png differ