From 5d793e3bd19fdf41158052984ae9d17950c9d31c Mon Sep 17 00:00:00 2001
From: Rolf Haug <rolf@rah.no>
Date: Fri, 26 Mar 2021 17:36:28 +0100
Subject: [PATCH] docs: update vueschool banner

---
 .../public/images/vueschool/learn-more.svg    |   9 +
 .../vueschool/vs-banner-bg-desktop-2.svg      | 214 ++++++++++++++++++
 .../vueschool/vs-banner-bg-mobile-2.svg       |  14 ++
 .../vueschool/vs-banner-bg-tablet-2.svg       | 196 ++++++++++++++++
 docs/.vuepress/theme/Layout.vue               |   4 +-
 docs/.vuepress/theme/components/BannerTop.vue |  23 +-
 6 files changed, 448 insertions(+), 12 deletions(-)
 create mode 100644 docs/.vuepress/public/images/vueschool/learn-more.svg
 create mode 100644 docs/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
 create mode 100644 docs/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
 create mode 100644 docs/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg

diff --git a/docs/.vuepress/public/images/vueschool/learn-more.svg b/docs/.vuepress/public/images/vueschool/learn-more.svg
new file mode 100644
index 000000000..58cc3f56a
--- /dev/null
+++ b/docs/.vuepress/public/images/vueschool/learn-more.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="30" viewBox="0 0 104 30">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#FFF" fill-rule="nonzero">
+            <g>
+                <path d="M28.22 28.268c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-.396c0-.072-.024-.134-.072-.186-.048-.052-.104-.078-.168-.078-.456-.008-.812-.162-1.068-.462-.256-.3-.44-.784-.552-1.452-.112-.668-.168-1.59-.168-2.766 0-1.168.056-2.086.168-2.754.112-.668.296-1.152.552-1.452.256-.3.612-.454 1.068-.462.064 0 .12-.026.168-.078.048-.052.072-.114.072-.186v-.396c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078-.688 0-1.234.194-1.638.582-.404.388-.694.988-.87 1.8-.176.812-.264 1.886-.264 3.222s.088 2.412.264 3.228c.176.816.466 1.418.87 1.806.404.388.95.582 1.638.582zm2.557-1.908c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.24-7.416c.08 0 .149-.026.205-.078.056-.052.084-.118.084-.198v-.624c0-.08-.028-.148-.084-.204-.056-.056-.124-.084-.204-.084h-.708c-.08 0-.146.028-.198.084-.052.056-.078.124-.078.204v.624c0 .08.026.146.078.198.052.052.118.078.198.078h.708zm-.083 7.416c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-5.688c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.026-.198.078-.052.052-.078.118-.078.198v5.688c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm5.569 0c.08 0 .144-.026.192-.078.048-.052.072-.118.072-.198v-.396c0-.08-.024-.146-.072-.198-.048-.052-.112-.078-.192-.078h-.732c-.32 0-.546-.104-.678-.312-.132-.208-.198-.516-.198-.924v-3.132h1.488c.08 0 .146-.024.198-.072.052-.048.078-.112.078-.192v-.384c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-1.488v-2.004c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.144.026-.192.078-.048.052-.072.118-.072.198v2.004h-.948c-.08 0-.144.026-.192.078-.048.052-.072.118-.072.198v.384c0 .08.024.144.072.192.048.048.112.072.192.072h.948v3.216c0 1.4.62 2.1 1.86 2.1h.816zm4.189.12c.512 0 .966-.09 1.362-.27.396-.18.702-.394.918-.642.216-.248.324-.46.324-.636 0-.064-.026-.116-.078-.156-.052-.04-.114-.06-.186-.06h-.528c-.096 0-.164.01-.204.03-.04.02-.096.078-.168.174-.12.16-.298.314-.534.462-.236.148-.542.222-.918.222-.488 0-.88-.184-1.176-.552-.296-.368-.456-.812-.48-1.332v-.108h4.164c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-.216c0-.96-.242-1.72-.726-2.28-.484-.56-1.166-.84-2.046-.84-.816 0-1.468.256-1.956.768s-.756 1.2-.804 2.064l-.012.396.012.408c.048.88.316 1.574.804 2.082.488.508 1.14.762 1.956.762zm1.68-3.684h-3.348v-.036c0-.56.148-1.016.444-1.368.296-.352.704-.528 1.224-.528.512 0 .92.176 1.224.528.304.352.456.808.456 1.368v.036zm3.649 3.564c.08 0 .148-.026.204-.078.056-.052.084-.118.084-.198v-3.54c0-.44.126-.788.378-1.044s.598-.384 1.038-.384h.684c.088 0 .156-.026.204-.078.048-.052.072-.118.072-.198v-.444c0-.088-.024-.156-.072-.204-.048-.048-.116-.072-.204-.072h-.468c-.784 0-1.34.272-1.668.816v-.528c0-.088-.026-.158-.078-.21-.052-.052-.122-.078-.21-.078h-.504c-.08 0-.146.028-.198.084-.052.056-.078.124-.078.204v5.676c0 .08.026.146.078.198.052.052.118.078.198.078h.54zm5.605.12c.528 0 .96-.088 1.296-.264.336-.176.592-.396.768-.66v.528c0 .08.024.146.072.198.048.052.112.078.192.078h.528c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-3.9c0-.624-.194-1.144-.582-1.56-.388-.416-1.03-.624-1.926-.624-.52 0-.96.09-1.32.27-.36.18-.626.392-.798.636-.172.244-.258.458-.258.642 0 .072.026.134.078.186.052.052.114.078.186.078h.468c.064 0 .114-.014.15-.042.036-.028.07-.082.102-.162.104-.2.268-.374.492-.522.224-.148.52-.222.888-.222.952 0 1.428.412 1.428 1.236v.348l-1.8.252c-.744.112-1.332.336-1.764.672-.432.336-.648.768-.648 1.296 0 .336.098.642.294.918.196.276.46.494.792.654.332.16.694.24 1.086.24zm.24-.876c-.368 0-.686-.088-.954-.264-.268-.176-.402-.428-.402-.756 0-.288.148-.528.444-.72.296-.192.732-.328 1.308-.408l1.404-.204v.336c0 .656-.168 1.156-.504 1.5-.336.344-.768.516-1.296.516zm5.724.756c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.17 0c.08 0 .145-.026.197-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.972 2.28c.072 0 .13-.016.174-.048.044-.032.086-.08.126-.144l3.396-7.872c.04-.088.06-.16.06-.216 0-.064-.024-.12-.072-.168-.048-.048-.104-.072-.168-.072h-.54c-.128 0-.224.064-.288.192l-1.896 4.416-1.848-4.416c-.064-.128-.16-.192-.288-.192h-.552c-.064 0-.12.024-.168.072-.048.048-.076.108-.084.18 0 .04.024.108.072.204l2.292 5.412-.936 2.196c-.04.12-.06.192-.06.216 0 .064.024.12.072.168.048.048.108.072.18.072h.528zm4.381-.372c.688 0 1.234-.194 1.638-.582.404-.388.694-.99.87-1.806.176-.816.264-1.892.264-3.228 0-1.336-.088-2.41-.264-3.222-.176-.812-.466-1.412-.87-1.8-.404-.388-.95-.582-1.638-.582-.072 0-.134.026-.186.078-.052.052-.078.118-.078.198v.396c0 .072.024.134.072.186.048.052.104.078.168.078.448.008.802.162 1.062.462.26.3.446.784.558 1.452.112.668.168 1.586.168 2.754s-.056 2.088-.168 2.76c-.112.672-.298 1.158-.558 1.458-.26.3-.614.454-1.062.462-.064 0-.12.026-.168.078-.048.052-.072.114-.072.186v.396c0 .08.026.146.078.198.052.052.114.078.186.078zM7.344 11.36c.117 0 .213-.037.288-.112.075-.075.112-.165.112-.272V9.824c0-.107-.037-.197-.112-.272-.075-.075-.17-.112-.288-.112H2.272V.544c0-.117-.035-.21-.104-.28-.07-.07-.163-.104-.28-.104H.384C.277.16.187.195.112.264.037.334 0 .427 0 .544v10.432c0 .107.037.197.112.272.075.075.165.112.272.112h6.96zm9.89 0c.117 0 .213-.035.287-.104.075-.07.112-.163.112-.28V9.888c0-.117-.037-.21-.112-.28-.074-.07-.17-.104-.288-.104h-5.376V6.608h4.896c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V5.216c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112h-4.896v-2.8h5.248c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112H10.05c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.038.197.112.272.075.075.166.112.272.112h7.184zm3.504 0c.224 0 .38-.101.464-.304l.736-1.936h4.736l.736 1.936c.086.203.24.304.464.304h1.424c.086 0 .163-.032.232-.096.07-.064.104-.144.104-.24l-.032-.144L25.762.56c-.106-.267-.298-.4-.576-.4h-1.76c-.277 0-.469.133-.576.4l-3.84 10.32-.032.144c0 .096.032.176.096.24s.144.096.24.096h1.424zm5.376-4.096h-3.616l1.808-4.928 1.808 4.928zm7.218 4.096c.117 0 .213-.037.288-.112.074-.075.112-.165.112-.272v-3.84h2.192l2.048 3.792c.074.128.16.232.256.312.096.08.229.12.4.12H40.1c.085 0 .162-.032.232-.096.069-.064.104-.144.104-.24 0-.053-.016-.112-.048-.176l-2.32-4.08c.672-.235 1.194-.616 1.568-1.144.373-.528.56-1.181.56-1.96 0-1.12-.371-1.984-1.112-2.592-.742-.608-1.768-.912-3.08-.912H31.86c-.118 0-.211.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.074.075.165.112.272.112h1.472zm2.624-6.048h-2.224v-3.36h2.224c.64 0 1.12.147 1.44.44.32.293.48.712.48 1.256s-.16.957-.48 1.24c-.32.283-.8.424-1.44.424zm8.433 6.048c.117 0 .21-.037.28-.112.07-.075.104-.165.104-.272V4.144l4.56 6.944c.107.181.267.272.48.272h1.264c.107 0 .197-.037.272-.112.075-.075.112-.17.112-.288V.56c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-1.376c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v6.976L44.725.432C44.618.251 44.464.16 44.26.16h-1.248c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h1.376zm15.698 0c.118 0 .211-.037.28-.112.07-.075.104-.165.104-.272v-6.88l2.224 4.224c.14.235.32.352.544.352h.672c.235 0 .411-.117.528-.352l2.224-4.224v6.88c0 .107.038.197.112.272.075.075.166.112.272.112h1.376c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112h-1.28c-.202 0-.362.101-.48.304l-3.088 5.728L60.487.464C60.37.261 60.21.16 60.007.16h-1.296c-.117 0-.21.037-.28.112-.069.075-.104.17-.104.288v10.416c0 .107.038.197.112.272.075.075.166.112.272.112h1.376zm15.922.16c1.45 0 2.584-.368 3.4-1.104.816-.736 1.245-1.83 1.288-3.28.02-.619.032-1.072.032-1.36v-.12c-.003-.296-.014-.715-.032-1.256-.043-1.419-.483-2.507-1.32-3.264C78.539.379 77.417 0 76.009 0c-1.42 0-2.544.379-3.376 1.136-.832.757-1.27 1.845-1.312 3.264-.011.31-.016.768-.016 1.376v.247c.001.477.006.848.016 1.113.042 1.45.469 2.544 1.28 3.28.81.736 1.946 1.104 3.408 1.104zm0-1.856c-.715 0-1.283-.216-1.704-.648-.422-.432-.643-1.085-.664-1.96-.011-.32-.016-.752-.016-1.296 0-.555.005-.987.016-1.296.02-.875.245-1.528.672-1.96.426-.432.992-.648 1.696-.648.693 0 1.253.216 1.68.648.426.432.656 1.085.688 1.96.02.619.032 1.05.032 1.296v.082c-.003.24-.013.645-.032 1.214-.032.885-.256 1.541-.672 1.968-.416.427-.982.64-1.696.64zm9.025 1.696c.117 0 .213-.037.288-.112.075-.075.112-.165.112-.272v-3.84h2.192l2.048 3.792c.075.128.16.232.256.312.096.08.23.12.4.12h1.472c.085 0 .163-.032.232-.096.07-.064.104-.144.104-.24 0-.053-.016-.112-.048-.176l-2.32-4.08c.672-.235 1.195-.616 1.568-1.144.373-.528.56-1.181.56-1.96 0-1.12-.37-1.984-1.112-2.592-.741-.608-1.768-.912-3.08-.912h-4.144c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h1.472zm2.624-6.048h-2.224v-3.36h2.224c.64 0 1.12.147 1.44.44.32.293.48.712.48 1.256s-.16.957-.48 1.24c-.32.283-.8.424-1.44.424zm14.241 6.048c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V9.888c0-.117-.037-.21-.112-.28-.075-.07-.17-.104-.288-.104h-5.376V6.608h4.896c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V5.216c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-4.896v-2.8h5.248c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-7.056c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h7.184z" transform="translate(-916 -29) translate(916.248 29.64)"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg b/docs/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
new file mode 100644
index 000000000..bf8503e69
--- /dev/null
+++ b/docs/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
@@ -0,0 +1,214 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1600" height="80" viewBox="0 0 1600 80">
+    <defs>
+        <linearGradient id="cjyccnb98d" x1="44.505%" x2="38.734%" y1="63.572%" y2="35.987%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%"/>
+        </linearGradient>
+        <linearGradient id="409gg95yhf" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="edf0w8fx4g" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="r554nvkv7h" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="mx4qitj8fi" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#418D90"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="h8ibfo1igj" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="cw5zdynddk" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="8jf8lbsk1l" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="e9kb3cp0rm" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#463487"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="7jrpc5zscn" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="k0ealjyodo" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="zz87xb8s1p" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="ovuz97ln5q" x1="85.547%" x2="0%" y1="49.383%" y2="50.617%">
+            <stop offset="0%" stop-color="#3AAB82"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="oz6q5z1zyr" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="tf8pvxqxts" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="c06n6fgkrt" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="sl6zv4b4gu" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#41878F"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="0bskczta5v" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="53qx6akauw" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="knos7mluqx" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="fzg0p6w1wy" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#1B2A68"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="8lir7jdu9z" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="4iwnlzmkcA" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <radialGradient id="b5shc4tn2b" cx="97.909%" cy="31.471%" r="1092.746%" fx="97.909%" fy="31.471%" gradientTransform="matrix(-.04899 .20039 -.0102 -.99707 1.03 .432)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <radialGradient id="mpy5ihabue" cx="4.87%" cy="50%" r="1332.284%" fx="4.87%" fy="50%" gradientTransform="matrix(-.07506 0 0 -1 .052 1)">
+            <stop offset="0%" stop-color="#53FFB3"/>
+            <stop offset="100%" stop-color="#3E2F7A"/>
+        </radialGradient>
+        <filter id="gpdoqld51B" width="269%" height="289.2%" x="-84.5%" y="-94.6%" filterUnits="objectBoundingBox">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="11"/>
+        </filter>
+        <path id="irwpw2nmha" d="M0 0H1600V80H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <mask id="i0oa1ljeyc" fill="#fff">
+                <use xlink:href="#irwpw2nmha"/>
+            </mask>
+            <use fill="url(#b5shc4tn2b)" xlink:href="#irwpw2nmha"/>
+            <g fill="#FFF" mask="url(#i0oa1ljeyc)">
+                <g transform="translate(141 5)">
+                    <circle cx="1144" cy="10" r="2" opacity=".142"/>
+                    <circle cx="1276" cy="6" r="2" opacity=".142"/>
+                    <circle cx="1415" cy="50" r="2" opacity=".359"/>
+                    <circle cx="1290" cy="37" r="2" opacity=".142"/>
+                    <circle cx="1049" cy="28" r="2" opacity=".359"/>
+                    <circle cx="1341" cy="64" r="2" opacity=".359"/>
+                    <circle cx="260" cy="28" r="2" opacity=".359"/>
+                    <circle cx="71" cy="64" r="2" opacity=".359"/>
+                    <circle cx="70" cy="38" r="1" opacity=".359"/>
+                    <circle cx="157" cy="63" r="1" opacity=".359"/>
+                    <circle cx="231" cy="8" r="1" opacity=".359"/>
+                    <circle cx="310" cy="63" r="1" opacity=".359"/>
+                    <circle cx="429" cy="1" r="1" opacity=".359"/>
+                    <circle cx="619" cy="69" r="1" opacity=".359"/>
+                    <circle cx="761" cy="51" r="1" opacity=".359"/>
+                    <circle cx="808" cy="67" r="1" opacity=".359"/>
+                    <circle cx="983" cy="66" r="1" opacity=".359"/>
+                    <circle cx="1184" cy="47" r="1" opacity=".359"/>
+                    <circle cx="1313" cy="58" r="1" opacity=".359"/>
+                    <circle cx="1313" cy="41" r="1" opacity=".359"/>
+                    <circle cx="1367" cy="41" r="1" opacity=".142"/>
+                    <circle cx="1412" cy="16" r="1" opacity=".359"/>
+                    <circle cx="1379" cy="16" r="1" opacity=".359"/>
+                    <circle cx="1146" cy="65" r="1" opacity=".359"/>
+                    <circle cx="1359" cy="15" r="1" opacity=".359"/>
+                    <circle cx="2" cy="2" r="2" opacity=".359"/>
+                    <circle cx="796" cy="6" r="2" opacity=".359"/>
+                </g>
+            </g>
+            <g mask="url(#i0oa1ljeyc)">
+                <g>
+                    <g>
+                        <path fill="url(#cjyccnb98d)" d="M1.288 2.32S-.034 8.265.104 9.683c.139 1.419 3.15 4.574 3.15 4.574s3.15 6.176 4.145 9.197c.995 3.02 4.407 6.864 4.407 6.864s11.712 11.127 15.24 10.989c1.616-.063 8.114-6.084 10.21-6.084 5.572 0 8.906-4.401 8.906-4.401s7.866-12.445 8.552-13.062c.686-.617 4.605-1.896 4.605-1.896s6.374-10.49 6.876-13.25l-17.735.663L1.288 2.32z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#mpy5ihabue)" d="M1.288 2.32l8.377-.594 4.868-.466s23.026.033 29.672.259c0 0 5.526-1.257 7.027-1.296 1.502-.039 4.407 1.5 4.407 1.5l10.556.778s-4.84.944-8.525.902l3.542.672c-.67.286-1.43.5-2.238.632-1.405.239-11.974.415-16.98.384-5.006-.031-7.212-1.016-7.212-1.016l2.303-.49-2.708-.182s-8.202.81-11.334.864c-2.402-.004-4.8-.13-7.16-.379l-.3-.601S7.077 3.025 1.288 2.32z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#409gg95yhf)" d="M13.598 3.78V7.93l-4.624.714s-.202.084-.714 1.26c-.51 1.175-2.864 4.134-2.864 4.134l-2.142.214 1.718 3.501s2.473.021 3.459.58c.985.558 3.164 2.22 3.164 2.22l1.307 3.27s1.308-6.044 1.382-6.997c.074-.953 1.359-5.038 1.16-5.751-.197-.714.079-3.396.079-3.396l.36-2.813s6.7.84 7.4 1.066c.7.227 1.004 2.783 1.004 2.783l2.302 4.799-2.579 7.018.995 5.945.313 4.47 3.638 9.458 2.879-1.994s2.358-15.532 2.528-16.241c.17-.71-.64-2.385-.64-2.385l1.147-7.296-.11-7.317 2.302-.793-2.708-.294s-8.501 1.159-9.91 1.28c-1.41.122-8.576-1.09-8.576-1.09l4.297-.954-6.567.458z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#edf0w8fx4g)" d="M50.353 5.096l5.742.54-.92 1.233-2.488 3.37-3.002 1.607-3.367.702-2.615 1.037h2.27l-.175 1.369-1.22 3.26-.06 2.333 1.64-.635s6.023-5.762 8.533-8.056c0 0 4.177-.726 4.605-1.171.428-.446 6.337-6.654 6.876-8.186l-8.502.904 3.542.672c-1.331.337-2.72.598-4.145.777-1.672.143-6.714.244-6.714.244z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#41A997" d="M44.205 1.509l-1.843.518s1.354.171 2.137.295c.783.125 5.098-.072 5.863-.197.764-.124 3.601-.611 3.601-.611l.152-.5S51.997-.053 51.352.004c-.645.057-6.028 1.195-7.147 1.504z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#10001D" d="M55.902 1.744l-1.796.573-2.814.04h-5.987s4.606-.224 5.3-.307c.696-.083 3.354-.541 3.354-.541l.152-.5 1.791.735z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#000" d="M13.598 5.78L15.532 8.336 15.868 3.523 20.165 2.932 13.598 3.217zM57.67 3.403l3.542.672-1.53 6.241S64.437 5.21 66.2 2.5l-8.529.904zM24.443 4.194L28.956 6.662 31.747 8.336 32.314 9.767 34.819 8.87 34.778 4.075 37.076 3.585 34.363 3.403z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#r554nvkv7h)" d="M.774 2.25S.052 5.812.128 6.662c.075.85 1.72 2.74 1.72 2.74s1.719 3.7 2.262 5.51c.543 1.81 2.405 4.112 2.405 4.112s6.393 6.667 8.319 6.584c.882-.038 4.429-3.645 5.573-3.645 3.041 0 4.861-2.637 4.861-2.637s4.294-7.456 4.668-7.825c.375-.37 2.514-1.137 2.514-1.137s3.48-6.284 3.753-7.938l-9.68.397L.773 2.25z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#mx4qitj8fi)" d="M.774 2.25l4.572-.576 2.658-.452s12.569.032 16.196.251c0 0 3.016-1.22 3.836-1.257.82-.038 2.406 1.456 2.406 1.456l5.761.754s-2.642.915-4.653.875l1.933.65c-.366.279-.78.487-1.221.614-.767.231-6.536.402-9.269.372-2.732-.03-3.936-.985-3.936-.985l1.257-.475-1.479-.176s-4.477.784-6.186.837c-1.311-.004-2.62-.126-3.909-.367l-.163-.584S3.934 2.934.774 2.25z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#h8ibfo1igj)" d="M7.493 3.12v2.486l-2.524.427s-.11.05-.39.754c-.278.704-1.563 2.476-1.563 2.476l-1.169.129.938 2.096s1.35.013 1.888.347c.538.334 1.727 1.33 1.727 1.33l.714 1.958s.714-3.62.754-4.19c.04-.571.741-3.017.633-3.444-.108-.428.043-2.034.043-2.034L8.74 3.77s3.658.502 4.04.638c.382.136.548 1.667.548 1.667l1.257 2.873-1.408 4.203.543 3.56.17 2.677 1.987 5.663 1.57-1.194s1.288-9.3 1.38-9.725c.094-.425-.348-1.428-.348-1.428l.625-4.37-.06-4.38 1.257-.476-1.478-.176s-4.64.694-5.41.767c-.769.073-4.68-.654-4.68-.654l2.345-.57-3.585.274z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#cw5zdynddk)" d="M27.556 4.942l3.135.523-.503 1.197-1.358 3.267-1.639 1.559-1.837.681-1.428 1.006h1.24l-.096 1.327-.666 3.162-.033 2.263.895-.616s3.288-5.588 4.658-7.813c0 0 2.28-.704 2.514-1.136.233-.433 3.459-6.453 3.753-7.939l-4.64.878 1.932.65c-.726.328-1.484.58-2.262.755-.913.138-3.665.236-3.665.236z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#211941" d="M24.2 1.463l-1.006.503s.74.166 1.167.286c.427.121 2.783-.07 3.2-.19.417-.121 1.966-.594 1.966-.594l.083-.485S28.453-.05 28.1.005c-.352.055-3.29 1.159-3.901 1.458z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#10001D" d="M30.585 1.692l-.98.555-1.536.038H24.8s2.514-.216 2.893-.297c.38-.08 1.83-.525 1.83-.525l.083-.485.978.714z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#000" d="M7.493 5.606L8.549 8.084 8.733 3.416 11.078 2.843 7.493 3.12zM31.55 3.3l1.933.652-.834 6.053s2.594-4.952 3.557-7.582l-4.656.878zM13.413 4.067L15.877 6.46 17.4 8.084 17.709 9.472 19.077 8.602 19.054 3.952 20.309 3.477 18.828 3.301z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                    </g>
+                    <g opacity=".6">
+                        <path fill="url(#8jf8lbsk1l)" d="M.357 1.037S.024 2.678.059 3.07C.094 3.46.85 4.332.85 4.332s.792 1.705 1.043 2.54c.25.833 1.108 1.894 1.108 1.894s2.946 3.072 3.833 3.034c.407-.018 2.041-1.68 2.568-1.68 1.402 0 2.24-1.215 2.24-1.215S13.622 5.47 13.794 5.3c.173-.17 1.159-.523 1.159-.523s1.603-2.896 1.729-3.658l-4.46.183L.356 1.037z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#e9kb3cp0rm)" d="M.357 1.037L2.464.77 3.688.563s5.791.015 7.463.116c0 0 1.39-.562 1.768-.58.377-.017 1.108.671 1.108.671l2.655.348s-1.217.421-2.144.403l.89.3c-.168.128-.359.224-.562.283-.354.106-3.012.185-4.271.17-1.26-.013-1.814-.453-1.814-.453l.58-.219-.682-.081s-2.063.361-2.85.386c-.605-.002-1.208-.059-1.802-.17l-.075-.268s-2.14-.117-3.595-.432z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#7jrpc5zscn)" d="M3.453 1.437v1.146L2.29 2.78s-.051.023-.18.347c-.128.325-.72 1.141-.72 1.141l-.539.06.432.966s.622.005.87.16c.248.153.796.612.796.612l.329.902s.329-1.668.347-1.93c.019-.263.342-1.39.292-1.587-.05-.197.02-.937.02-.937l.09-.777s1.686.232 1.862.295c.176.062.252.768.252.768l.58 1.324-.65 1.936.25 1.64.08 1.234.915 2.61.724-.55s.593-4.286.636-4.482c.042-.196-.161-.658-.161-.658l.288-2.013-.028-2.019.58-.219-.682-.081s-2.138.32-2.492.353c-.355.034-2.157-.3-2.157-.3l1.08-.264-1.651.126z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#k0ealjyodo)" d="M12.697 2.277l1.445.241-.232.552-.625 1.505-.756.719-.846.313-.658.464h.57l-.043.611-.307 1.457-.015 1.043.412-.284s1.515-2.575 2.146-3.6c0 0 1.051-.324 1.159-.523.107-.2 1.594-2.974 1.73-3.658l-2.14.404.892.3c-.335.15-.685.267-1.043.347-.42.064-1.689.11-1.689.11z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#5E48B5" d="M11.15.674l-.462.232s.34.076.537.132c.197.055 1.282-.033 1.475-.088.192-.056.905-.274.905-.274l.039-.223s-.533-.476-.695-.45c-.163.025-1.517.533-1.798.671z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#10001D" d="M14.093.78l-.452.256-.707.017h-1.506s1.158-.1 1.333-.137c.175-.037.843-.242.843-.242l.038-.223.451.329z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#000" d="M3.453 2.583L3.939 3.725 4.024 1.574 5.105 1.31 3.453 1.437zM14.538 1.52l.89.3-.384 2.79s1.195-2.282 1.64-3.493l-2.146.404zM6.181 1.874L7.316 2.977 8.018 3.725 8.16 4.365 8.79 3.964 8.78 1.821 9.358 1.602 8.676 1.521z" transform="translate(323 12) translate(1002 26.143)"/>
+                    </g>
+                    <g opacity=".267">
+                        <path fill="url(#zz87xb8s1p)" d="M.691 1.938s-.38 1.83-.34 2.267c.04.436.905 1.407.905 1.407s.906 1.901 1.192 2.831c.286.93 1.266 2.113 1.266 2.113s3.367 3.425 4.38 3.382c.465-.02 2.333-1.873 2.935-1.873 1.602 0 2.56-1.354 2.56-1.354s2.262-3.83 2.459-4.02c.197-.19 1.324-.584 1.324-.584s1.832-3.229 1.976-4.078l-5.098.204L.691 1.938z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#ovuz97ln5q)" d="M.348 1.8l2.323-.244 1.35-.192s6.386.014 8.229.107c0 0 1.532-.516 1.948-.532.417-.016 1.223.616 1.223.616l2.927.319s-1.342.387-2.364.37l.982.276c-.186.117-.396.205-.62.26-.39.097-3.321.17-4.71.157-1.388-.013-2-.417-2-.417l.64-.201-.752-.075s-2.274.332-3.143.355c-.666-.002-1.33-.054-1.986-.156l-.083-.247S1.953 2.09.348 1.8z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#oz6q5z1zyr)" d="M3.407 2.086V3.43l-1.367.23s-.06.028-.211.408C1.677 4.448.98 5.406.98 5.406l-.633.07.508 1.132s.732.007 1.023.188c.292.18.936.719.936.719l.387 1.058s.387-1.956.408-2.265c.022-.308.402-1.63.344-1.86-.059-.232.023-1.1.023-1.1l.106-.91s1.982.272 2.19.345c.206.074.296.9.296.9l.681 1.554-.763 2.27.295 1.924.092 1.447 1.076 3.06.852-.645s.697-5.026.748-5.255c.05-.23-.19-.772-.19-.772l.34-2.36-.033-2.369.68-.256-.8-.095s-2.515.374-2.932.414c-.416.04-2.536-.353-2.536-.353l1.271-.309-1.943.148z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#tf8pvxqxts)" d="M14.124 3.233l1.533.27-.246.615-.664 1.68-.802.801-.899.35-.698.518h.606l-.047.682-.325 1.626-.016 1.163.437-.316s1.609-2.874 2.28-4.018c0 0 1.115-.361 1.229-.584.114-.222 1.692-3.318 1.836-4.082l-2.27.451.945.335c-.355.168-.726.298-1.106.388-.447.071-1.793.121-1.793.121z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#09080F" d="M12.818 1.577l-.47.22s.346.072.545.125c.2.052 1.302-.031 1.497-.084.195-.053.92-.26.92-.26l.038-.211s-.54-.452-.705-.428c-.165.024-1.54.507-1.825.638z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#10001D" d="M15.348 1.485l-.509.425-.796.028h-1.695s1.304-.165 1.5-.227c.197-.061.95-.401.95-.401l.043-.372.507.547z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#000" d="M3.348 3.52L3.937 4.938 4.039 2.266 5.348 1.938 3.348 2.097zM16.348 2.401l.83.344-.358 3.193s1.114-2.612 1.528-4l-2 .463zM6.348 3.311L7.777 4.474 8.661 5.264 8.84 5.938 9.633 5.516 9.62 3.255 10.348 3.024 9.489 2.938z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#c06n6fgkrt)" d="M.546 1.588S.037 4.103.09 4.702c.053.6 1.214 1.934 1.214 1.934s1.214 2.612 1.597 3.89 1.698 2.903 1.698 2.903 4.512 4.706 5.872 4.647c.623-.026 3.126-2.573 3.934-2.573 2.147 0 3.431-1.861 3.431-1.861s3.031-5.263 3.296-5.524c.264-.26 1.774-.802 1.774-.802s2.456-4.436 2.65-5.604l-6.834.28L.546 1.589z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#sl6zv4b4gu)" d="M.546 1.588l3.228-.406L5.65.862s8.872.023 11.432.178c0 0 2.13-.86 2.708-.887.579-.027 1.698 1.027 1.698 1.027l4.067.532s-1.865.646-3.284.618l1.364.46c-.258.196-.55.342-.862.432-.541.164-4.614.284-6.542.263-1.93-.021-2.78-.696-2.78-.696l.888-.335-1.043-.124s-3.16.553-4.367.59c-.926-.002-1.85-.088-2.76-.258l-.115-.412S2.777 2.07.546 1.588z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#0bskczta5v)" d="M5.29 2.202v1.755l-1.782.302s-.078.035-.275.532-1.104 1.748-1.104 1.748l-.825.09.662 1.48s.953.01 1.332.245c.38.236 1.22.939 1.22.939l.503 1.382s.504-2.555.533-2.958c.028-.403.523-2.13.447-2.43-.076-.303.03-1.436.03-1.436l.138-1.19s2.582.356 2.852.451c.27.096.387 1.177.387 1.177l.887 2.028-.994 2.967.384 2.513.12 1.89 1.402 3.997 1.11-.843s.908-6.565.973-6.865c.066-.3-.246-1.008-.246-1.008l.441-3.084-.042-3.093.887-.335-1.043-.124s-3.276.49-3.819.54c-.543.052-3.304-.46-3.304-.46l1.656-.403-2.53.193z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#53qx6akauw)" d="M19.451 3.489l2.213.369-.355.844-.958 2.307-1.157 1.1-1.297.481-1.008.71h.875l-.068.937-.47 2.232-.023 1.597.632-.435s2.32-3.944 3.288-5.515c0 0 1.61-.497 1.774-.802.165-.305 2.442-4.555 2.65-5.603l-3.276.619 1.364.46c-.513.23-1.048.409-1.597.532-.644.097-2.587.167-2.587.167z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#09080F" d="M17.082 1.033l-.71.355s.522.117.824.202c.302.085 1.964-.05 2.259-.135.294-.085 1.387-.419 1.387-.419l.059-.342s-.816-.73-1.065-.69c-.248.039-2.323.818-2.754 1.029z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#10001D" d="M21.59 1.194l-.693.392-1.084.027h-2.307s1.775-.153 2.043-.21c.268-.056 1.292-.37 1.292-.37l.058-.343.69.504z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#000" d="M5.289 3.957L6.035 5.707 6.164 2.411 7.82 2.007 5.289 2.202zM22.27 2.33l1.365.46-.589 4.272s1.831-3.495 2.511-5.351l-3.286.619zM9.468 2.871L11.207 4.56 12.282 5.707 12.501 6.686 13.466 6.072 13.45 2.789 14.335 2.454 13.29 2.33z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#knos7mluqx)" d="M1.177 3.42S.08 8.837.194 10.129c.115 1.292 2.614 4.166 2.614 4.166s2.615 5.626 3.44 8.377c.826 2.752 3.658 6.253 3.658 6.253s9.719 10.136 12.646 10.01c1.342-.058 6.734-5.542 8.473-5.542 4.625 0 7.392-4.01 7.392-4.01s6.528-11.335 7.097-11.897c.57-.562 3.822-1.727 3.822-1.727s5.29-9.555 5.706-12.07l-14.718.604-39.147-.871z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#fzg0p6w1wy)" d="M1.177 3.42l6.952-.875 4.04-.688s19.109.05 24.624.383c0 0 4.586-1.854 5.832-1.911 1.246-.058 3.657 2.213 3.657 2.213l8.76 1.146s-4.017 1.391-7.074 1.33l2.939.99c-.557.423-1.186.739-1.858.933-1.165.351-9.936.611-14.09.565-4.155-.046-5.986-1.498-5.986-1.498l1.911-.722-2.247-.268S21.83 6.211 19.23 6.291c-1.994-.005-3.983-.192-5.943-.558l-.248-.887S5.98 4.46 1.177 3.421z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#8lir7jdu9z)" d="M11.392 4.743v3.78l-3.837.65s-.168.076-.592 1.146c-.424 1.07-2.377 3.765-2.377 3.765l-1.778.195 1.426 3.187s2.052.02 2.87.527c.818.509 2.626 2.022 2.626 2.022l1.085 2.977s1.086-5.503 1.147-6.37c.061-.868 1.127-4.587.963-5.237-.164-.65.065-3.092.065-3.092l.298-2.56s5.56.764 6.142.97c.58.207.833 2.534.833 2.534l1.911 4.369-2.14 6.39.825 5.412.26 4.07 3.02 8.61 2.388-1.815s1.957-14.14 2.098-14.786c.142-.646-.531-2.171-.531-2.171l.952-6.643-.092-6.661 1.91-.723-2.246-.267s-7.056 1.055-8.225 1.166c-1.17.11-7.116-.994-7.116-.994l3.565-.868-5.45.417z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#4iwnlzmkcA)" d="M41.895 7.514l4.766.795-.765 1.819-2.063 4.968-2.492 2.37-2.794 1.036-2.17 1.528h1.883l-.145 2.018-1.013 4.808-.05 3.44 1.361-.936s5-8.496 7.082-11.879c0 0 3.466-1.07 3.822-1.727.355-.658 5.259-9.811 5.706-12.07l-7.055 1.334 2.939.99c-1.105.497-2.257.882-3.44 1.147-1.387.21-5.572.359-5.572.359z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#09080F" d="M36.793 2.224l-1.53.765s1.125.252 1.774.435c.65.184 4.231-.107 4.865-.29.635-.184 2.99-.902 2.99-.902l.125-.738S43.26-.076 42.724.008c-.535.084-5.003 1.762-5.931 2.216z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#10001D" d="M46.5 2.572l-1.49.845-2.335.057h-4.969s3.822-.329 4.399-.45c.577-.123 2.782-.8 2.782-.8l.126-.737L46.5 2.572z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#000" d="M11.392 8.523L12.998 12.291 13.277 5.194 16.842 4.323 11.392 4.743zM47.968 5.018l2.939.99-1.269 9.203s3.944-7.529 5.408-11.527l-7.078 1.334zM20.393 6.184L24.138 9.822 26.454 12.291 26.925 14.401 29.004 13.078 28.969 6.008 30.876 5.286 28.625 5.018z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                    </g>
+                    <g fill-rule="nonzero">
+                        <path fill="#05FF8F" d="M39.271.98L21.097 34.888l-4.553-.166L.21 0l4.553.167 6.903.166 6.357.148 1.606 3.413L21.448.5l4.553.166 6.367.148 6.903.167z" filter="url(#gpdoqld51B)" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) matrix(-1 0 0 1 39.482 0)"/>
+                        <g>
+                            <path fill="#1F3A2E" d="M21.589 8.504L17.046 8.329 21.238 0.5 25.791 0.666z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#385F86" d="M32.157 0.814L21.256 21.164 11.456 0.333 17.814 0.481 21.589 8.504 25.791 0.666z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#1F3A2E" d="M20.886 34.887L16.333 34.721 0 0 4.553 0.167z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#53FFB3" d="M39.061 0.981L20.886 34.887 4.553 0.167 11.456 0.333 21.256 21.164 32.157 0.814z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg b/docs/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
new file mode 100644
index 000000000..74cffc629
--- /dev/null
+++ b/docs/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="375" height="60" viewBox="0 0 375 60">
+    <defs>
+        <radialGradient id="aotuxhxukb" cx="126.671%" cy="11.103%" r="354.047%" fx="126.671%" fy="11.103%" gradientTransform="matrix(-.13045 .57906 -.09429 -.82972 1.442 -.53)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <path id="2805zy15wa" d="M0 0H375V60H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <use fill="url(#aotuxhxukb)" xlink:href="#2805zy15wa"/>
+        </g>
+    </g>
+</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg b/docs/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg
new file mode 100644
index 000000000..8fe06eae8
--- /dev/null
+++ b/docs/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg
@@ -0,0 +1,196 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="768" height="80" viewBox="0 0 768 80">
+    <defs>
+        <linearGradient id="ztb6c4pdud" x1="44.505%" x2="38.734%" y1="63.572%" y2="35.987%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%"/>
+        </linearGradient>
+        <linearGradient id="l0o3yevp8f" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="b64d8mqseg" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="sspk7fe7zh" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="jyyij6um3i" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#418D90"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="oavjf0rejj" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="hnn47l0khk" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="cf1gyjea5l" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="8dyiel8rlm" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#463487"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="y55t7orr6n" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="b4d4xh294o" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="i3nv7a2dip" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="8s36mh4trq" x1="85.547%" x2="0%" y1="49.383%" y2="50.617%">
+            <stop offset="0%" stop-color="#3AAB82"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="abvwsgco1r" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="t0qj2e140s" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="vphc7s164t" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="exocl9o2iu" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#41878F"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="3h6hw8hybv" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="hfblkyayww" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="ojgcxiumvx" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="j7rdft0kay" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#1B2A68"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="pqhmsfn8dz" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="2gooc57ksA" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <radialGradient id="9nevvpjf2b" cx="97.909%" cy="31.471%" r="558.589%" fx="97.909%" fy="31.471%" gradientTransform="matrix(-.09583 .39201 -.04156 -.93625 1.086 .226)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <radialGradient id="wgztsj4tre" cx="4.87%" cy="50%" r="1332.284%" fx="4.87%" fy="50%" gradientTransform="matrix(-.07506 0 0 -1 .052 1)">
+            <stop offset="0%" stop-color="#53FFB3"/>
+            <stop offset="100%" stop-color="#3E2F7A"/>
+        </radialGradient>
+        <filter id="nvpsnqwirB" width="269%" height="289.2%" x="-84.5%" y="-94.6%" filterUnits="objectBoundingBox">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="11"/>
+        </filter>
+        <path id="05ho16fhea" d="M0 0H768V80H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <mask id="5vct11v0nc" fill="#fff">
+                <use xlink:href="#05ho16fhea"/>
+            </mask>
+            <use fill="url(#9nevvpjf2b)" xlink:href="#05ho16fhea"/>
+            <g fill="#FFF" mask="url(#5vct11v0nc)" opacity=".359">
+                <g transform="translate(141 5)">
+                    <circle cx="260" cy="28" r="2"/>
+                    <circle cx="71" cy="64" r="2"/>
+                    <circle cx="70" cy="38" r="1"/>
+                    <circle cx="157" cy="63" r="1"/>
+                    <circle cx="231" cy="8" r="1"/>
+                    <circle cx="310" cy="63" r="1"/>
+                    <circle cx="429" cy="1" r="1"/>
+                    <circle cx="619" cy="69" r="1"/>
+                    <circle cx="2" cy="2" r="2"/>
+                </g>
+            </g>
+            <g mask="url(#5vct11v0nc)">
+                <g>
+                    <g>
+                        <path fill="url(#ztb6c4pdud)" d="M1.288 2.32S-.034 8.265.104 9.683c.139 1.419 3.15 4.574 3.15 4.574s3.15 6.176 4.145 9.197c.995 3.02 4.407 6.864 4.407 6.864s11.712 11.127 15.24 10.989c1.616-.063 8.114-6.084 10.21-6.084 5.572 0 8.906-4.401 8.906-4.401s7.866-12.445 8.552-13.062c.686-.617 4.605-1.896 4.605-1.896s6.374-10.49 6.876-13.25l-17.735.663L1.288 2.32z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#wgztsj4tre)" d="M1.288 2.32l8.377-.594 4.868-.466s23.026.033 29.672.259c0 0 5.526-1.257 7.027-1.296 1.502-.039 4.407 1.5 4.407 1.5l10.556.778s-4.84.944-8.525.902l3.542.672c-.67.286-1.43.5-2.238.632-1.405.239-11.974.415-16.98.384-5.006-.031-7.212-1.016-7.212-1.016l2.303-.49-2.708-.182s-8.202.81-11.334.864c-2.402-.004-4.8-.13-7.16-.379l-.3-.601S7.077 3.025 1.288 2.32z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#l0o3yevp8f)" d="M13.598 3.78V7.93l-4.624.714s-.202.084-.714 1.26c-.51 1.175-2.864 4.134-2.864 4.134l-2.142.214 1.718 3.501s2.473.021 3.459.58c.985.558 3.164 2.22 3.164 2.22l1.307 3.27s1.308-6.044 1.382-6.997c.074-.953 1.359-5.038 1.16-5.751-.197-.714.079-3.396.079-3.396l.36-2.813s6.7.84 7.4 1.066c.7.227 1.004 2.783 1.004 2.783l2.302 4.799-2.579 7.018.995 5.945.313 4.47 3.638 9.458 2.879-1.994s2.358-15.532 2.528-16.241c.17-.71-.64-2.385-.64-2.385l1.147-7.296-.11-7.317 2.302-.793-2.708-.294s-8.501 1.159-9.91 1.28c-1.41.122-8.576-1.09-8.576-1.09l4.297-.954-6.567.458z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#b64d8mqseg)" d="M50.353 5.096l5.742.54-.92 1.233-2.488 3.37-3.002 1.607-3.367.702-2.615 1.037h2.27l-.175 1.369-1.22 3.26-.06 2.333 1.64-.635s6.023-5.762 8.533-8.056c0 0 4.177-.726 4.605-1.171.428-.446 6.337-6.654 6.876-8.186l-8.502.904 3.542.672c-1.331.337-2.72.598-4.145.777-1.672.143-6.714.244-6.714.244z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#41A997" d="M44.205 1.509l-1.843.518s1.354.171 2.137.295c.783.125 5.098-.072 5.863-.197.764-.124 3.601-.611 3.601-.611l.152-.5S51.997-.053 51.352.004c-.645.057-6.028 1.195-7.147 1.504z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#10001D" d="M55.902 1.744l-1.796.573-2.814.04h-5.987s4.606-.224 5.3-.307c.696-.083 3.354-.541 3.354-.541l.152-.5 1.791.735z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#000" d="M13.598 5.78L15.532 8.336 15.868 3.523 20.165 2.932 13.598 3.217zM57.67 3.403l3.542.672-1.53 6.241S64.437 5.21 66.2 2.5l-8.529.904zM24.443 4.194L28.956 6.662 31.747 8.336 32.314 9.767 34.819 8.87 34.778 4.075 37.076 3.585 34.363 3.403z" transform="translate(44 7) translate(601.601 38.02)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#sspk7fe7zh)" d="M.774 2.25S.052 5.812.128 6.662c.075.85 1.72 2.74 1.72 2.74s1.719 3.7 2.262 5.51c.543 1.81 2.405 4.112 2.405 4.112s6.393 6.667 8.319 6.584c.882-.038 4.429-3.645 5.573-3.645 3.041 0 4.861-2.637 4.861-2.637s4.294-7.456 4.668-7.825c.375-.37 2.514-1.137 2.514-1.137s3.48-6.284 3.753-7.938l-9.68.397L.773 2.25z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#jyyij6um3i)" d="M.774 2.25l4.572-.576 2.658-.452s12.569.032 16.196.251c0 0 3.016-1.22 3.836-1.257.82-.038 2.406 1.456 2.406 1.456l5.761.754s-2.642.915-4.653.875l1.933.65c-.366.279-.78.487-1.221.614-.767.231-6.536.402-9.269.372-2.732-.03-3.936-.985-3.936-.985l1.257-.475-1.479-.176s-4.477.784-6.186.837c-1.311-.004-2.62-.126-3.909-.367l-.163-.584S3.934 2.934.774 2.25z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#oavjf0rejj)" d="M7.493 3.12v2.486l-2.524.427s-.11.05-.39.754c-.278.704-1.563 2.476-1.563 2.476l-1.169.129.938 2.096s1.35.013 1.888.347c.538.334 1.727 1.33 1.727 1.33l.714 1.958s.714-3.62.754-4.19c.04-.571.741-3.017.633-3.444-.108-.428.043-2.034.043-2.034L8.74 3.77s3.658.502 4.04.638c.382.136.548 1.667.548 1.667l1.257 2.873-1.408 4.203.543 3.56.17 2.677 1.987 5.663 1.57-1.194s1.288-9.3 1.38-9.725c.094-.425-.348-1.428-.348-1.428l.625-4.37-.06-4.38 1.257-.476-1.478-.176s-4.64.694-5.41.767c-.769.073-4.68-.654-4.68-.654l2.345-.57-3.585.274z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#hnn47l0khk)" d="M27.556 4.942l3.135.523-.503 1.197-1.358 3.267-1.639 1.559-1.837.681-1.428 1.006h1.24l-.096 1.327-.666 3.162-.033 2.263.895-.616s3.288-5.588 4.658-7.813c0 0 2.28-.704 2.514-1.136.233-.433 3.459-6.453 3.753-7.939l-4.64.878 1.932.65c-.726.328-1.484.58-2.262.755-.913.138-3.665.236-3.665.236z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#211941" d="M24.2 1.463l-1.006.503s.74.166 1.167.286c.427.121 2.783-.07 3.2-.19.417-.121 1.966-.594 1.966-.594l.083-.485S28.453-.05 28.1.005c-.352.055-3.29 1.159-3.901 1.458z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#10001D" d="M30.585 1.692l-.98.555-1.536.038H24.8s2.514-.216 2.893-.297c.38-.08 1.83-.525 1.83-.525l.083-.485.978.714z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#000" d="M7.493 5.606L8.549 8.084 8.733 3.416 11.078 2.843 7.493 3.12zM31.55 3.3l1.933.652-.834 6.053s2.594-4.952 3.557-7.582l-4.656.878zM13.413 4.067L15.877 6.46 17.4 8.084 17.709 9.472 19.077 8.602 19.054 3.952 20.309 3.477 18.828 3.301z" transform="translate(44 7) translate(578.876 45.333)"/>
+                    </g>
+                    <g opacity=".6">
+                        <path fill="url(#cf1gyjea5l)" d="M.357 1.037S.024 2.678.059 3.07C.094 3.46.85 4.332.85 4.332s.792 1.705 1.043 2.54c.25.833 1.108 1.894 1.108 1.894s2.946 3.072 3.833 3.034c.407-.018 2.041-1.68 2.568-1.68 1.402 0 2.24-1.215 2.24-1.215S13.622 5.47 13.794 5.3c.173-.17 1.159-.523 1.159-.523s1.603-2.896 1.729-3.658l-4.46.183L.356 1.037z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#8dyiel8rlm)" d="M.357 1.037L2.464.77 3.688.563s5.791.015 7.463.116c0 0 1.39-.562 1.768-.58.377-.017 1.108.671 1.108.671l2.655.348s-1.217.421-2.144.403l.89.3c-.168.128-.359.224-.562.283-.354.106-3.012.185-4.271.17-1.26-.013-1.814-.453-1.814-.453l.58-.219-.682-.081s-2.063.361-2.85.386c-.605-.002-1.208-.059-1.802-.17l-.075-.268s-2.14-.117-3.595-.432z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#y55t7orr6n)" d="M3.453 1.437v1.146L2.29 2.78s-.051.023-.18.347c-.128.325-.72 1.141-.72 1.141l-.539.06.432.966s.622.005.87.16c.248.153.796.612.796.612l.329.902s.329-1.668.347-1.93c.019-.263.342-1.39.292-1.587-.05-.197.02-.937.02-.937l.09-.777s1.686.232 1.862.295c.176.062.252.768.252.768l.58 1.324-.65 1.936.25 1.64.08 1.234.915 2.61.724-.55s.593-4.286.636-4.482c.042-.196-.161-.658-.161-.658l.288-2.013-.028-2.019.58-.219-.682-.081s-2.138.32-2.492.353c-.355.034-2.157-.3-2.157-.3l1.08-.264-1.651.126z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#b4d4xh294o)" d="M12.697 2.277l1.445.241-.232.552-.625 1.505-.756.719-.846.313-.658.464h.57l-.043.611-.307 1.457-.015 1.043.412-.284s1.515-2.575 2.146-3.6c0 0 1.051-.324 1.159-.523.107-.2 1.594-2.974 1.73-3.658l-2.14.404.892.3c-.335.15-.685.267-1.043.347-.42.064-1.689.11-1.689.11z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#5E48B5" d="M11.15.674l-.462.232s.34.076.537.132c.197.055 1.282-.033 1.475-.088.192-.056.905-.274.905-.274l.039-.223s-.533-.476-.695-.45c-.163.025-1.517.533-1.798.671z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#10001D" d="M14.093.78l-.452.256-.707.017h-1.506s1.158-.1 1.333-.137c.175-.037.843-.242.843-.242l.038-.223.451.329z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#000" d="M3.453 2.583L3.939 3.725 4.024 1.574 5.105 1.31 3.453 1.437zM14.538 1.52l.89.3-.384 2.79s1.195-2.282 1.64-3.493l-2.146.404zM6.181 1.874L7.316 2.977 8.018 3.725 8.16 4.365 8.79 3.964 8.78 1.821 9.358 1.602 8.676 1.521z" transform="translate(44 7) translate(562 26.143)"/>
+                    </g>
+                    <g opacity=".267">
+                        <path fill="url(#i3nv7a2dip)" d="M.691 1.938s-.38 1.83-.34 2.267c.04.436.905 1.407.905 1.407s.906 1.901 1.192 2.831c.286.93 1.266 2.113 1.266 2.113s3.367 3.425 4.38 3.382c.465-.02 2.333-1.873 2.935-1.873 1.602 0 2.56-1.354 2.56-1.354s2.262-3.83 2.459-4.02c.197-.19 1.324-.584 1.324-.584s1.832-3.229 1.976-4.078l-5.098.204L.691 1.938z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#8s36mh4trq)" d="M.348 1.8l2.323-.244 1.35-.192s6.386.014 8.229.107c0 0 1.532-.516 1.948-.532.417-.016 1.223.616 1.223.616l2.927.319s-1.342.387-2.364.37l.982.276c-.186.117-.396.205-.62.26-.39.097-3.321.17-4.71.157-1.388-.013-2-.417-2-.417l.64-.201-.752-.075s-2.274.332-3.143.355c-.666-.002-1.33-.054-1.986-.156l-.083-.247S1.953 2.09.348 1.8z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#abvwsgco1r)" d="M3.407 2.086V3.43l-1.367.23s-.06.028-.211.408C1.677 4.448.98 5.406.98 5.406l-.633.07.508 1.132s.732.007 1.023.188c.292.18.936.719.936.719l.387 1.058s.387-1.956.408-2.265c.022-.308.402-1.63.344-1.86-.059-.232.023-1.1.023-1.1l.106-.91s1.982.272 2.19.345c.206.074.296.9.296.9l.681 1.554-.763 2.27.295 1.924.092 1.447 1.076 3.06.852-.645s.697-5.026.748-5.255c.05-.23-.19-.772-.19-.772l.34-2.36-.033-2.369.68-.256-.8-.095s-2.515.374-2.932.414c-.416.04-2.536-.353-2.536-.353l1.271-.309-1.943.148z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#t0qj2e140s)" d="M14.124 3.233l1.533.27-.246.615-.664 1.68-.802.801-.899.35-.698.518h.606l-.047.682-.325 1.626-.016 1.163.437-.316s1.609-2.874 2.28-4.018c0 0 1.115-.361 1.229-.584.114-.222 1.692-3.318 1.836-4.082l-2.27.451.945.335c-.355.168-.726.298-1.106.388-.447.071-1.793.121-1.793.121z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#09080F" d="M12.818 1.577l-.47.22s.346.072.545.125c.2.052 1.302-.031 1.497-.084.195-.053.92-.26.92-.26l.038-.211s-.54-.452-.705-.428c-.165.024-1.54.507-1.825.638z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#10001D" d="M15.348 1.485l-.509.425-.796.028h-1.695s1.304-.165 1.5-.227c.197-.061.95-.401.95-.401l.043-.372.507.547z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#000" d="M3.348 3.52L3.937 4.938 4.039 2.266 5.348 1.938 3.348 2.097zM16.348 2.401l.83.344-.358 3.193s1.114-2.612 1.528-4l-2 .463zM6.348 3.311L7.777 4.474 8.661 5.264 8.84 5.938 9.633 5.516 9.62 3.255 10.348 3.024 9.489 2.938z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#vphc7s164t)" d="M.546 1.588S.037 4.103.09 4.702c.053.6 1.214 1.934 1.214 1.934s1.214 2.612 1.597 3.89 1.698 2.903 1.698 2.903 4.512 4.706 5.872 4.647c.623-.026 3.126-2.573 3.934-2.573 2.147 0 3.431-1.861 3.431-1.861s3.031-5.263 3.296-5.524c.264-.26 1.774-.802 1.774-.802s2.456-4.436 2.65-5.604l-6.834.28L.546 1.589z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#exocl9o2iu)" d="M.546 1.588l3.228-.406L5.65.862s8.872.023 11.432.178c0 0 2.13-.86 2.708-.887.579-.027 1.698 1.027 1.698 1.027l4.067.532s-1.865.646-3.284.618l1.364.46c-.258.196-.55.342-.862.432-.541.164-4.614.284-6.542.263-1.93-.021-2.78-.696-2.78-.696l.888-.335-1.043-.124s-3.16.553-4.367.59c-.926-.002-1.85-.088-2.76-.258l-.115-.412S2.777 2.07.546 1.588z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#3h6hw8hybv)" d="M5.29 2.202v1.755l-1.782.302s-.078.035-.275.532-1.104 1.748-1.104 1.748l-.825.09.662 1.48s.953.01 1.332.245c.38.236 1.22.939 1.22.939l.503 1.382s.504-2.555.533-2.958c.028-.403.523-2.13.447-2.43-.076-.303.03-1.436.03-1.436l.138-1.19s2.582.356 2.852.451c.27.096.387 1.177.387 1.177l.887 2.028-.994 2.967.384 2.513.12 1.89 1.402 3.997 1.11-.843s.908-6.565.973-6.865c.066-.3-.246-1.008-.246-1.008l.441-3.084-.042-3.093.887-.335-1.043-.124s-3.276.49-3.819.54c-.543.052-3.304-.46-3.304-.46l1.656-.403-2.53.193z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#hfblkyayww)" d="M19.451 3.489l2.213.369-.355.844-.958 2.307-1.157 1.1-1.297.481-1.008.71h.875l-.068.937-.47 2.232-.023 1.597.632-.435s2.32-3.944 3.288-5.515c0 0 1.61-.497 1.774-.802.165-.305 2.442-4.555 2.65-5.603l-3.276.619 1.364.46c-.513.23-1.048.409-1.597.532-.644.097-2.587.167-2.587.167z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#09080F" d="M17.082 1.033l-.71.355s.522.117.824.202c.302.085 1.964-.05 2.259-.135.294-.085 1.387-.419 1.387-.419l.059-.342s-.816-.73-1.065-.69c-.248.039-2.323.818-2.754 1.029z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#10001D" d="M21.59 1.194l-.693.392-1.084.027h-2.307s1.775-.153 2.043-.21c.268-.056 1.292-.37 1.292-.37l.058-.343.69.504z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#000" d="M5.289 3.957L6.035 5.707 6.164 2.411 7.82 2.007 5.289 2.202zM22.27 2.33l1.365.46-.589 4.272s1.831-3.495 2.511-5.351l-3.286.619zM9.468 2.871L11.207 4.56 12.282 5.707 12.501 6.686 13.466 6.072 13.45 2.789 14.335 2.454 13.29 2.33z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#ojgcxiumvx)" d="M1.177 3.42S.08 8.837.194 10.129c.115 1.292 2.614 4.166 2.614 4.166s2.615 5.626 3.44 8.377c.826 2.752 3.658 6.253 3.658 6.253s9.719 10.136 12.646 10.01c1.342-.058 6.734-5.542 8.473-5.542 4.625 0 7.392-4.01 7.392-4.01s6.528-11.335 7.097-11.897c.57-.562 3.822-1.727 3.822-1.727s5.29-9.555 5.706-12.07l-14.718.604-39.147-.871z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#j7rdft0kay)" d="M1.177 3.42l6.952-.875 4.04-.688s19.109.05 24.624.383c0 0 4.586-1.854 5.832-1.911 1.246-.058 3.657 2.213 3.657 2.213l8.76 1.146s-4.017 1.391-7.074 1.33l2.939.99c-.557.423-1.186.739-1.858.933-1.165.351-9.936.611-14.09.565-4.155-.046-5.986-1.498-5.986-1.498l1.911-.722-2.247-.268S21.83 6.211 19.23 6.291c-1.994-.005-3.983-.192-5.943-.558l-.248-.887S5.98 4.46 1.177 3.421z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#pqhmsfn8dz)" d="M11.392 4.743v3.78l-3.837.65s-.168.076-.592 1.146c-.424 1.07-2.377 3.765-2.377 3.765l-1.778.195 1.426 3.187s2.052.02 2.87.527c.818.509 2.626 2.022 2.626 2.022l1.085 2.977s1.086-5.503 1.147-6.37c.061-.868 1.127-4.587.963-5.237-.164-.65.065-3.092.065-3.092l.298-2.56s5.56.764 6.142.97c.58.207.833 2.534.833 2.534l1.911 4.369-2.14 6.39.825 5.412.26 4.07 3.02 8.61 2.388-1.815s1.957-14.14 2.098-14.786c.142-.646-.531-2.171-.531-2.171l.952-6.643-.092-6.661 1.91-.723-2.246-.267s-7.056 1.055-8.225 1.166c-1.17.11-7.116-.994-7.116-.994l3.565-.868-5.45.417z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#2gooc57ksA)" d="M41.895 7.514l4.766.795-.765 1.819-2.063 4.968-2.492 2.37-2.794 1.036-2.17 1.528h1.883l-.145 2.018-1.013 4.808-.05 3.44 1.361-.936s5-8.496 7.082-11.879c0 0 3.466-1.07 3.822-1.727.355-.658 5.259-9.811 5.706-12.07l-7.055 1.334 2.939.99c-1.105.497-2.257.882-3.44 1.147-1.387.21-5.572.359-5.572.359z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#09080F" d="M36.793 2.224l-1.53.765s1.125.252 1.774.435c.65.184 4.231-.107 4.865-.29.635-.184 2.99-.902 2.99-.902l.125-.738S43.26-.076 42.724.008c-.535.084-5.003 1.762-5.931 2.216z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#10001D" d="M46.5 2.572l-1.49.845-2.335.057h-4.969s3.822-.329 4.399-.45c.577-.123 2.782-.8 2.782-.8l.126-.737L46.5 2.572z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#000" d="M11.392 8.523L12.998 12.291 13.277 5.194 16.842 4.323 11.392 4.743zM47.968 5.018l2.939.99-1.269 9.203s3.944-7.529 5.408-11.527l-7.078 1.334zM20.393 6.184L24.138 9.822 26.454 12.291 26.925 14.401 29.004 13.078 28.969 6.008 30.876 5.286 28.625 5.018z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                    </g>
+                    <g fill-rule="nonzero">
+                        <path fill="#05FF8F" d="M39.271.98L21.097 34.888l-4.553-.166L.21 0l4.553.167 6.903.166 6.357.148 1.606 3.413L21.448.5l4.553.166 6.367.148 6.903.167z" filter="url(#nvpsnqwirB)" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) matrix(-1 0 0 1 39.482 0)"/>
+                        <g>
+                            <path fill="#1F3A2E" d="M21.589 8.504L17.046 8.329 21.238 0.5 25.791 0.666z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#385F86" d="M32.157 0.814L21.256 21.164 11.456 0.333 17.814 0.481 21.589 8.504 25.791 0.666z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#1F3A2E" d="M20.886 34.887L16.333 34.721 0 0 4.553 0.167z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#53FFB3" d="M39.061 0.981L20.886 34.887 4.553 0.167 11.456 0.333 21.256 21.164 32.157 0.814z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/Layout.vue
index b0a22d223..4a48b64dc 100644
--- a/docs/.vuepress/theme/Layout.vue
+++ b/docs/.vuepress/theme/Layout.vue
@@ -145,13 +145,13 @@ export default {
       this.isSidebarOpen = false
     })
 
-    this.showTopBanner = !localStorage.getItem('VS_BANNER_CLOSED')
+    this.showTopBanner = !localStorage.getItem('VS_OFFER_BANNER_CLOSED')
   },
 
   methods: {
     closeBannerTop () {
       this.showTopBanner = false
-      localStorage.setItem('VS_BANNER_CLOSED', 1)
+      localStorage.setItem('VS_OFFER_BANNER_CLOSED', 1)
     },
 
     toggleSidebar (to) {
diff --git a/docs/.vuepress/theme/components/BannerTop.vue b/docs/.vuepress/theme/components/BannerTop.vue
index 6661db478..b717670d6 100644
--- a/docs/.vuepress/theme/components/BannerTop.vue
+++ b/docs/.vuepress/theme/components/BannerTop.vue
@@ -1,5 +1,5 @@
 <template>
-  <a id="vs" href="https://vueschool.io/free-weekend?friend=vuerouter" target="_blank" rel="noreferrer">
+  <a id="vs" href="https://vueschool.io/the-vuejs-master-class/?friend=vuerouter#plans" target="_blank" rel="noreferrer">
     <div class="vs-iso">
       <img src="/images/vueschool/vs-iso.svg" alt="Vue School Logo">
     </div>
@@ -9,15 +9,15 @@
     <div class="vs-core">
       <div class="vs-slogan">
         <div class="vs-slogan-up">
-           VUE 3 MASTERCLASS - FREE WEEKEND
+           LEARN VUE AT VUE SCHOOL
         </div>
         <div class="vs-slogan-down">
-          Register at <strong>vueschool.io/free-weekend</strong>
+          Register today and get <strong>20% OFF</strong>
         </div>
       </div>
       <div class="vs-button">
         <div class="vs-button-inside">
-          <img src="/images/vueschool/free-access.svg" alt="Free Access">
+          <img src="/images/vueschool/learn-more.svg" alt="Learn More">
         </div>
       </div>
     </div>
@@ -30,6 +30,7 @@
   </a>
 </template>
 
+
 <style lang="stylus">
 $topBannerHeight ?= 5rem
 $topBannerHeightMobile ?= 3.125rem
@@ -56,13 +57,13 @@ $contentClass = '.theme-default-content'
   right: 0
   top: 0
   z-index: 100
-  background-image: url(/images/vueschool/vs-banner-bg-mobile.svg)
+  background-image: url(/images/vueschool/vs-banner-bg-mobile-2.svg)
   height: $topBannerHeightMobile
   @media (min-width: 680px)
     height: $topBannerHeight
-    background-image: url(/images/vueschool/vs-banner-bg-tablet.svg)
+    background-image: url(/images/vueschool/vs-banner-bg-tablet-2.svg)
   @media (min-width: 900px)
-    background-image: url(/images/vueschool/vs-banner-bg-desktop.svg)
+    background-image: url(/images/vueschool/vs-banner-bg-desktop-2.svg)
   &:hover
     .vs-core
       .vs-button
@@ -107,10 +108,12 @@ $contentClass = '.theme-default-content'
       .vs-slogan-down
         color: #fff
         font-size: 12px
+        padding-top: 2px
         @media (min-width: 680px)
           font-size: 16px
         strong
-          color: #48a0ff
+          color: #fff
+          font-weight: bold
 
     .vs-button
       margin-left: 43px
@@ -125,10 +128,10 @@ $contentClass = '.theme-default-content'
         border-radius: 40px
         background: linear-gradient(#dc61da, #b349b0)
         transition: all .25s ease-in
-        padding: 17px 27px
+        padding: 12px 24px 8px
         line-height: 0
         @media (min-width: 680px)
-          padding: 13px 24px
+          padding: 12px 24px 8px
       &.vs-button-alt
         background: linear-gradient(to bottom, #ffcc38, #ffd13d)
         .vs-button-inside