docs: update images and content on resources section (#490)

nuxtjs.org/components/ThemesList.vue

@@ -2,15 +2,16 @@
   <div class="px-6 mb-8">
     <div class="flex flex-wrap grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
       <ContentCardTemplate
-        v-for="({ title, description, image, price }, id) in themes"
+        v-for="({ title, description, image, price, href }, id) in themes"
         :key="id"
         class=""
         :title="title"
         :description="description"
         :image="image"
+        :href="href"
       >
         <div slot="footer" class="px-4 mb-4 mt-auto">
-          <SectionButton to="#" size="md" class="bg-primary text-gray-800 hover:bg-green-300 focus:bg-green-300">
+          <SectionButton :to="href" size="md" class="bg-primary text-gray-800 hover:bg-green-300 focus:bg-green-300">
             Get it for {{ price }}
           </SectionButton>
         </div>

nuxtjs.org/content/2.blog/5.improve-your-developer-experience-with-nuxt-components.md

@@ -2,7 +2,7 @@
 template: blog-post
 title: 'Improve Your Developer Experience With Nuxt Components'
 description: Explore how you can import and register Vue components automatically using @nuxt/components module.
-imgUrl: blog/improve-developer-experience-nuxt-components/main.jpeg
+imgUrl: blog/improve-developer-experience-nuxt-components/main.png
 imgCredits: Adam Nir
 date: 2020-06-24
 authors:

nuxtjs.org/content/3.resources/index.md

@@ -13,20 +13,20 @@ description: "Discover a panel of resources made by our partners. By using those
 resources:
   modules:
     title: Modules
-    description: Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework.
-    image: https://source.unsplash.com/user/jasebloor/1280x720
+    description: Browse our modules to extend NuxtJS core features and integrate third-parties.
+    image: /img/resources/modules.png
     slug: modules
     href: https://modules.nuxtjs.org
   themes:
     title: Themes
-    description: Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework.
-    image: https://source.unsplash.com/user/remithorel/1280x720
+    description: Get inspired and use real world applications built with Nuxt.
+    image: /img/resources/themes.png
     slug: themes
     href: /themes
   video-courses:
     title: Video Courses
-    description: Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    description: Learn more about Nuxt with a selection of video courses, for beginners and advanced users.
+    image: /img/resources/courses.png
     slug: video-courses
     href: /video-courses
 ---

nuxtjs.org/content/themes.md

@@ -3,7 +3,7 @@ template: page
 ---
 ::simple-page-hero
 title: NuxtJS Themes
-description: "Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework."
+description: "See how a real world application is built using the Nuxt.js stack with the themes built by our partners."
 ---
 ::
 
@@ -12,33 +12,38 @@ description: "Discover a panel of resources made by our partners. By using those
 themes:
   one:
     title: Nuxt Argon Dashboard PRO
-    description: Premium Bootstrap 4 + NuxtJS Admin Template.
-    image: https://source.unsplash.com/user/jasebloor/1280x720
+    description: Nuxt Argon Dashboard PRO is built with over 200 individual components, giving you the freedom of choosing and combining.
+    image: /img/themes/argon_dashboard_pro.png
     slug: one
     price: $99
+    href: https://www.creative-tim.com/product/nuxt-argon-dashboard-pro?partner=120213
   two: 
     title: Nuxt Argon Dashboard PRO Laravel
-    description: FULL STACK APP WITH NUXT, LARAVEL & JSON:API.
-    image: https://source.unsplash.com/user/remithorel/1280x720
+    description: "All the functionality of a lightweight CMS out of the box, built using two of the most popular frameworks today: Nuxt and Laravel."
+    image: /img/themes/argon_dashboard_pro_laravel.png
     slug: two
-    price: $99
+    price: $149
+    href: https://www.creative-tim.com/product/nuxt-argon-dashboard-pro-laravel?partner=120213
   three: 
     title: Nuxt Now UI Kit
-    description: Premium Bootstrap Nuxt.js UI Kit.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    description: A premium responsive Bootstrap 4 kit provided by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 1000+ elements and 11 templates.
+    image: /img/themes/nuxt_now_ui_kit.png
     slug: three
-    price: $99
+    price: $89
+    href: https://www.creative-tim.com/product/nuxt-now-ui-kit-pro?partner=120213
   four: 
     title: Nuxt Black Dashboard PRO
-    description: Premium Bootstrap 4 + NuxtJS Admin Template.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    description: "A beautiful Bootstrap 4 Admin Dashboard that comes in 2 versions: Dark and Light Mode."
+    image: /img/themes/nuxt_black_dashboard_pro.png
     slug: four
-    price: $99
+    price: $79
+    href: https://www.creative-tim.com/product/nuxt-black-dashboard-pro?partner=120213
   five: 
     title: Nuxt Scutum Dashboard
-    description: Professional Material Design UIkit Admin Template.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    description: Scutum Admin is a professional HTML5/CSS3 Material Design template based on UIkit Framework (v3) and Nuxt.
+    image: /img/themes/scutum_dashboard.png
     slug: five
-    price: $99
+    price: $26
+    href: https://1.envato.market/scutum-nuxt
 ---
-::
+::

nuxtjs.org/content/video-courses.md

@@ -4,7 +4,7 @@ template: page
 
 ::simple-page-hero
 title: NuxtJS Video Courses
-description: "Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework."
+description: "Discover and learn more about the Nuxt Framework with free and premium video courses."
 ---
 ::
 
@@ -13,47 +13,47 @@ video-courses:
   one:
     title: Learn Nuxt.js by Building a Real World App
     description: Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
-    image: https://source.unsplash.com/user/jasebloor/1280x720
+    image: /img/video-courses/mastering_nuxt.png
     tier: Premium
   two:
     title: Get Started with Nuxt
     description: Learn the essentials for how to build and deploy a Nuxt site including dnyamic routes, data fetching, SEO, lazy loading, global styles and transitions as well as how to generate and deploy your Nuxt app.
-    image: https://source.unsplash.com/user/remithorel/1280x720
+    image: /img/video-courses/jamstack_explorer.png
     tier: Free
   three:
     title: Learn Nuxt with Debbie
     description: A playlist of YouTube videos covering all things Nuxt including short videos and live streams.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/learn_nuxt_with_debbie.png
     tier: Free
   four:
     title: Building Applications with Vue & Nuxt
     description: Build dynamic web applications with Vue and Nuxt! Throughout the course you’ll build out a variety of projects leveraging the tools in the Vue ecosystem including the Vue CLI, Nuxt, Vuex Store, and more.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/building_applications_fe_masters.png
     tier: Premium
   five: 
     title: Build a Job Board with Laravel, GraphQL, Nuxt and Apollo
     description: Learn while you build a GraphQL API with Laravel Lighthouse, then build a Nuxt frontend with Apollo to consume it. All styled with Tailwind.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/job_board.png
     tier: Premium
   six:
     title: Nuxt.js - Vue.js on Steroids
     description: Build highly engaging Vue JS apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/vuejs_on_steroids.png
     tier: Premium
   seven:
     title: Scaling Vue with Nuxt.js
     description: Once you are comfortable with Vue, learning a framework like Nuxt allows you to create production-ready web apps which follow best practices.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/scaling_vue_with_nuxt.png
     tier: Premium
   eight:
     title: Nuxt.js Fundamentals
     description: Learn the fundamentals of Nuxt.js in this course that we created together with the founders of Nuxt. The course covers what you need to know from scaffolding to deploying your first Nuxt.js application.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/nuxt_fundamentals.png
     tier: Free
   nine:
     title: Create a News App with Vue.js and Nuxt
     description: You will learn how to create dynamic pages for each section of your application and load, store, display, filter, and style the data. Then end result will be a News app with multiple category pages, comments for each section, and user pages.
-    image: https://source.unsplash.com/user/agk42/1280x720
+    image: /img/video-courses/news_app.png
     tier: Free
 ---
 ::