diff --git a/.gitignore b/.gitignore
index 3f76ca8ec5..d6ae71694e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -100,4 +100,4 @@ dist/
 
 # Temporary folders
 tmp/
-temp/
\ No newline at end of file
+temp/
diff --git a/src/.vuepress/components/common/vuemastery-video-modal.vue b/src/.vuepress/components/common/vuemastery-video-modal.vue
new file mode 100644
index 0000000000..e511c1eab5
--- /dev/null
+++ b/src/.vuepress/components/common/vuemastery-video-modal.vue
@@ -0,0 +1,126 @@
+<template>
+  <div class="overlay" v-show="isOpen">
+    <div ref="modal" class="modal" :class="{ open: isOpen }">
+      <div class="video-space" style="padding: 56.25% 0 0 0; position: relative;">
+        <iframe
+          src="https://player.vimeo.com/video/247494684?dnt=1"
+          style="height: 100%; left: 0; position: absolute; top: 0; width: 100%; margin: 0"
+          frameborder="0"
+          webkitallowfullscreen
+          mozallowfullscreen
+          allowfullscreen
+          ref="videoIframe"
+        ></iframe>
+      </div>
+
+      <p class="modal-text">
+        Video by
+        <a
+          href="https://www.vuemastery.com"
+          target="_blank"
+          rel="sponsored noopener"
+          title="Vue.js Courses on Vue Mastery"
+        >Vue Mastery</a>.
+        Watch Vue Mastery’s free
+        <a
+          href="https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/"
+          target="_blank"
+          rel="sponsored noopener"
+          title="Vue.js Courses on Vue Mastery"
+        >Intro to Vue course</a>.
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    triggerSelector: {
+      type: String,
+      default: '.vuemastery-trigger'
+    }
+  },
+
+  data: () => ({
+    isOpen: false
+  }),
+
+  methods: {
+    initVideoModal () {
+      const modalButton = document.querySelector(this.triggerSelector)
+      const player = new Vimeo.Player(this.$refs.videoIframe)
+
+      modalButton.addEventListener('click', event => {
+        event.stopPropagation()
+        this.isOpen = true
+        document.body.classList.toggle('stop-scroll')
+        player.play()
+      })
+
+      document.body.addEventListener('click', event => {
+        if (this.isOpen && event.target !== modalButton && !this.$refs.modal.contains(event.target)) {
+          this.isOpen = false
+          document.body.classList.remove('stop-scroll')
+          player.pause()
+        }
+      })
+    }
+  },
+
+  mounted () {
+    if (typeof window !== 'undefined') {
+      this.initVideoModal()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "@theme/styles/_settings.scss";
+
+.modal {
+  box-sizing: border-box;
+  position: fixed;
+  width: 75%;
+  height: auto;
+  padding: 0.5em;
+  background-color: #f9f9f9;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 99;
+}
+
+.modal-text {
+  margin-bottom: 0.5em;
+  text-align: center;
+
+  > a {
+    color: $green;
+    font-weight: 600;
+  }
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 98;
+}
+
+.stop-scroll {
+  overflow: hidden;
+  height: 100%;
+}
+
+@media screen and (max-width: $MQMobileNarrow) {
+  .modal {
+    width: 98%;
+  }
+}
+</style>
diff --git a/src/.vuepress/components/community/partners/partner-item.vue b/src/.vuepress/components/community/partners/partner-item.vue
index b5db0f286b..33e60969d9 100644
--- a/src/.vuepress/components/community/partners/partner-item.vue
+++ b/src/.vuepress/components/community/partners/partner-item.vue
@@ -48,8 +48,8 @@
         </dd>
 
         <dd class="social">
-          <SocialIcon v-if="partner.email" type="Email" :url="mailHref"/>
-          <SocialIcon v-for="link in partner.socialLinks" :key="link.name" :type="link.name" :url="link.url"/>
+          <SocialIcon v-if="partner.email" type="Email" :link="mailHref"/>
+          <SocialIcon v-for="link in partner.socialLinks" :key="link.name" :type="link.name" :link="link.url"/>
         </dd>
       </dl>
     </div>
@@ -63,7 +63,7 @@ export default {
   },
 
   components: {
-    SocialIcon: () => import('../../common/social-icon')
+    SocialIcon: () => import('@theme/components/ui/SocialIcon.vue')
   },
 
   computed: {
diff --git a/src/.vuepress/components/community/team/vuer-profile.vue b/src/.vuepress/components/community/team/vuer-profile.vue
index 57edd71324..a64aa369dd 100644
--- a/src/.vuepress/components/community/team/vuer-profile.vue
+++ b/src/.vuepress/components/community/team/vuer-profile.vue
@@ -98,10 +98,10 @@
           </dd>
         </template>
         <footer v-if="hasSocialLinks" class="social">
-          <SocialIcon type="GitHub" v-if="profile.github" :url="generateGithubUrl(profile.github)"/>
-          <SocialIcon type="Twitter" v-if="profile.twitter" :url="`https://twitter.com/${profile.twitter}`"/>
-          <SocialIcon type="CodePen" v-if="profile.codepen" :url="`https://codepen.io/${profile.codepen}`"/>
-          <SocialIcon type="LinkedIn" v-if="profile.linkedin" :url="`https://www.linkedin.com/in/${profile.linkedin}`"/>
+          <SocialIcon type="GitHub" v-if="profile.github" :link="generateGithubUrl(profile.github)"/>
+          <SocialIcon type="Twitter" v-if="profile.twitter" :link="`https://twitter.com/${profile.twitter}`"/>
+          <SocialIcon type="CodePen" v-if="profile.codepen" :link="`https://codepen.io/${profile.codepen}`"/>
+          <SocialIcon type="LinkedIn" v-if="profile.linkedin" :link="`https://www.linkedin.com/in/${profile.linkedin}`"/>
         </footer>
       </dl>
     </div>
@@ -114,7 +114,7 @@ import { minimizeLink, generateGithubUrl, kmToMi, roundDistance } from './utils'
 export default {
   components: {
     VuerLanguage: () => import('./vuer-language'),
-    SocialIcon: () => import('../../common/social-icon')
+    SocialIcon: () => import('@theme/components/ui/SocialIcon.vue')
   },
 
   props: {
diff --git a/src/.vuepress/components/community/themes/theme-item.vue b/src/.vuepress/components/community/themes/theme-item.vue
index f1b6e29dd6..e91983168a 100644
--- a/src/.vuepress/components/community/themes/theme-item.vue
+++ b/src/.vuepress/components/community/themes/theme-item.vue
@@ -25,7 +25,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/_settings";
+@import "@theme/styles/_settings.scss";
 
 .item-preview {
   width: 290px;
diff --git a/src/.vuepress/components/community/themes/theme-provider.vue b/src/.vuepress/components/community/themes/theme-provider.vue
index df42e0070b..10c17c81cf 100644
--- a/src/.vuepress/components/community/themes/theme-provider.vue
+++ b/src/.vuepress/components/community/themes/theme-provider.vue
@@ -9,9 +9,9 @@
     </div>
 
     <div class="see-more-container">
-      <a :href="provider.seeMoreUrl" class="see-more-button">
+      <RoundedButton :url="provider.seeMoreUrl">
         See More Themes from {{ provider.name }}
-      </a>
+      </RoundedButton>
     </div>
   </section>
 </template>
@@ -28,11 +28,12 @@ export default {
   },
 
   components: {
-    ThemeItem: () => import('./theme-item')
+    ThemeItem: () => import('./theme-item.vue'),
+    RoundedButton: () => import('@theme/components/ui/RoundedButton.vue')
   },
 
   computed: {
-    description: function () {
+    description () {
       return (new showdown.Converter()).makeHtml(this.provider.description)
     }
   }
@@ -40,7 +41,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/_settings";
+@import "@theme/styles/_settings.scss";
 
 .themes-grid {
   display: flex;
@@ -61,21 +62,5 @@ export default {
     text-align: center;
     width: 100%;
   }
-
-  &-button {
-    color: $green;
-    display: inline-block;
-    width: auto;
-    border-radius: 2em;
-    transition: all 0.15s ease;
-    border: 1px solid $green;
-    padding: 12px 24px;
-    text-decoration: none !important;
-
-    &:hover {
-      background: $green;
-      color: #fff;
-    }
-  }
 }
 </style>
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index 537f72ad92..da6d474801 100644
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -54,11 +54,23 @@ module.exports = {
     [
       'link',
       {
-        href:
-          'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
+        href: 'https://use.fontawesome.com/releases/v5.13.0/css/all.css',
         rel: 'stylesheet',
       },
     ],
+    [
+      'script',
+      {
+        src: 'https://player.vimeo.com/api/player.js',
+      },
+    ],
+    [
+      'script',
+      {
+        src: 'https://extend.vimeocdn.com/ga/72160148.js',
+        defer: 'defer',
+      },
+    ]
   ],
   themeConfig: {
     nav: [
diff --git a/src/.vuepress/public/images/sponsors/.gitkeep b/src/.vuepress/public/images/sponsors/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/.vuepress/public/images/sponsors/Monterail.png b/src/.vuepress/public/images/sponsors/Monterail.png
new file mode 100644
index 0000000000..bd4684dbe3
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/Monterail.png differ
diff --git a/src/.vuepress/public/images/sponsors/autocode.svg b/src/.vuepress/public/images/sponsors/autocode.svg
new file mode 100644
index 0000000000..6e0c41dea1
--- /dev/null
+++ b/src/.vuepress/public/images/sponsors/autocode.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 500 100" style="enable-background:new 0 0 500 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#111111;}
+	.st1{fill:#2C68FF;}
+	.st2{fill:#0A0777;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M197.7,84.3h-18.4l-3.4,10.3h-11.9l19.3-52h7.6h2.9l19.4,52h-12L197.7,84.3z M194.7,75.2l-6.3-19l-6.2,19
+				H194.7z"/>
+			<path class="st0" d="M250.1,55.9v38.6H240l-0.3-4c-1.2,1.5-2.7,2.7-4.5,3.5c-1.8,0.8-3.8,1.2-6,1.2c-4,0-7.2-1.2-9.4-3.5
+				c-2.3-2.3-3.4-6-3.4-10.9v-25h10.8V81c0,1.9,0.5,3.3,1.4,4.2c0.9,0.9,2.2,1.4,3.9,1.4c3.3,0,5.6-1.2,6.9-3.5V55.9H250.1z"/>
+			<path class="st0" d="M277.3,86.2v8.1c-1.9,0.7-4,1-6.4,1c-7.6,0-11.4-3.9-11.4-11.6V63.8h-5.5v-7.9h5.5v-9.6h10.8v9.6h6.5v7.9
+				h-6.5v18.7c0,1.5,0.3,2.6,0.9,3.1c0.6,0.6,1.6,0.8,3,0.8C275.5,86.4,276.5,86.4,277.3,86.2z"/>
+			<path class="st0" d="M282.2,64.8c1.4-3,3.5-5.3,6.3-7c2.8-1.7,6.1-2.5,9.9-2.5c3.9,0,7.2,0.8,10,2.5c2.8,1.7,4.9,4,6.3,7
+				c1.4,3,2.2,6.4,2.2,10.1v0.8c0,3.8-0.7,7.2-2.2,10.1c-1.4,3-3.5,5.3-6.3,7c-2.8,1.7-6.1,2.5-9.9,2.5c-3.9,0-7.2-0.8-9.9-2.5
+				c-2.8-1.7-4.9-4-6.3-7c-1.4-3-2.2-6.3-2.2-10.1v-0.8C280,71.1,280.7,67.7,282.2,64.8z M292.6,83.6c1.2,2,3.2,3,5.8,3
+				c2.6,0,4.5-1,5.8-3c1.2-2,1.8-4.7,1.8-8v-0.8c0-3.3-0.6-5.9-1.8-8c-1.2-2-3.2-3-5.8-3c-2.6,0-4.5,1-5.8,3.1
+				c-1.2,2-1.8,4.7-1.8,7.9v0.8C290.8,79,291.4,81.6,292.6,83.6z"/>
+			<path class="st0" d="M355.3,81c0,2.7-0.7,5.2-2.1,7.4c-1.4,2.2-3.4,3.9-5.8,5.1c-2.4,1.2-5.2,1.8-8.1,1.8c-3.9,0-7.2-0.8-9.9-2.5
+				c-2.7-1.7-4.7-4-6.1-7c-1.3-3-2-6.3-2-10.1v-0.9c0-3.8,0.7-7.1,2-10.1c1.3-3,3.4-5.3,6-7s5.9-2.5,9.8-2.5c3.2,0,6,0.6,8.4,1.8
+				c2.4,1.2,4.3,3,5.7,5.3s2,5,2,8.1h-10.1c0-1.9-0.6-3.5-1.7-4.7c-1.1-1.2-2.6-1.9-4.6-1.9c-2.6,0-4.4,1-5.4,2.9
+				c-1,2-1.5,4.6-1.5,7.9v0.9c0,3.4,0.5,6.1,1.5,8c1,1.9,2.8,2.9,5.5,2.9c1.9,0,3.3-0.5,4.5-1.5c1.1-1,1.7-2.4,1.7-4.1H355.3z"/>
+			<path class="st0" d="M361.6,64.8c1.4-3,3.5-5.3,6.3-7c2.8-1.7,6.1-2.5,9.9-2.5c3.9,0,7.2,0.8,10,2.5c2.8,1.7,4.9,4,6.3,7
+				c1.4,3,2.2,6.4,2.2,10.1v0.8c0,3.8-0.7,7.2-2.2,10.1c-1.4,3-3.5,5.3-6.3,7c-2.8,1.7-6.1,2.5-9.9,2.5c-3.9,0-7.2-0.8-9.9-2.5
+				c-2.8-1.7-4.9-4-6.3-7c-1.4-3-2.2-6.3-2.2-10.1v-0.8C359.5,71.1,360.2,67.7,361.6,64.8z M372.1,83.6c1.2,2,3.2,3,5.8,3
+				c2.6,0,4.5-1,5.8-3c1.2-2,1.8-4.7,1.8-8v-0.8c0-3.3-0.6-5.9-1.8-8c-1.2-2-3.2-3-5.8-3c-2.6,0-4.5,1-5.8,3.1
+				c-1.2,2-1.8,4.7-1.8,7.9v0.8C370.2,79,370.9,81.6,372.1,83.6z"/>
+			<path class="st0" d="M435.8,39.7v54.9h-9.7l-0.5-4.1c-2.5,3.2-5.8,4.9-9.8,4.9c-3.1,0-5.8-0.8-8.1-2.5c-2.3-1.7-4-4-5.2-6.9
+				c-1.2-3-1.8-6.3-1.8-10.1V75c0-3.9,0.6-7.4,1.8-10.4c1.2-3,2.9-5.3,5.2-6.9c2.3-1.6,5-2.5,8.2-2.5c3.7,0,6.7,1.4,9.2,4.2V39.7
+				H435.8z M425,82.7V67.8c-1.2-2.6-3.4-3.9-6.4-3.9c-2.5,0-4.2,1-5.4,3c-1.1,2-1.7,4.7-1.7,8v0.8c0,3.3,0.6,5.9,1.7,7.9
+				s2.9,2.9,5.3,2.9C421.6,86.6,423.7,85.3,425,82.7z"/>
+			<path class="st0" d="M477.6,78.8h-24.4c0.4,2.4,1.4,4.3,3,5.7c1.6,1.4,3.6,2.1,6.1,2.1c1.9,0,3.6-0.4,5.2-1.1
+				c1.6-0.7,2.9-1.8,4.1-3.2l5.2,6c-1.4,2-3.3,3.6-5.9,4.9s-5.7,2-9.2,2c-4,0-7.4-0.8-10.3-2.5c-2.9-1.7-5.2-3.9-6.7-6.8
+				c-1.6-2.9-2.3-6-2.3-9.5v-1.4c0-3.9,0.7-7.3,2.2-10.3c1.5-3,3.6-5.4,6.3-7.1c2.7-1.7,6-2.6,9.7-2.6c3.6,0,6.8,0.8,9.3,2.3
+				c2.6,1.5,4.5,3.7,5.9,6.6c1.3,2.8,2,6.2,2,10.1V78.8z M467,70.7c0-2.1-0.6-3.8-1.7-5c-1.1-1.2-2.8-1.8-5-1.8c-2,0-3.6,0.7-4.8,2
+				c-1.2,1.4-1.9,3.2-2.3,5.6H467V70.7z"/>
+		</g>
+	</g>
+	<g>
+		<path class="st1" d="M493.6,98.3V36.7h6.4v61.6H493.6z"/>
+	</g>
+</g>
+<g id="a13cf799-b1f1-42e4-a6d9-06ffc95f68f5">
+	<g id="b69a1ca1-8a90-471a-b695-086f523a4892">
+		<g>
+			<path class="st2" d="M151.7,75c-0.1,6.1-3.1,12.1-9.1,16.7l-7.5,5.8l0,0L98.9,69.8v-2.2c0-0.5,0-1.1-0.1-1.6
+				c0-0.2-0.1-0.5-0.1-0.7c-0.1-0.5-0.2-0.9-0.3-1.3c0-0.2-0.1-0.3-0.1-0.5c0-0.2-0.1-0.3-0.1-0.5c-0.3-1-0.8-2.1-1.3-3
+				c-0.2-0.3-0.3-0.6-0.5-0.8c-0.2-0.3-0.3-0.5-0.5-0.8c-0.1-0.1-0.2-0.3-0.3-0.4c-0.7-0.9-1.4-1.8-2.3-2.6c-0.5-0.5-1-0.9-1.6-1.3
+				c-1.2-0.9-2.5-1.8-3.9-2.4c-0.2-0.1-0.3-0.2-0.5-0.2c-0.8-0.4-1.6-0.7-2.4-1c-0.2-0.1-0.3-0.1-0.5-0.2c-0.1,0-0.3-0.1-0.4-0.1
+				c-0.5-0.1-0.8-0.6-0.8-1V44c0-1,0.5-1.9,1.2-2.5L111,21.2c1.1-0.9,2.7-0.9,3.9,0l27.7,21.2c2,1.5,3.8,3.4,5.3,5.5
+				c0.2,0.2,0.3,0.4,0.4,0.7c0.4,0.6,0.8,1.2,1.1,1.8c0.2,0.4,0.4,0.7,0.5,1.1c0,0,0,0,0,0c0.1,0.3,0.3,0.7,0.4,1
+				c0,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.1,0.3,0.2,0.5c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.1,0.5,0.2,0.7c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1
+				c0.1,0.3,0.1,0.5,0.2,0.8c0,0.1,0,0.2,0.1,0.2c0.1,0.3,0.1,0.5,0.2,0.8c0,0.1,0,0.1,0,0.2c0,0.3,0.1,0.6,0.1,0.9c0,0,0,0.1,0,0.1
+				c0,0.2,0,0.3,0,0.5c0,0.1,0,0.3,0,0.5c0,0,0,0.1,0,0.1c0,0.3,0,0.6,0,1v0.6C151.7,62.2,151.7,73.4,151.7,75z"/>
+			<path class="st2" d="M105.4,15.5v2.2c0,1-0.5,1.9-1.2,2.5L80.4,38.6c-1.2,0.9-1.9,2.3-1.9,3.8v4.8c0,0.1,0,0.3,0,0.7
+				c0,0.6-0.5,1.1-1.1,1.1c0,0,0,0,0,0c-0.5,0-1,0-1.5,0c-1.1,0-2.2,0.1-3.3,0.2c-0.5,0.1-1.1,0.1-1.6,0.2c-0.2,0-0.4,0.1-0.5,0.1
+				c-0.4,0.1-0.7,0.1-1.1,0.2c-0.3,0.1-0.7,0.2-1,0.3c-0.3,0.1-0.7,0.2-1,0.3c-0.2,0.1-0.4,0.1-0.6,0.2c-0.7,0.3-1.4,0.5-2.1,0.8
+				c-0.3,0.1-0.6,0.3-0.8,0.4c-1.3,0.7-2.6,1.5-3.8,2.4c-0.4,0.3-0.8,0.7-1.2,1c-0.2,0.2-0.5,0.4-0.7,0.6l0,0
+				c-1.3,1.3-2.4,2.7-3.2,4.3c-0.7,1.3-1.2,2.6-1.5,4c-0.1,0.4-0.2,0.9-0.3,1.3c0,0.2-0.1,0.5-0.1,0.7c0,0.4-0.1,2.3-0.1,3.2
+				c0,0.3-0.2,0.6-0.4,0.8L16.8,97.4l0,0l-7.5-5.8C3.3,87,0.2,81,0.2,74.9c0-1.6,0-12.8,0-15.1v-0.6c0-0.3,0-0.7,0-1
+				c0,0,0-0.1,0-0.1c0-0.2,0-0.3,0-0.5c0-0.2,0-0.3,0-0.5c0,0,0-0.1,0-0.1c0-0.3,0.1-0.6,0.1-0.9c0-0.1,0-0.1,0-0.2
+				c0-0.3,0.1-0.5,0.2-0.8c0-0.1,0-0.2,0.1-0.2c0.1-0.3,0.1-0.5,0.2-0.8c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0.1-0.2,0.1-0.5,0.2-0.7
+				c0-0.1,0-0.1,0.1-0.2c0.1-0.2,0.1-0.3,0.2-0.5c0-0.1,0.1-0.2,0.1-0.3c0.1-0.3,0.3-0.7,0.4-1c0,0,0,0,0,0c0.2-0.4,0.3-0.7,0.5-1.1
+				c0.3-0.6,0.7-1.2,1.1-1.8C3.7,48.2,3.8,48,4,47.8c1.5-2.1,3.3-3.9,5.3-5.5L37,21c0.1-0.1,0.1-0.1,0.2-0.2L53.8,8.2
+				c0.2-0.1,0.4-0.3,0.6-0.4c0.2-0.1,0.4-0.3,0.6-0.4c0.4-0.3,0.8-0.5,1.2-0.8c0.6-0.4,1.2-0.7,1.8-1c0.1-0.1,0.2-0.1,0.4-0.2
+				c0.1,0,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.4-0.2c0,0,0.1,0,0.1,0c0.2-0.1,0.3-0.2,0.5-0.2c0.2-0.1,0.4-0.2,0.5-0.2
+				c0.2-0.1,0.4-0.2,0.5-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.2-0.1,0.5-0.2,0.7-0.3c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.3-0.1,0.5-0.2
+				c0.2-0.1,0.4-0.2,0.7-0.2c0,0,0,0,0,0C63.6,3.1,63.8,3,64.1,3c0.3-0.1,0.6-0.2,0.9-0.3l0.4-0.1c0.5-0.1,1-0.3,1.5-0.4
+				c0.1,0,0.3-0.1,0.5-0.1C67.7,2,68,2,68.4,1.9c0.2,0,0.4-0.1,0.6-0.1c0.3,0,0.5-0.1,0.8-0.1c0.2,0,0.4-0.1,0.6-0.1c0,0,0,0,0.1,0
+				c0.2,0,0.4-0.1,0.6-0.1c0.2,0,0.3,0,0.5-0.1c0.2,0,0.4,0,0.7-0.1c0.4,0,0.9-0.1,1.3-0.1c0.2,0,0.3,0,0.5,0c0.4,0,0.8,0,1.2,0
+				c0.2,0,0.5,0,0.7,0c0.2,0,0.5,0,0.7,0c0.4,0,0.8,0,1.2,0c0.2,0,0.3,0,0.5,0c0.2,0,0.4,0,0.6,0c0.2,0,0.5,0,0.7,0.1
+				c0.2,0,0.4,0,0.7,0.1c0.2,0,0.3,0,0.5,0.1c0.2,0,0.3,0,0.5,0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.3,0,0.5,0.1c0.2,0,0.5,0.1,0.7,0.1
+				c0.2,0,0.4,0.1,0.6,0.1c0.3,0,0.5,0.1,0.8,0.2c0.2,0,0.4,0.1,0.5,0.1c0.5,0.1,1.1,0.2,1.6,0.4c0.2,0.1,0.5,0.1,0.7,0.2h0
+				c0.2,0.1,0.5,0.1,0.7,0.2c0.5,0.1,0.9,0.3,1.4,0.5c0.2,0.1,0.4,0.2,0.6,0.2c0,0,0.1,0,0.1,0.1c0.2,0.1,0.4,0.2,0.6,0.2
+				C90.6,4,90.8,4.1,91,4.2c0.7,0.3,1.4,0.6,2.1,1c0.2,0.1,0.3,0.2,0.5,0.3c0.2,0.1,0.5,0.3,0.7,0.4c0.4,0.2,0.8,0.5,1.2,0.7h0
+				c0.4,0.3,0.8,0.5,1.2,0.8c0,0,0,0,0,0c0.4,0.3,0.8,0.6,1.2,0.8l6.2,4.8l0,0c0.4,0.3,0.7,0.7,0.9,1.2
+				C105.3,14.6,105.4,15.1,105.4,15.5z"/>
+			<path class="st1" d="M151.7,59.4v0.6c-0.2,5.9-3.2,11.8-9.1,16.4l-7.5,5.8l0,0l-29.6-22.7L83.6,42.6c0.2-0.5,0.5-0.9,0.9-1.2
+				L111,21.2c1.1-0.9,2.7-0.9,3.9,0l27.7,21.2c2,1.5,3.8,3.4,5.3,5.5c0.2,0.2,0.3,0.4,0.4,0.7c0.4,0.6,0.8,1.2,1.1,1.8
+				c0.2,0.4,0.4,0.7,0.5,1.1c0,0,0,0,0,0c0.1,0.3,0.3,0.7,0.4,1c0.1,0.2,0.1,0.4,0.2,0.6c0,0.1,0.1,0.2,0.1,0.4
+				c0.1,0.2,0.1,0.5,0.2,0.7c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0.1,0.3,0.1,0.5,0.2,0.8c0,0.1,0,0.2,0.1,0.2c0.1,0.3,0.1,0.5,0.2,0.8
+				c0,0.1,0,0.1,0,0.2c0,0.3,0.1,0.6,0.1,0.9c0,0,0,0.1,0,0.1c0,0.1,0,0.3,0,0.5c0,0.1,0,0.3,0,0.5c0,0,0,0.1,0,0.1
+				C151.7,58.7,151.7,59,151.7,59.4z"/>
+			<path class="st1" d="M105.1,14.2c-0.2-0.5-0.5-0.9-0.9-1.2l0,0l-6.2-4.8c-0.4-0.3-0.8-0.6-1.2-0.9c0,0,0,0,0,0
+				c-0.4-0.3-0.8-0.5-1.2-0.8h0c-0.4-0.3-0.8-0.5-1.2-0.7c-0.2-0.1-0.5-0.3-0.7-0.4c-0.2-0.1-0.3-0.2-0.5-0.3
+				c-0.7-0.3-1.4-0.7-2.1-1c-0.2-0.1-0.4-0.2-0.6-0.3c-0.2-0.1-0.4-0.2-0.6-0.2c0,0-0.1,0-0.1-0.1c-0.2-0.1-0.4-0.2-0.6-0.2
+				c-0.5-0.2-0.9-0.3-1.4-0.5c-0.2-0.1-0.5-0.1-0.7-0.2h0c-0.2-0.1-0.5-0.1-0.7-0.2c-0.5-0.1-1-0.3-1.6-0.4c-0.2,0-0.4-0.1-0.5-0.1
+				c-0.3-0.1-0.5-0.1-0.8-0.2c-0.2,0-0.4-0.1-0.6-0.1c-0.2,0-0.5-0.1-0.7-0.1c-0.2,0-0.3,0-0.5-0.1c-0.1,0-0.1,0-0.2,0
+				c-0.2,0-0.3,0-0.5-0.1c-0.2,0-0.3,0-0.5-0.1c-0.2,0-0.4,0-0.7-0.1c-0.2,0-0.5,0-0.7-0.1c-0.2,0-0.4,0-0.6,0c-0.2,0-0.3,0-0.5,0
+				c-0.4,0-0.8,0-1.2,0c-0.2,0-0.5,0-0.7,0s-0.5,0-0.7,0c-0.4,0-0.8,0-1.2,0c-0.2,0-0.3,0-0.5,0c-0.4,0-0.9,0.1-1.3,0.1
+				c-0.2,0-0.4,0-0.7,0.1c-0.2,0-0.3,0-0.5,0.1c-0.2,0-0.4,0-0.6,0.1l-0.1,0c-0.2,0-0.4,0.1-0.6,0.1c-0.3,0-0.5,0.1-0.8,0.1
+				c-0.2,0-0.4,0.1-0.6,0.1C68,2,67.7,2,67.3,2.1c-0.2,0-0.3,0.1-0.5,0.1c-0.5,0.1-1,0.2-1.5,0.4l-0.4,0.1c-0.3,0.1-0.6,0.2-0.9,0.3
+				c-0.2,0.1-0.4,0.1-0.7,0.2c0,0,0,0,0,0c-0.2,0.1-0.4,0.1-0.7,0.2c-0.2,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2
+				C61.4,3.9,61.2,4,61,4.1c-0.1,0.1-0.3,0.1-0.4,0.2c-0.2,0.1-0.4,0.2-0.5,0.2c-0.2,0.1-0.4,0.2-0.5,0.2C59.3,4.8,59.2,4.9,59,5
+				c0,0-0.1,0-0.1,0c-0.1,0.1-0.3,0.1-0.4,0.2c-0.1,0-0.2,0.1-0.2,0.1c-0.1,0.1-0.2,0.1-0.4,0.2c-0.6,0.3-1.2,0.7-1.8,1
+				c-0.4,0.3-0.8,0.5-1.2,0.8c-0.4,0.3-0.8,0.6-1.2,0.9l-21,16.1L16.7,36.7v0l0.1,0l-7.4,5.7c-2,1.5-3.8,3.4-5.3,5.5
+				c-0.2,0.2-0.3,0.4-0.4,0.7c-0.4,0.6-0.8,1.2-1.1,1.8c-0.2,0.4-0.4,0.7-0.5,1.1c0,0,0,0,0,0c-0.1,0.3-0.3,0.7-0.4,1
+				c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1-0.1,0.2-0.1,0.4c-0.1,0.2-0.1,0.5-0.2,0.7c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1
+				c-0.1,0.3-0.1,0.5-0.2,0.8c0,0.1,0,0.2-0.1,0.2c-0.1,0.3-0.1,0.5-0.2,0.8c0,0.1,0,0.1,0,0.2c0,0.3-0.1,0.6-0.1,0.9
+				c0,0,0,0.1,0,0.1c0,0.1,0,0.3,0,0.5c0,0.1,0,0.3,0,0.5c0,0,0,0.1,0,0.1c0,0.3,0,0.6,0,1v0.6c0.2,5.9,3.2,11.8,9.1,16.4l7.5,5.8
+				l0,0l29.6-22.7l21.8-16.8c0,0,0-0.1,0-0.1L105.1,14.2z"/>
+			<g>
+				<path class="st2" d="M75.9,52.9C65.5,52.9,57,59.5,57,67.6v15.3c0,8.1,8.5,14.7,18.9,14.7s18.9-6.6,18.9-14.7V67.6
+					C94.9,59.5,86.4,52.9,75.9,52.9z"/>
+				<ellipse class="st1" cx="75.9" cy="67.6" rx="18.9" ry="14.7"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/.vuepress/public/images/sponsors/bacancy_technology.png b/src/.vuepress/public/images/sponsors/bacancy_technology.png
new file mode 100644
index 0000000000..d9224fc966
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/bacancy_technology.png differ
diff --git a/src/.vuepress/public/images/sponsors/bestvpn_co.png b/src/.vuepress/public/images/sponsors/bestvpn_co.png
new file mode 100644
index 0000000000..b86c581116
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/bestvpn_co.png differ
diff --git a/src/.vuepress/public/images/sponsors/bit.png b/src/.vuepress/public/images/sponsors/bit.png
new file mode 100644
index 0000000000..574b9de403
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/bit.png differ
diff --git a/src/.vuepress/public/images/sponsors/chaitin.png b/src/.vuepress/public/images/sponsors/chaitin.png
new file mode 100644
index 0000000000..e2b41a92cf
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/chaitin.png differ
diff --git a/src/.vuepress/public/images/sponsors/cloudstudio.png b/src/.vuepress/public/images/sponsors/cloudstudio.png
new file mode 100644
index 0000000000..67b07a4c2c
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/cloudstudio.png differ
diff --git a/src/.vuepress/public/images/sponsors/devexpress.png b/src/.vuepress/public/images/sponsors/devexpress.png
new file mode 100644
index 0000000000..aa7b08ea79
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/devexpress.png differ
diff --git a/src/.vuepress/public/images/sponsors/devsquad.png b/src/.vuepress/public/images/sponsors/devsquad.png
new file mode 100644
index 0000000000..ecd0a9bae6
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/devsquad.png differ
diff --git a/src/.vuepress/public/images/sponsors/fastcoding_inc.png b/src/.vuepress/public/images/sponsors/fastcoding_inc.png
new file mode 100644
index 0000000000..6dabf5fa3e
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/fastcoding_inc.png differ
diff --git a/src/.vuepress/public/images/sponsors/fastcoding_inc.svg b/src/.vuepress/public/images/sponsors/fastcoding_inc.svg
new file mode 100644
index 0000000000..d7726cbae5
--- /dev/null
+++ b/src/.vuepress/public/images/sponsors/fastcoding_inc.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="19px" viewBox="0 0 180 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.3 (67297) - http://www.bohemiancoding.com/sketch -->
+    <title>logo copy</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PC-header" transform="translate(-612.000000, -54.000000)" fill="#C11C1F">
+            <g id="Group" transform="translate(610.000000, 25.000000)">
+                <g id="logo-copy" transform="translate(2.000000, 29.000000)">
+                    <polygon id="Fill-1" points="7.99360578e-15 8.8817842e-15 7.99360578e-15 17.9086027 3.79838561 17.9086027 3.79838561 10.6472715 11.1467515 10.6472715 11.1467515 7.28431006 3.79838561 7.28431006 3.79838561 3.45257914 11.8243266 3.45257914 11.8243266 8.8817842e-15"></polygon>
+                    <path d="M21.0662694,8.8817842e-15 L14.4642857,17.9086027 L18.6685166,17.9086027 L19.9805166,14.010233 L26.9218709,14.010233 L28.2338709,17.9086027 L32.439268,17.9086027 L25.8361181,8.8817842e-15 L21.0662694,8.8817842e-15 Z M23.4640222,3.76509213 L25.8361181,10.825358 L21.0662694,10.825358 L23.4640222,3.76509213 Z" id="Fill-2"></path>
+                    <path d="M46.6753734,4.65552435 C45.4088561,3.85356088 44.1878215,3.45257914 43.0799104,3.45257914 C41.6104705,3.45257914 40.7276403,4.27752151 40.7276403,5.32421023 C40.7276403,6.50417654 41.5428296,6.88332833 43.0344278,7.37392776 C46.1995547,8.39763758 48.484184,9.51211404 48.484184,12.8980544 C48.484184,16.0829294 45.9289912,18.6220974 41.8367176,18.6220974 C39.7783355,18.6220974 37.9240422,18.0660081 36.1607143,16.9745106 L37.2919498,13.6104002 C38.8068724,14.6800678 40.3206288,15.1695183 41.7002696,15.1695183 C43.2606749,15.1695183 44.6403157,14.4790024 44.6403157,13.1646096 C44.6403157,12.0064732 43.7808099,11.4055751 41.6326287,10.6702504 C39.0552777,9.80164813 36.9082627,8.64351177 36.9082627,5.52412662 C36.9082627,2.42886932 39.3491657,-1.42108547e-14 42.9667869,-1.42108547e-14 C44.8665628,-1.42108547e-14 46.2905201,0.579068182 47.5570373,1.27073295 L46.6753734,4.65552435 Z" id="Fill-3"></path>
+                    <polygon id="Fill-6" points="61.1461398 17.9086027 57.325596 17.9086027 57.325596 3.45143019 51.8303571 3.45143019 51.8303571 8.8817842e-15 66.6402125 8.8817842e-15 66.6402125 3.45143019 61.1461398 3.45143019"></polygon>
+                    <path d="M85.4669518,17.3295345 C83.5905003,18.2211157 81.7140489,18.6220974 79.6335085,18.6220974 C73.0770075,18.6220974 69.9107143,14.1446595 69.9107143,9.33287865 C69.9107143,3.63066558 74.2070768,-1.42108547e-14 79.6113503,-1.42108547e-14 C81.6907244,-1.42108547e-14 83.7257821,0.600898133 85.4669518,1.71422565 L84.223759,5.14497484 C83.7036239,4.69918425 82.2785004,3.45143019 79.6335085,3.45143019 C75.8129647,3.45143019 73.7324243,6.10319481 73.7324243,9.3110487 C73.7324243,12.4292849 75.6765167,15.1695183 79.8819138,15.1695183 C82.7088364,15.1695183 84.5852879,13.9217642 85.4669518,13.342696 L85.4669518,17.3295345 Z" id="Fill-8"></path>
+                    <path d="M98.5798522,15.1695183 C102.016709,15.1695183 104.142732,12.2960073 104.142732,9.3110487 C104.142732,6.3260901 102.016709,3.45257914 98.5798522,3.45257914 C95.1429954,3.45257914 93.0169724,6.3260901 93.0169724,9.3110487 C93.0169724,12.2960073 95.1429954,15.1695183 98.5798522,15.1695183 M98.5798522,-1.42108547e-14 C103.756712,-1.42108547e-14 107.963276,3.76394318 107.963276,9.3110487 C107.963276,14.8799842 103.734554,18.6220974 98.5798522,18.6220974 C93.4473084,18.6220974 89.1964286,14.924793 89.1964286,9.3110487 C89.1964286,3.71913433 93.4473084,-1.42108547e-14 98.5798522,-1.42108547e-14" id="Fill-11"></path>
+                    <path d="M115.918758,14.4571725 L118.382986,14.4571725 C121.051302,14.4571725 124.805371,14.4571725 124.805371,8.95487581 C124.805371,3.47440909 121.029144,3.45257914 118.496109,3.45257914 L115.918758,3.45257914 L115.918758,14.4571725 Z M112.098214,-1.24344979e-14 L119.536379,-1.24344979e-14 C126.094047,-1.24344979e-14 128.625915,4.23271266 128.625915,8.95487581 C128.625915,13.7666567 126.071888,17.9097516 119.423256,17.9097516 L112.098214,17.9097516 L112.098214,-1.24344979e-14 Z" id="Fill-14"></path>
+                    <polygon id="Fill-16" points="132.589286 17.9086027 136.433154 17.9086027 136.433154 8.8817842e-15 132.589286 8.8817842e-15"></polygon>
+                    <polygon id="Fill-18" points="146.459698 8.8817842e-15 154.419165 12.1845597 154.419165 8.8817842e-15 158.240875 8.8817842e-15 158.240875 17.9086027 154.012153 17.9086027 146.052687 5.72404302 146.052687 17.9086027 142.232143 17.9086027 142.232143 8.8817842e-15"></polygon>
+                    <path d="M178.098687,5.12314489 C177.53307,4.72216315 175.724259,3.45257914 172.829696,3.45257914 C168.489017,3.45257914 166.544924,6.28128125 166.544924,9.35585755 C166.544924,11.7387691 167.765959,15.1695183 172.875178,15.1695183 C174.367943,15.1695183 175.158641,14.8799842 175.747583,14.6570889 L175.747583,11.2711485 L171.700793,11.2711485 L171.700793,7.97482589 L179.500486,7.97482589 L179.500486,17.2858746 C177.600711,18.0878381 175.408213,18.6220974 172.875178,18.6220974 C166.070272,18.6220974 162.723214,14.0780207 162.723214,9.28921875 C162.723214,3.74211323 167.019577,-1.42108547e-14 172.807537,-1.42108547e-14 C175.204124,-1.42108547e-14 177.284664,0.579068182 179.387363,1.73720455 L178.098687,5.12314489 Z" id="Fill-19"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/.vuepress/public/images/sponsors/firestick_tricks.png b/src/.vuepress/public/images/sponsors/firestick_tricks.png
new file mode 100644
index 0000000000..c97004d946
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/firestick_tricks.png differ
diff --git a/src/.vuepress/public/images/sponsors/frontend_love.png b/src/.vuepress/public/images/sponsors/frontend_love.png
new file mode 100644
index 0000000000..a2f69923a0
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/frontend_love.png differ
diff --git a/src/.vuepress/public/images/sponsors/frontendlove.png b/src/.vuepress/public/images/sponsors/frontendlove.png
new file mode 100644
index 0000000000..a2f69923a0
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/frontendlove.png differ
diff --git a/src/.vuepress/public/images/sponsors/gridsome.png b/src/.vuepress/public/images/sponsors/gridsome.png
new file mode 100644
index 0000000000..574088a145
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/gridsome.png differ
diff --git a/src/.vuepress/public/images/sponsors/happy_programmer_llc.png b/src/.vuepress/public/images/sponsors/happy_programmer_llc.png
new file mode 100644
index 0000000000..4b4bb471dc
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/happy_programmer_llc.png differ
diff --git a/src/.vuepress/public/images/sponsors/html_burger.png b/src/.vuepress/public/images/sponsors/html_burger.png
new file mode 100644
index 0000000000..7f6a026a05
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/html_burger.png differ
diff --git a/src/.vuepress/public/images/sponsors/icons.png b/src/.vuepress/public/images/sponsors/icons.png
new file mode 100644
index 0000000000..ec9aa451a0
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/icons.png differ
diff --git a/src/.vuepress/public/images/sponsors/icons_8.png b/src/.vuepress/public/images/sponsors/icons_8.png
new file mode 100644
index 0000000000..833705b3e9
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/icons_8.png differ
diff --git a/src/.vuepress/public/images/sponsors/intygrate.png b/src/.vuepress/public/images/sponsors/intygrate.png
new file mode 100644
index 0000000000..00c2e86ea1
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/intygrate.png differ
diff --git a/src/.vuepress/public/images/sponsors/laravel.png b/src/.vuepress/public/images/sponsors/laravel.png
new file mode 100644
index 0000000000..1533073c73
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/laravel.png differ
diff --git a/src/.vuepress/public/images/sponsors/modus.png b/src/.vuepress/public/images/sponsors/modus.png
new file mode 100644
index 0000000000..7609510c0b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/modus.png differ
diff --git a/src/.vuepress/public/images/sponsors/neds.png b/src/.vuepress/public/images/sponsors/neds.png
new file mode 100644
index 0000000000..1fd9a3151c
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/neds.png differ
diff --git a/src/.vuepress/public/images/sponsors/onsen_ui.png b/src/.vuepress/public/images/sponsors/onsen_ui.png
new file mode 100644
index 0000000000..9c7653c57f
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/onsen_ui.png differ
diff --git a/src/.vuepress/public/images/sponsors/passionate_people.png b/src/.vuepress/public/images/sponsors/passionate_people.png
new file mode 100644
index 0000000000..859f87489c
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/passionate_people.png differ
diff --git a/src/.vuepress/public/images/sponsors/primevue copy.png b/src/.vuepress/public/images/sponsors/primevue copy.png
new file mode 100644
index 0000000000..42d3ef801b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/primevue copy.png differ
diff --git a/src/.vuepress/public/images/sponsors/primevue.png b/src/.vuepress/public/images/sponsors/primevue.png
new file mode 100644
index 0000000000..42d3ef801b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/primevue.png differ
diff --git a/src/.vuepress/public/images/sponsors/programmers_io.png b/src/.vuepress/public/images/sponsors/programmers_io.png
new file mode 100644
index 0000000000..5ebd32f0c4
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/programmers_io.png differ
diff --git a/src/.vuepress/public/images/sponsors/pullrequest.svg b/src/.vuepress/public/images/sponsors/pullrequest.svg
new file mode 100644
index 0000000000..483ff1a13c
--- /dev/null
+++ b/src/.vuepress/public/images/sponsors/pullrequest.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 181.2 45.8" viewBox="0 0 181.2 45.8" xmlns="http://www.w3.org/2000/svg"><path d="m9.2 6.8h26.6v31.9h-26.6z" fill="#fff"/><g fill="#28557a"><path d="m16.4 30.6c-1.3 0-2.4 1-2.5 2.4s1 2.4 2.4 2.4c1.3 0 2.4-1 2.5-2.3 0-1.4-1.1-2.5-2.4-2.5z"/><path d="m18.8 12.9c0-1.3-1.1-2.4-2.4-2.4s-2.4 1.1-2.4 2.4 1 2.4 2.3 2.4h.1c1.3 0 2.4-1.1 2.4-2.4z"/><path d="m24.2 14.5h-2.6c-.5 1.8-1.9 3.2-3.7 3.7v5.2h9.1c.5 0 .9-.3.9-.8 0-.1 0-.1 0-.2v-4.2c-1.8-.5-3.2-1.9-3.7-3.7z"/><path d="m29.5 10.5c-1.3 0-2.4 1.1-2.4 2.4s1.1 2.4 2.4 2.4 2.4-1 2.4-2.3c0 0 0 0 0-.1 0-1.3-1.1-2.4-2.4-2.4z"/><path d="m22.9 0c-12.6 0-22.9 10.3-22.9 22.9s10.3 22.9 22.9 22.9 22.9-10.3 22.9-22.9-10.3-22.8-22.9-22.9zm8.2 18.3v4.2c0 2.2-1.8 4.1-4 4.1h-.1-9v1.1c2.3.7 3.9 2.9 3.9 5.3 0 3-2.5 5.5-5.5 5.5s-5.5-2.5-5.5-5.5c0-2.4 1.6-4.6 3.9-5.3v-9.5c-2.3-.7-3.9-2.9-3.9-5.3 0-3 2.5-5.5 5.5-5.5 2.4 0 4.6 1.6 5.3 3.9h2.6c.7-2.3 2.9-3.9 5.3-3.9 3 0 5.5 2.5 5.5 5.5 0 2.5-1.6 4.6-4 5.4z"/><path d="m60 33.2h-10.6v-2.6h10.6z"/><path d="m72.8 24.4c0 2-.4 3.5-1.3 4.7s-2.1 1.8-3.6 1.8c-1.3 0-2.3-.4-3.1-1.3v6h-3.4v-17.7h3.1l.1 1.2c.8-1 1.9-1.5 3.2-1.5 1.6 0 2.8.6 3.6 1.7s1.3 2.8 1.3 4.8v.3zm-3.4-.3c0-1.2-.2-2.1-.6-2.7s-1-1-1.8-1c-1.1 0-1.8.4-2.2 1.2v5.2c.4.8 1.2 1.3 2.2 1.3 1.6 0 2.4-1.3 2.4-4z"/><path d="m82.5 29.3c-.8 1-2 1.5-3.5 1.5-1.4 0-2.4-.4-3.1-1.2s-1.1-1.9-1.1-3.4v-8.3h3.4v8.2c0 1.3.6 2 1.8 2 1.1 0 1.9-.4 2.4-1.2v-9h3.4v12.7h-3.2z"/><path d="m91.9 30.6h-3.4v-18h3.4z"/><path d="m98.2 30.6h-3.4v-18h3.4z"/><path d="m108.2 21.1c-.5-.1-.9-.1-1.2-.1-1.3 0-2.1.4-2.5 1.3v8.3h-3.5v-12.7h3.2l.1 1.5c.7-1.2 1.6-1.7 2.8-1.7.4 0 .7.1 1.1.2z"/><path d="m115.4 30.8c-1.9 0-3.4-.6-4.5-1.7s-1.8-2.7-1.8-4.6v-.3c0-1.3.2-2.4.7-3.4s1.2-1.8 2.1-2.3 1.9-.8 3.1-.8c1.7 0 3.1.5 4.1 1.6s1.5 2.6 1.5 4.7v1.4h-8.1c.1.8.4 1.5 1 2s1.2.8 2.1.8c1.3 0 2.3-.5 3.1-1.4l1.7 1.9c-.5.7-1.2 1.3-2.1 1.7s-1.8.4-2.9.4zm-.4-10.4c-.7 0-1.2.2-1.6.7s-.7 1.1-.8 2h4.7v-.3c0-.8-.2-1.3-.6-1.7-.4-.5-1-.7-1.7-.7z"/><path d="m122 24.1c0-2 .4-3.6 1.3-4.7s2.1-1.7 3.7-1.7c1.4 0 2.4.5 3.2 1.6l.2-1.3h3v17.6h-3.4v-6c-.8.9-1.8 1.3-3.1 1.3-1.5 0-2.7-.6-3.6-1.8s-1.3-2.8-1.3-5zm3.4.3c0 1.2.2 2.1.6 2.8s1 1 1.8 1c1 0 1.8-.4 2.2-1.2v-5.2c-.4-.8-1.1-1.2-2.2-1.2-.8 0-1.4.3-1.8 1s-.6 1.4-.6 2.8z"/><path d="m143.7 29.3c-.8 1-2 1.5-3.5 1.5-1.4 0-2.4-.4-3.1-1.2s-1.1-1.9-1.1-3.4v-8.3h3.4v8.2c0 1.3.6 2 1.8 2 1.1 0 1.9-.4 2.4-1.2v-9h3.4v12.7h-3.2z"/><path d="m155.4 30.8c-1.9 0-3.4-.6-4.5-1.7s-1.8-2.7-1.8-4.6v-.3c0-1.3.2-2.4.7-3.4s1.2-1.8 2.1-2.3 1.9-.8 3.1-.8c1.7 0 3.1.5 4.1 1.6s1.5 2.6 1.5 4.7v1.4h-8.1c.1.8.4 1.5 1 2s1.2.8 2.1.8c1.3 0 2.3-.5 3.1-1.4l1.7 1.9c-.5.7-1.2 1.3-2.1 1.7s-1.9.4-2.9.4zm-.4-10.4c-.7 0-1.2.2-1.6.7s-.7 1.1-.8 2h4.7v-.3c0-.8-.2-1.3-.6-1.7-.5-.5-1-.7-1.7-.7z"/><path d="m169.4 27.1c0-.4-.2-.7-.6-1s-1.1-.5-2-.6c-3-.6-4.5-1.9-4.5-3.8 0-1.1.5-2.1 1.4-2.8s2.2-1.1 3.7-1.1c1.6 0 2.9.4 3.9 1.1s1.4 1.7 1.4 3h-3.4c0-.5-.2-.9-.5-1.2s-.8-.5-1.5-.5c-.6 0-1 .1-1.3.4s-.5.6-.5 1 .2.7.5.9 1 .4 1.8.6 1.6.4 2.1.6c1.8.7 2.7 1.8 2.7 3.4 0 1.2-.5 2.1-1.5 2.8s-2.3 1.1-3.8 1.1c-1.1 0-2-.2-2.8-.6s-1.5-.9-1.9-1.6-.7-1.4-.7-2.1h3.2c0 .6.3 1.1.7 1.4s1 .5 1.7.5c.6 0 1.1-.1 1.5-.4s.4-.7.4-1.1z"/><path d="m178.9 14.8v3.1h2.2v2.5h-2.2v6.3c0 .5.1.8.3 1s.5.3 1 .3c.4 0 .7 0 1-.1v2.6c-.7.2-1.3.3-2.1.3-2.4 0-3.6-1.2-3.6-3.6v-6.8h-1.9v-2.5h1.9v-3.1z"/></g></svg>
\ No newline at end of file
diff --git a/src/.vuepress/public/images/sponsors/retool.png b/src/.vuepress/public/images/sponsors/retool.png
new file mode 100644
index 0000000000..8e7c38f73b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/retool.png differ
diff --git a/src/.vuepress/public/images/sponsors/roadster.png b/src/.vuepress/public/images/sponsors/roadster.png
new file mode 100644
index 0000000000..2af9bd2851
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/roadster.png differ
diff --git a/src/.vuepress/public/images/sponsors/shopware_ag.png b/src/.vuepress/public/images/sponsors/shopware_ag.png
new file mode 100644
index 0000000000..08dce257b8
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/shopware_ag.png differ
diff --git a/src/.vuepress/public/images/sponsors/storekit.png b/src/.vuepress/public/images/sponsors/storekit.png
new file mode 100644
index 0000000000..f9ffe2545d
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/storekit.png differ
diff --git a/src/.vuepress/public/images/sponsors/storyblok.png b/src/.vuepress/public/images/sponsors/storyblok.png
new file mode 100644
index 0000000000..6d1df875d6
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/storyblok.png differ
diff --git a/src/.vuepress/public/images/sponsors/tidelift.png b/src/.vuepress/public/images/sponsors/tidelift.png
new file mode 100644
index 0000000000..1d8638a19b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/tidelift.png differ
diff --git a/src/.vuepress/public/images/sponsors/tighten_co.png b/src/.vuepress/public/images/sponsors/tighten_co.png
new file mode 100644
index 0000000000..8d6217a684
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/tighten_co.png differ
diff --git a/src/.vuepress/public/images/sponsors/tooltwist.png b/src/.vuepress/public/images/sponsors/tooltwist.png
new file mode 100644
index 0000000000..0767889f1f
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/tooltwist.png differ
diff --git a/src/.vuepress/public/images/sponsors/unicorn.png b/src/.vuepress/public/images/sponsors/unicorn.png
new file mode 100644
index 0000000000..52a8589731
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/unicorn.png differ
diff --git a/src/.vuepress/public/images/sponsors/usave.png b/src/.vuepress/public/images/sponsors/usave.png
new file mode 100644
index 0000000000..93a58cc9af
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/usave.png differ
diff --git a/src/.vuepress/public/images/sponsors/valuecoders.png b/src/.vuepress/public/images/sponsors/valuecoders.png
new file mode 100644
index 0000000000..daed532490
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/valuecoders.png differ
diff --git a/src/.vuepress/public/images/sponsors/vehikl.png b/src/.vuepress/public/images/sponsors/vehikl.png
new file mode 100644
index 0000000000..2b5bae0f7f
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vehikl.png differ
diff --git a/src/.vuepress/public/images/sponsors/vpnranks.png b/src/.vuepress/public/images/sponsors/vpnranks.png
new file mode 100644
index 0000000000..44d5d24673
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vpnranks.png differ
diff --git a/src/.vuepress/public/images/sponsors/vuejobs.png b/src/.vuepress/public/images/sponsors/vuejobs.png
new file mode 100644
index 0000000000..831017c077
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vuejobs.png differ
diff --git a/src/.vuepress/public/images/sponsors/vuemastery.png b/src/.vuepress/public/images/sponsors/vuemastery.png
new file mode 100644
index 0000000000..45e2358762
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vuemastery.png differ
diff --git a/src/.vuepress/public/images/sponsors/vueschool.png b/src/.vuepress/public/images/sponsors/vueschool.png
new file mode 100644
index 0000000000..2bbd71a6c5
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vueschool.png differ
diff --git a/src/.vuepress/public/images/sponsors/vuetify.png b/src/.vuepress/public/images/sponsors/vuetify.png
new file mode 100644
index 0000000000..3f1b65703e
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/vuetify.png differ
diff --git a/src/.vuepress/public/images/sponsors/watchcartoononline.png b/src/.vuepress/public/images/sponsors/watchcartoononline.png
new file mode 100644
index 0000000000..e63aba9d28
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/watchcartoononline.png differ
diff --git a/src/.vuepress/public/images/sponsors/webdock.png b/src/.vuepress/public/images/sponsors/webdock.png
new file mode 100644
index 0000000000..298897d9e5
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/webdock.png differ
diff --git a/src/.vuepress/public/images/sponsors/webucator.png b/src/.vuepress/public/images/sponsors/webucator.png
new file mode 100644
index 0000000000..5adaafe84b
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/webucator.png differ
diff --git a/src/.vuepress/public/images/sponsors/wilderminds.png b/src/.vuepress/public/images/sponsors/wilderminds.png
new file mode 100644
index 0000000000..65a8d0232e
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/wilderminds.png differ
diff --git a/src/.vuepress/public/images/sponsors/writers_per_hour.jpg b/src/.vuepress/public/images/sponsors/writers_per_hour.jpg
new file mode 100644
index 0000000000..cada0a10d9
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/writers_per_hour.jpg differ
diff --git a/src/.vuepress/public/images/sponsors/x_team.png b/src/.vuepress/public/images/sponsors/x_team.png
new file mode 100644
index 0000000000..7ac2d59a20
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/x_team.png differ
diff --git a/src/.vuepress/public/images/sponsors/y8.png b/src/.vuepress/public/images/sponsors/y8.png
new file mode 100644
index 0000000000..a83210d92e
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/y8.png differ
diff --git a/src/.vuepress/public/images/sponsors/yakaz.png b/src/.vuepress/public/images/sponsors/yakaz.png
new file mode 100644
index 0000000000..6d6c0decdf
Binary files /dev/null and b/src/.vuepress/public/images/sponsors/yakaz.png differ
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
new file mode 100644
index 0000000000..7da4af49c8
--- /dev/null
+++ b/src/.vuepress/theme/components/Home.vue
@@ -0,0 +1,339 @@
+
+<template>
+  <main
+    class="home"
+    aria-labelledby="main-title"
+  >
+    <header class="hero">
+      <div class="inner">
+        <div class="left">
+          <img
+            v-if="data.heroImage"
+            :src="$withBase(data.heroImage)"
+            :alt="data.heroAlt || 'hero'"
+          >
+        </div>
+
+        <div class="right">
+          <h1
+            v-if="data.heroText !== null"
+            id="main-title"
+          >
+            {{ data.heroText || $title || 'Vue.js' }}
+          </h1>
+
+          <h2
+            class="tagline"
+            v-if="tagline"
+            v-html="tagline"
+          ></h2>
+
+          <div
+            v-if="data.actionButtons.length"
+            class="actions"
+          >
+            <HomeActionLink
+              v-for="item in data.actionButtons"
+              :item="item"
+              :extra-class="item.extraClass"
+              :key="item.link"
+            />
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <SpecialSponsors :sponsors="sponsors.special_sponsors"/>
+
+    <section
+      v-if="data.features && data.features.length"
+      class="section-features"
+    >
+      <div class="inner">
+        <div
+          v-for="(feature, index) in data.features"
+          :key="index"
+          class="feature"
+        >
+          <h2>{{ feature.title }}</h2>
+          <p v-html="feature.details"></p>
+        </div>
+      </div>
+    </section>
+
+    <Content class="theme-default-content custom" />
+
+    <section class="section-sponsors" ref="sponsors">
+      <div class="inner">
+        <PatreonSponsors :sponsors="sponsors"/>
+        <OpenCollectiveSponsors/>
+      </div>
+    </section>
+
+    <section class="section-newsletter">
+      <Newsletter/>
+    </section>
+
+    <footer class="main-footer">
+      <p v-if="data.socialIcons">
+        <SocialIcon
+          v-for="icon in data.socialIcons"
+          :type="icon.type"
+          :link="icon.link"
+          :key="icon.link"
+          extra-class="inverted"
+        />
+      </p>
+      <p class="copyright" v-html="data.footer"></p>
+    </footer>
+  </main>
+</template>
+
+<script>
+import sponsors from '@theme/data/patreon-sponsors.js'
+import HomeActionLink from '@theme/components/ui/HomeActionLink.vue'
+import SocialIcon from '@theme/components/ui/SocialIcon.vue'
+import SpecialSponsors from '@theme/components/sponsors/SpecialSponsors.vue'
+import PatreonSponsors from '@theme/components/sponsors/PatreonSponsors.vue'
+import OpenCollectiveSponsors from '@theme/components/sponsors/OpenCollectiveSponsors.vue'
+import Newsletter from '@theme/components/Newsletter.vue'
+
+export default {
+  components: {
+    HomeActionLink,
+    SocialIcon,
+    SpecialSponsors,
+    PatreonSponsors,
+    OpenCollectiveSponsors,
+    Newsletter
+  },
+
+  data: () => ({
+    sponsors
+  }),
+
+  computed: {
+    data () {
+      return this.$page.frontmatter
+    },
+
+    tagline () {
+      return this.data.tagline || this.$description || 'The Progressive JavaScript Framework'
+    }
+  },
+
+  mounted () {
+    if (!window) {
+      return
+    }
+
+    const sponsors = this.$refs.sponsors
+    let sponsorTop = sponsors.offsetTop
+    let sponsorActive = false
+
+    window.addEventListener('resize', () => (sponsorTop = sponsors.offsetTop))
+
+    window.addEventListener('scroll', () => {
+      if (window.pageYOffset > sponsorTop - 100) {
+        if (!sponsorActive) {
+          sponsorActive = true
+          sponsors.classList.add('active')
+        }
+      } else {
+        if (sponsorActive) {
+          sponsorActive = false
+          sponsors.classList.remove('active')
+        }
+      }
+    })
+  }
+}
+</script>
+
+<style lang="scss">
+@import "@theme/styles/_settings.scss";
+
+.hero {
+  padding: 100px 40px 30px;
+
+  .inner {
+    max-width: 1260px;
+    margin: 0 auto;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+  }
+
+  .left {
+    width: 39%;
+    text-align: right;
+
+    img {
+      width: 215px;
+      height: 215px;
+      margin-right: 60px;
+    }
+  }
+
+  .actions {
+    display: flex;
+    margin-top: 2.3rem;
+  }
+
+  .right {
+    width: 61%;
+
+    h1 {
+      display: none;
+    }
+
+    .tagline {
+      font-size: 3.2rem;
+      padding: 0;
+      margin: 0;
+      border-bottom: 0;
+      font-weight: 300;
+    }
+  }
+
+  @media (max-width: $MQNarrow) {
+    .inner {
+      flex-direction: column;
+      text-align: center;
+    }
+
+    .left {
+      img {
+        margin-right: 0;
+      }
+    }
+
+    .left, .right {
+      width: 100%;
+      text-align: center;
+    }
+
+    .right {
+      h1 {
+        display: block;
+      }
+
+      .tagline {
+        font-size: 2rem;
+      }
+    }
+
+    .actions {
+      flex-direction: column;
+      place-items: center;
+
+      a {
+        height: 28px;
+        margin-bottom: 10px;
+      }
+    }
+  }
+}
+
+.section-features {
+  padding: 25px 40px 45px;
+
+  .inner {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    align-content: stretch;
+    justify-content: space-between;
+    max-width: 900px;
+    margin: 0 auto;
+    text-align: center;
+
+    @media (max-width: $MQNarrow) {
+      flex-direction: column;
+    }
+  }
+
+  .feature {
+    h2 {
+      border-bottom: 0;
+      color: $green;
+      font-weight: 400;
+    }
+
+    flex-grow: 1;
+    flex-basis: 30%;
+    max-width: 30%;
+
+    @media (max-width: $MQNarrow) {
+      max-width: 100%;
+      width: 100%;
+
+      &::before {
+        content: "—";
+        color: $green;
+      }
+    }
+  }
+}
+
+.section-sponsors {
+  background: #f6f6f6;
+  text-align: center;
+  padding: 35px 40px 45px;
+
+  &.active {
+    img {
+      filter: none;
+      opacity: 1;
+    }
+  }
+
+  .inner {
+    max-width: 700px;
+    margin: 0 auto;
+  }
+
+  .sponsors+.sponsors {
+    margin-top: 5rem;
+  }
+
+  a {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 20px 15px 0;
+    position: relative;
+  }
+
+  img {
+    transition: all 0.3s ease;
+    filter: grayscale(100%);
+    opacity: .6;
+
+    &:hover {
+      filter: none;
+      opacity: 1;
+    }
+  }
+}
+
+footer.main-footer {
+  background: #475050;
+  text-align: center;
+  color: #fff;
+  padding: 40px 0;
+  font-size: .9rem;
+
+  a {
+    color: #fff;
+  }
+
+  .social-icon {
+    margin: 0 5px;
+    font-size: 1.2rem;
+
+    i {
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/.vuepress/theme/components/Newsletter.vue b/src/.vuepress/theme/components/Newsletter.vue
new file mode 100644
index 0000000000..6f90294ea3
--- /dev/null
+++ b/src/.vuepress/theme/components/Newsletter.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="newsletter">
+    <div class="inner">
+      <h3><label for="member_email">Subscribe to our Weekly Newsletter</label></h3>
+      <form
+        class="newsletter-form"
+        id="revue-form"
+        name="revue-form"
+        target="_blank"
+        rel="noopener"
+        action="https://www.getrevue.co/profile/vuenewsletter/add_subscriber"
+        method="post"
+      >
+        <input
+          class="newsletter-input"
+          type="email"
+          name="member[email]"
+          id="member_email"
+          required
+          placeholder="Email address"
+        >
+        <input
+          class="button newsletter-button"
+          type="submit"
+          value="Subscribe"
+          name="member[subscribe]"
+          id="member_submit"
+        >
+      </form>
+      <p>
+        You can read the previous issues and listen to our podcast at <a href="https://news.vuejs.org" target="_blank" rel="noopener">news.vuejs.org</a>.
+      </p>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@theme/styles/_settings.scss";
+
+.newsletter {
+  text-align: center;
+
+  .inner {
+    padding: 25px 40px 45px;
+  }
+
+  form {
+    position: relative;
+    max-width: 550px;
+    margin: 0 auto;
+    box-sizing: border-box;
+  }
+
+  input {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 10px 150px 10px 20px;
+    height: 50px;
+    border-radius: 9999px;
+    border: 1px solid #ccc;
+    font-size: 16px;
+    outline: none;
+
+    &:focus {
+      border-color: $green;
+    }
+  }
+
+  .button {
+    width: auto;
+    position: absolute;
+    padding: 4px 20px;
+    margin: 0;
+    height: calc(100% - 8px);
+    right: 4px;
+    top: 4px;
+    font-size: 1.05em;
+    font-weight: 600;
+    letter-spacing: 0.1em;
+    min-width: 8em;
+    display: inline-block;
+    color: #fff;
+    background-color: $green;
+    transition: all 0.15s ease;
+    box-sizing: border-box;
+    border: 1px solid currentColor;
+  }
+}
+</style>
diff --git a/src/.vuepress/theme/components/sponsors/OpenCollectiveSponsors.vue b/src/.vuepress/theme/components/sponsors/OpenCollectiveSponsors.vue
new file mode 100644
index 0000000000..a12d63d71b
--- /dev/null
+++ b/src/.vuepress/theme/components/sponsors/OpenCollectiveSponsors.vue
@@ -0,0 +1,58 @@
+<template>
+  <SponsorsLayout extra-classes="sponsors__open-collective">
+    <template #heading>Open Collective Sponsors</template>
+
+    <template #content>
+      <h4>Platinum</h4>
+      <a
+        :href="`https://opencollective.com/vuejs/tiers/platinum-sponsors/${index}/website`"
+        rel="sponsored noopener"
+        target="_blank"
+        v-for="(_, index) in new Array(featuredCount.platinum)"
+      >
+        <img
+          :src="`https://opencollective.com/vuejs/tiers/platinum-sponsors/${index}/avatar.svg`"
+          alt="Vue.JS platinum sponsor"
+        >
+      </a>
+
+      <h4>Gold</h4>
+      <a
+        :href="`https://opencollective.com/vuejs/tiers/gold-sponsors/${index}/website`"
+        rel="sponsored noopener"
+        target="_blank"
+        v-for="(_, index) in new Array(featuredCount.gold)"
+      >
+        <img
+          :src="`https://opencollective.com/vuejs/tiers/gold-sponsors/${index}/avatar.svg`"
+          alt="Vue.JS gold sponsor"
+        >
+      </a>
+    </template>
+  </SponsorsLayout>
+</template>
+
+<script>
+import SponsorsLayout from '@theme/components/sponsors/SponsorsLayout.vue'
+
+export default {
+  components: {
+    SponsorsLayout
+  },
+
+  data: () => ({
+    featuredCount: {
+      platium: 3,
+      gold: 10
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  width: auto;
+  max-width: 100px !important;
+  max-height: 60px !important;
+}
+</style>
diff --git a/src/.vuepress/theme/components/sponsors/PatreonSponsors.vue b/src/.vuepress/theme/components/sponsors/PatreonSponsors.vue
new file mode 100644
index 0000000000..6218a91a44
--- /dev/null
+++ b/src/.vuepress/theme/components/sponsors/PatreonSponsors.vue
@@ -0,0 +1,51 @@
+<template>
+  <SponsorsLayout extra-classes="sponsors__patreon">
+    <template #heading>Patreon Sponsors</template>
+
+    <template #content>
+      <div class="platinum">
+        <a
+          :href="sponsor.url"
+          target="_blank"
+          rel="sponsored noopener"
+          v-for="sponsor in sponsors.platinum_sponsors"
+          :key="sponsor.name"
+        >
+          <img :src="`/images/sponsors/${sponsor.img}`" width="160" :alt="sponsor.name">
+        </a>
+      </div>
+      <div class="gold">
+        <a
+          :href="sponsor.url"
+          target="_blank"
+          rel="sponsored noopener"
+          v-for="sponsor in sponsors.gold_sponsors"
+          :key="sponsor.name"
+        >
+          <img :src="`/images/sponsors/${sponsor.img}`" width="120" :alt="sponsor.name">
+        </a>
+      </div>
+
+      <RoundedButton url="/support-vuejs/">Become a Sponsor!</RoundedButton>
+    </template>
+  </SponsorsLayout>
+</template>
+
+<script>
+import SponsorsLayout from '@theme/components/sponsors/SponsorsLayout.vue'
+import RoundedButton from '@theme/components/ui/RoundedButton.vue'
+
+export default {
+  components: {
+    SponsorsLayout,
+    RoundedButton
+  },
+
+  props: {
+    sponsors: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
diff --git a/src/.vuepress/theme/components/sponsors/SpecialSponsorBlock.vue b/src/.vuepress/theme/components/sponsors/SpecialSponsorBlock.vue
new file mode 100644
index 0000000000..bc0d5f5672
--- /dev/null
+++ b/src/.vuepress/theme/components/sponsors/SpecialSponsorBlock.vue
@@ -0,0 +1,34 @@
+<template>
+  <a target="_blank" rel="noopener sponsored" :href="sponsor.url">
+    <img :src="`/images/sponsors/${sponsor.img}`" :alt="`${sponsor.name} logo`" width="160">
+    <span class="description">{{ sponsor.description }}</span>
+  </a>
+</template>
+
+<script>
+export default {
+  props: {
+    sponsor: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@theme/styles/_settings.scss";
+
+a {
+  text-align: center;
+  color: $medium;
+  font-weight: normal;
+  padding: 0 10px;
+  line-height: 1.6;
+}
+
+span {
+  display: block;
+  margin-top: .8rem;
+}
+</style>
diff --git a/src/.vuepress/theme/components/sponsors/SpecialSponsors.vue b/src/.vuepress/theme/components/sponsors/SpecialSponsors.vue
new file mode 100644
index 0000000000..1087092188
--- /dev/null
+++ b/src/.vuepress/theme/components/sponsors/SpecialSponsors.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="special-sponsors">
+    <h3>{{ heading }}</h3>
+    <div class="blocks">
+      <SponsorBlock
+        v-for="sponsor in sponsors"
+        :sponsor="sponsor"
+        :key="sponsor.name"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+    SponsorBlock: () => import('@theme/components/sponsors/SpecialSponsorBlock.vue')
+  },
+
+  props: {
+    sponsors: {
+      type: Array,
+      required: true
+    }
+  },
+
+  computed: {
+    heading () {
+      return `Special Sponsor${this.sponsors.length === 1 ? '' : 's'}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@theme/styles/_settings.scss";
+
+.special-sponsors {
+  text-align: center;
+  padding: 25px 40px;
+
+  .blocks {
+    display: flex;
+    place-content: center;
+    place-items: flex-start;
+
+    @media (max-width: $MQNarrow) {
+      flex-direction: column;
+      place-items: center;
+    }
+
+    a {
+      max-width: 30%;
+
+      @media (max-width: $MQNarrow) {
+        &+a {
+          margin-top: 25px;
+        }
+
+        max-width: 100%;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/.vuepress/theme/components/sponsors/SponsorsLayout.vue b/src/.vuepress/theme/components/sponsors/SponsorsLayout.vue
new file mode 100644
index 0000000000..fa51110e5f
--- /dev/null
+++ b/src/.vuepress/theme/components/sponsors/SponsorsLayout.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="sponsors" :class="extraClasses">
+    <h3 class="heading">
+      <slot name="heading"/>
+    </h3>
+
+    <div class="content">
+      <slot name="content"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    extraClasses: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  }
+}
+</script>
diff --git a/src/.vuepress/theme/components/ui/HomeActionLink.vue b/src/.vuepress/theme/components/ui/HomeActionLink.vue
new file mode 100644
index 0000000000..efc4901d0a
--- /dev/null
+++ b/src/.vuepress/theme/components/ui/HomeActionLink.vue
@@ -0,0 +1,161 @@
+<template>
+  <RouterLink
+    v-if="isInternal"
+    class="nav-link"
+    :class="combinedClasses"
+    :to="link"
+    :exact="exact"
+    @focusout.native="focusoutAction"
+  >
+    <i
+      v-if="item.icon"
+      class="icon"
+      :class="item.icon"
+    ></i>
+    {{ item.text }}
+  </RouterLink>
+  <a
+    v-else
+    :href="link"
+    class="nav-link external"
+    :class="combinedClasses"
+    :target="target"
+    :rel="rel"
+    @focusout="focusoutAction"
+  >
+    <i
+      v-if="item.icon"
+      class="icon"
+      :class="item.icon"
+    ></i>
+    {{ item.text }}
+    <OutboundLink v-if="isBlankTarget" />
+  </a>
+</template>
+
+<script>
+import { isExternal, isMailto, isTel, ensureExt } from '@parent-theme/util'
+
+export default {
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+
+    extraClass: {
+      type: String,
+      default: ''
+    }
+  },
+
+  computed: {
+    link () {
+      return ensureExt(this.item.link)
+    },
+
+    exact () {
+      if (this.$site.locales) {
+        return Object.keys(this.$site.locales).some(rootLink => rootLink === this.link)
+      }
+
+      return this.link === '/'
+    },
+
+    isNonHttpURI () {
+      return isMailto(this.link) || isTel(this.link)
+    },
+
+    isBlankTarget () {
+      return this.target === '_blank'
+    },
+
+    isInternal () {
+      return !isExternal(this.link) && !this.isBlankTarget
+    },
+
+    target () {
+      if (this.isNonHttpURI) {
+        return null
+      }
+
+      if (this.item.target) {
+        return this.item.target
+      }
+
+      return isExternal(this.link) ? '_blank' : ''
+    },
+
+    rel () {
+      if (this.isNonHttpURI) {
+        return null
+      }
+
+      if (this.item.rel) {
+        return this.item.rel
+      }
+
+      return this.isBlankTarget ? 'noopener noreferrer' : ''
+    },
+
+    combinedClasses () {
+      return `${this.extraClass} ${ this.item.icon ? 'has-icon' : '' }`
+    }
+  },
+
+  methods: {
+    focusoutAction () {
+      this.$emit('focusout')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@theme/styles/_settings.scss";
+
+a {
+  color: $green;
+  position: relative;
+  place-content: center;
+  place-items: center;
+  width: fit-content;
+  display: flex;
+  border-radius: 9999px;
+  letter-spacing: 0.05em;
+  border: 1px solid $green;
+  text-decoration: none;
+  text-transform: uppercase;
+  margin-right: 10px;
+  padding: 7px 28px;
+  white-space: nowrap;
+
+  &.has-icon {
+    padding-left: 7px;
+  }
+
+  i.icon {
+    font-size: 2rem;
+    margin-right: 14px;
+  }
+
+  &.primary {
+    background: $green;
+    color: #fff;
+  }
+
+  &.grey {
+    background-color: #f6f6f6;
+    color: #4f5959;
+    border-color: #f6f6f6;
+
+    i.icon {
+      opacity: .7; // wash out a bit to reduce contrast
+    }
+  }
+
+  .icon.outbound {
+    display: none;
+  }
+}
+</style>
diff --git a/src/.vuepress/theme/components/ui/RoundedButton.vue b/src/.vuepress/theme/components/ui/RoundedButton.vue
new file mode 100644
index 0000000000..7e1d0044d1
--- /dev/null
+++ b/src/.vuepress/theme/components/ui/RoundedButton.vue
@@ -0,0 +1,36 @@
+<template>
+  <a :href="url">
+    <slot>Text</slot>
+  </a>
+</template>
+
+<script>
+export default {
+  props: {
+    url: {
+      required: true,
+      type: String
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@theme/styles/_settings.scss";
+
+a {
+  color: $green;
+  display: inline-block;
+  width: auto;
+  border-radius: 9999px;
+  transition: all 0.15s ease;
+  border: 1px solid $green;
+  padding: 12px 24px;
+  text-decoration: none !important;
+
+  &:hover {
+    background: $green;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/.vuepress/components/common/social-icon.vue b/src/.vuepress/theme/components/ui/SocialIcon.vue
similarity index 76%
rename from src/.vuepress/components/common/social-icon.vue
rename to src/.vuepress/theme/components/ui/SocialIcon.vue
index 5cb4fd5c68..b9711ec84f 100644
--- a/src/.vuepress/components/common/social-icon.vue
+++ b/src/.vuepress/theme/components/ui/SocialIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <a :href="url" :title="type">
-    <i class="fa" :class="extraClass"/>
+  <a class="social-icon" :href="link" :title="type" :class="extraClass">
+    <i class="fab" :class="iconClass"/>
     <span class="sr-only">{{ type }}</span>
   </a>
 </template>
@@ -9,17 +9,18 @@
 const SOCIAL_ICON_CLASS_MAP = {
   Email: 'fa-envelope',
   GitHub: 'fa-github',
-  Twitter: 'fa-twitter-square',
+  Twitter: 'fa-twitter',
   LinkedIn: 'fa-linkedin-square',
   YouTube: 'fa-youtube-square',
   Facebook: 'fa-facebook-square',
   Instagram: 'fa-instagram',
-  CodePen: 'fa-codepen'
+  CodePen: 'fa-codepen',
+  Medium: 'fa-medium-m'
 }
 
 export default {
   props: {
-    url: {
+    link: {
       type: String,
       required: true
     },
@@ -28,11 +29,15 @@ export default {
       type: String,
       required: true,
       validator: value => Object.keys(SOCIAL_ICON_CLASS_MAP).includes(value)
+    },
+
+    extraClass: {
+      type: String
     }
   },
 
   computed: {
-    extraClass () {
+    iconClass () {
       return SOCIAL_ICON_CLASS_MAP[this.type]
     }
   }
@@ -64,5 +69,9 @@ export default {
   &-instagram {
     color: #c13584;
   }
+
+  &-medium {
+    color: #000;
+  }
 }
 </style>
diff --git a/src/.vuepress/theme/data/patreon-sponsors.js b/src/.vuepress/theme/data/patreon-sponsors.js
new file mode 100644
index 0000000000..a3c9e33ca3
--- /dev/null
+++ b/src/.vuepress/theme/data/patreon-sponsors.js
@@ -0,0 +1,199 @@
+export default {
+  "platinum_sponsors_china": [
+    {
+      "url": "http://www.dcloud.io/?hmsr=vuejsorg&hmpl=&hmcu=&hmkw=&hmci=",
+      "img": "dcloud.gif"
+    }
+  ],
+  "special_sponsors": [
+    {
+      "url": "https://autocode.com",
+      "img": "autocode.svg",
+      "name": "Autocode",
+      "description": "Build app-to-app workflows and connect APIs"
+    }
+  ],
+  "platinum_sponsors": [
+    {
+      "url": "https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1",
+      "img": "vueschool.png",
+      "name": "VueSchool"
+    },
+    {
+      "url": "https://vehikl.com/",
+      "img": "vehikl.png",
+      "name": "Vehikl"
+    },
+    {
+      "url": "https://retool.com/?utm_source=sponsor&utm_campaign=vue",
+      "img": "retool.png",
+      "name": "Retool"
+    },
+    {
+      "url": "https://passionatepeople.io/",
+      "img": "passionate_people.png",
+      "name": "Passionate People"
+    },
+    {
+      "url": "https://www.storyblok.com",
+      "img": "storyblok.png",
+      "name": "Storyblok"
+    }
+  ],
+  "gold_sponsors": [
+    {
+      "url": "https://www.vuemastery.com/",
+      "img": "vuemastery.png",
+      "name": "VueMastery"
+    },
+    {
+      "url": "https://laravel.com",
+      "img": "laravel.png",
+      "name": "Laravel"
+    },
+    {
+      "url": "https://htmlburger.com",
+      "img": "html_burger.png",
+      "name": "HTML Burger"
+    },
+    {
+      "url": "https://www.frontenddeveloperlove.com/",
+      "img": "frontendlove.png",
+      "name": "FrontendLove"
+    },
+    {
+      "url": "https://onsen.io/vue/",
+      "img": "onsen_ui.png",
+      "name": "Onsen UI"
+    },
+    {
+      "url": "https://neds.com.au/",
+      "img": "neds.png",
+      "name": "Neds"
+    },
+    {
+      "url": "https://icons8.com/",
+      "img": "icons_8.png",
+      "name": "Icons 8"
+    },
+    {
+      "url": "https://vuejobs.com/?ref=vuejs",
+      "img": "vuejobs.png",
+      "name": "VueJobs"
+    },
+    {
+      "url": "https://tidelift.com/subscription/npm/vue",
+      "img": "tidelift.png",
+      "name": "Tidelift"
+    },
+    {
+      "url": "https://devsquad.com/",
+      "img": "devsquad.png",
+      "name": "DevSquad"
+    },
+    {
+      "url": "https://www.firesticktricks.com/",
+      "img": "firestick_tricks.png",
+      "name": "Firestick Tricks"
+    },
+    {
+      "url": "https://intygrate.com/",
+      "img": "intygrate.png",
+      "name": "Intygrate"
+    },
+    {
+      "url": "http://en.shopware.com/",
+      "img": "shopware_ag.png",
+      "name": "shopware AG"
+    },
+    {
+      "url": "https://www.vpnranks.com/",
+      "img": "vpnranks.png",
+      "name": "VPNRanks"
+    },
+    {
+      "url": "https://www.bacancytechnology.com",
+      "img": "bacancy_technology.png",
+      "name": "Bacancy Technology"
+    },
+    {
+      "url": "https://www.bestvpn.co/",
+      "img": "bestvpn_co.png",
+      "name": "BestVPN.co"
+    },
+    {
+      "url": "https://www.y8.com/",
+      "img": "y8.png",
+      "name": "Y8"
+    },
+    {
+      "url": "https://js.devexpress.com/",
+      "img": "devexpress.png",
+      "name": "DevExpress"
+    },
+    {
+      "url": "https://fastcoding.jp/javascript/ ",
+      "img": "fastcoding_inc.svg",
+      "name": "FASTCODING Inc"
+    },
+    {
+      "url": "https://usave.co.uk/utilities/broadband",
+      "img": "usave.png",
+      "name": "usave"
+    },
+    {
+      "url": "http://www.pullrequest.com",
+      "img": "pullrequest.svg",
+      "name": "PullRequest"
+    },
+    {
+      "url": "https://unicorn.io/",
+      "img": "unicorn.png",
+      "name": "Unicorn.io"
+    },
+    {
+      "url": "https://www.vuescreencasts.com/",
+      "img": "happy_programmer_llc.png",
+      "name": "Happy Programmer LLC"
+    },
+    {
+      "url": "https://www.primefaces.org/primevue",
+      "img": "primevue.png",
+      "name": "PrimeVue"
+    }
+  ],
+  "silver_sponsors": [
+    {
+      "url": "https://roadster.com",
+      "img": "roadster.png",
+      "name": "Roadster"
+    },
+    {
+      "url": "https://www.inkoop.io",
+      "img": "inkoop.png",
+      "name": "Inkoop"
+    }
+  ],
+  "bronze_sponsors": [
+    {
+      "url": "https://www.accelebrate.com/",
+      "img": "accelebrate.png",
+      "name": "Accelebrate"
+    },
+    {
+      "url": "https://polyglotengineer.com/derek.pollard",
+      "img": "derek_pollard.png",
+      "name": "Derek Pollard"
+    },
+    {
+      "url": "https://www.earthlink.ro",
+      "img": "earthlink.png",
+      "name": "Earthlink"
+    },
+    {
+      "url": "https://www.webucator.com",
+      "img": "webucator.png",
+      "name": "Webucator"
+    }
+  ]
+}
diff --git a/src/.vuepress/theme/index.js b/src/.vuepress/theme/index.js
new file mode 100644
index 0000000000..b91b8a5766
--- /dev/null
+++ b/src/.vuepress/theme/index.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extend: '@vuepress/theme-default'
+}
diff --git a/src/.vuepress/styles/_settings.scss b/src/.vuepress/theme/styles/_settings.scss
similarity index 70%
rename from src/.vuepress/styles/_settings.scss
rename to src/.vuepress/theme/styles/_settings.scss
index 60b01f90c2..33f1a5e5a5 100644
--- a/src/.vuepress/styles/_settings.scss
+++ b/src/.vuepress/theme/styles/_settings.scss
@@ -8,3 +8,7 @@ $border: #dddddd;
 $codebg: #f8f8f8;
 $red: #f66;
 $info: #1c90f3;
+
+$MQNarrow: 959px;
+$MQMobile: 719px;
+$MQMobileNarrow: 419px;
diff --git a/src/README.md b/src/README.md
index 254fbb8cc8..1e4c520ba9 100644
--- a/src/README.md
+++ b/src/README.md
@@ -2,9 +2,19 @@
 home: true
 heroImage: /logo.png
 heroText: Vue.js
-tagline: The Progressive JavaScript Framework
-actionText: Get Started →
-actionLink: /guide/introduction
+tagline: The Progressive<br> JavaScript Framework
+actionButtons:
+- text: Why Vue.js?
+  link: /
+  extraClass: vuemastery-trigger primary
+  icon: fa fa-play-circle
+- text: Get Started
+  link: /guide/introduction
+- text: GitHub
+  link: https://github.com/vuejs/vue
+  extraClass: github grey
+  icon: fab fa-github
+  target: _blank
 features:
 - title: Approachable
   details: Already know HTML, CSS and JavaScript? Read the guide and start building things in no time!
@@ -12,8 +22,19 @@ features:
   details: An incrementally adoptable ecosystem that scales between a library and a full-featured framework.
 - title: Performant
   details: |
-    20KB min+gzip Runtime.
-    Blazing Fast Virtual DOM.
+    20KB min+gzip Runtime<br>
+    Blazing Fast Virtual DOM<br>
     Minimal Optimization Efforts
-footer: Released under the MIT License | Copyright © 2014-2019 Evan You
----
\ No newline at end of file
+footer: |
+  Released under the <a href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener">MIT License</a><br>
+  Copyright © 2014-2020 Evan You
+socialIcons:
+- type: GitHub
+  link: https://github.com/vuejs/vue
+- type: Twitter
+  link: https://twitter.com/vuejs
+- type: Medium
+  link: https://medium.com/the-vue-point
+---
+
+<common-vuemastery-video-modal/>
\ No newline at end of file