docs: add community page (#9519)

* docs: add community page

* update background images  and remove gradient

* rename components

* docs(community): update landing page content

* chore: bump website-theme to 0.1.23

* chore: remove unused assets

* chore: lint docs

Co-authored-by: Clément Ollivier <clement.o2p@gmail.com>

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
 <!-- @case-police-disable -->
 ::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]'
   ---

docs/content/1.docs/5.community/1.nuxt-community.md

@@ -0,0 +1,175 @@
+---
+navigation.icon: ph:users-bold
+---
+<!-- markdownlint-disable -->
+<!-- @case-police-disable -->
+
+::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.<br><br>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!
+    ::
+  ::
+::

docs/content/1.docs/5.community/_contributors.yml

@@ -0,0 +1,4 @@
+contributors:
+  name: ''
+  link: ''
+

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"

docs/public/assets/docs/getting-started/nuxt-community/nuxt-community-gradient.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="988" height="763" fill="none"><g filter="url(#a)" opacity=".55"><g filter="url(#b)"><mask id="c" width="673" height="221" x="105" y="367" maskUnits="userSpaceOnUse" style="mask-type:alpha"><ellipse fill="#C4C4C4" rx="94.724" ry="340.405" transform="scale(1 -1) rotate(80.177 504.557 23.444)"/></mask><g mask="url(#c)"><g filter="url(#d)"><ellipse fill="#00DC82" rx="92.221" ry="53.026" transform="scale(1 -1) rotate(80.177 687.652 171.81)"/></g><g filter="url(#e)" opacity=".4" style="mix-blend-mode:multiply"><ellipse fill="url(#f)" rx="118.043" ry="286.906" transform="scale(1 -1) rotate(80.177 498.158 17.921)"/></g></g></g><g filter="url(#g)"><mask id="h" width="672" height="221" x="141" y="175" maskUnits="userSpaceOnUse" style="mask-type:alpha"><ellipse fill="#C4C4C4" rx="94.724" ry="340.405" transform="scale(1 -1) rotate(80.177 408.238 140.44)"/></mask><g mask="url(#h)"><g filter="url(#i)"><ellipse fill="#36E4DA" rx="92.221" ry="53.026" transform="scale(1 -1) rotate(80.177 591.338 288.806)"/></g><g filter="url(#j)" opacity=".4" style="mix-blend-mode:multiply"><ellipse fill="url(#k)" rx="118.043" ry="286.906" transform="scale(1 -1) rotate(80.177 401.846 134.919)"/></g></g></g></g><defs><filter id="a" width="1015.38" height="761.828" x="-27.602" y=".831" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="87.5"/></filter><filter id="b" width="665.681" height="255.58" x="129.552" y="349.926" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="8.923"/></filter><filter id="d" width="193.405" height="266.895" x="642.921" y="401.626" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="21.061"/></filter><filter id="e" width="651.102" height="336.695" x="105.276" y="307.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="21.061"/></filter><filter id="g" width="665.673" height="255.58" x="164.954" y="157.984" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="8.923"/></filter><filter id="i" width="193.405" height="266.895" x="678.319" y="209.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="21.061"/></filter><filter id="j" width="651.102" height="336.695" x="140.678" y="115.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1754_87333" stdDeviation="21.061"/></filter><linearGradient id="f" x1="118.043" x2="118.043" y1="0" y2="640.356" gradientUnits="userSpaceOnUse"><stop stop-color="#00DC82"/><stop offset="0" stop-color="#00DC82" stop-opacity=".85"/><stop offset="1" stop-color="#00DC82" stop-opacity="0"/></linearGradient><linearGradient id="k" x1="118.043" x2="118.043" y1="0" y2="640.356" gradientUnits="userSpaceOnUse"><stop stop-color="#36E4DA"/><stop offset=".225" stop-color="#36E4DA"/><stop offset="1" stop-color="#36E4DA" stop-opacity="0"/></linearGradient></defs></svg>