Add link to Minecraft World render on /minecraft page (#38)

* Delete vercel.json

* Add link to server map

* Updates imports and mc map link

* Add link color

* Move live map link to pre-existing card

* Shorten text for online map

* Update online mc map text

* Fixing exclamation mark for mc page

* Update mc map text

* Revert "Delete vercel.json"

This reverts commit ebefb296962e399db289915e9e5d0e347e3f9f5a.

* Simplify code

Co-authored-by: Lachlan Campbell <lachlan@hackclub.com>

pages/minecraft.js

@@ -6,11 +6,12 @@ import {
   Grid,
   Heading,
   Image,
+  Link,
   Text
 } from 'theme-ui'
 import Meta from '@hackclub/meta'
 import Head from 'next/head'
-import Link from 'next/link'
+import NextLink from 'next/link'
 import Nav from '../components/nav'
 import SlideDown from '../components/slide-down'
 import FadeIn from '../components/fade-in'
@@ -73,7 +74,10 @@ export default () => (
             </Heading>
             <Text as="p">
               Hang out with the tree-punchers of Hack&nbsp;Club playing on the
-              official server, mc.hackclub.com.
+              official server, mc.hackclub.com.{' '}
+              <Link href="https://vmc.hackclub.com/map/" color="#759B40">
+                Check out the map »
+              </Link>
             </Text>
           </Card>
           <Card>
@@ -99,7 +103,7 @@ export default () => (
               Chat in #minecraft on Slack
             </Heading>
             <Text as="p">Hundreds of players around the world.</Text>
-            <Link href="/slack" passHref>
+            <NextLink href="/slack" passHref>
               <Button
                 as="a"
                 sx={{
@@ -110,7 +114,7 @@ export default () => (
                 <Icon glyph="slack-fill" size={24} />
                 Join our Slack
               </Button>
-            </Link>
+            </NextLink>
           </Card>
         </Grid>
       </FadeIn>