diff --git a/packages/docs/.vitepress/theme/components/AsideSponsors.vue b/packages/docs/.vitepress/theme/components/AsideSponsors.vue
new file mode 100644
index 000000000..c3681808e
--- /dev/null
+++ b/packages/docs/.vitepress/theme/components/AsideSponsors.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/docs/.vitepress/theme/index.ts b/packages/docs/.vitepress/theme/index.ts
index 3a0eb6921..4a536037a 100644
--- a/packages/docs/.vitepress/theme/index.ts
+++ b/packages/docs/.vitepress/theme/index.ts
@@ -1,6 +1,7 @@
+import { h } from 'vue'
import { Theme, useData } from 'vitepress'
import DefaultTheme from 'vitepress/theme'
-// import AsideSponsors from './components/AsideSponsors.vue'
+import AsideSponsors from './components/AsideSponsors.vue'
// import HomeSponsors from './components/HomeSponsors.vue'
import './styles/vars.css'
import './styles/sponsors.css'
@@ -9,12 +10,12 @@ import VueMasteryLogoLink from './components/VueMasteryLogoLink.vue'
const theme: Theme = {
...DefaultTheme,
- // Layout() {
- // return h(DefaultTheme.Layout, null, {
- // 'home-features-after': () => h(HomeSponsors),
- // 'aside-ads-before': () => h(AsideSponsors),
- // })
- // },
+ Layout() {
+ return h(DefaultTheme.Layout, null, {
+ // 'home-features-after': () => h(HomeSponsors),
+ 'aside-ads-before': () => h(AsideSponsors),
+ })
+ },
enhanceApp({ app }) {
app.component('VueSchoolLink', VueSchoolLink)
diff --git a/packages/docs/public/banners/mastering-pinia.png b/packages/docs/public/banners/mastering-pinia.png
new file mode 100644
index 000000000..32d147c35
Binary files /dev/null and b/packages/docs/public/banners/mastering-pinia.png differ
diff --git a/packages/docs/public/banners/vuejs-certification.svg b/packages/docs/public/banners/vuejs-certification.svg
new file mode 100644
index 000000000..0735c7350
--- /dev/null
+++ b/packages/docs/public/banners/vuejs-certification.svg
@@ -0,0 +1,67 @@
+