Merge pull request #65 from chakra-ui/docs/cleanup-homepage

Docs: Clean-up homepage

Author: codebender828

website/src/components/Navbar.vue

@@ -60,7 +60,7 @@
           aria-label="View GitHub"
           target="_blank"
           rel="noopener noreferrer"
-          href="https://github.com/chakra-ui/chakra-ui-vue"
+          href="https://github.com/chakra-ui/chakra-ui-vue-next"
           icon="github"
         />
       </CBox>

website/src/components/NavbarPopper.vue

@@ -9,6 +9,7 @@
     bg="discord.accessible"
     :h="['auto', 'auto', 'auto', 40]"
     :px="[4, 10, 12]"
+    :mt="[4, 10, 10]"
   >
     <CFlex
       flex-dir="row"

website/src/components/home/DiscordHero.vue

@@ -10,7 +10,7 @@
       aria-label="View GitHub"
       target="_blank"
       rel="noopener noreferrer"
-      href="https://github.com/chakra-ui/chakra-ui-vue"
+      href="https://github.com/chakra-ui/chakra-ui-vue-next"
       :_hover="{ color: 'vue.500' }"
       mx="4"
     >

website/src/components/home/Footer.vue

@@ -97,7 +97,7 @@
         shadow="search"
         :font-size="{ base: 'lg', md: '2xl' }"
       >
-        yarn add @chakra-ui/vue-next
+        {{ installCode }}
       </c-code>
     </c-flex>
     <!-- Will hide for now -->

website/src/components/home/Hero.vue

@@ -1,5 +1,5 @@
 <template>
-  <chakra.div :mx="[0, 10, 12]" :mt="[4, 10, 10]" shadow="2xl" bg="white">
+  <chakra.div :mx="[0, 10, 12]" shadow="2xl" bg="white">
     <chakra.div pt="10" :px="{ base: '3', sm: '10' }">
       <chakra.h1
         maxW="16ch"

website/src/components/SandboxExample.vue renamed to website/src/components/home/SandboxExample.vue

@@ -16,7 +16,7 @@ import Hero from '../components/home/Hero.vue'
 import PilersHero from '../components/home/PilersHero.vue'
 import Navbar from '../components/Navbar.vue'
 import Footer from '../components/home/Footer.vue'
-import SandboxExample from '../components/SandboxExample.vue'
+import SandboxExample from '../components/home/SandboxExample.vue'
 import DiscordHero from '../components/home/DiscordHero.vue'
 // import Features from '../components/home/Features.vue'