Landing page deeper links (#1291)

* Added new dashboard links to index.ts

packages/web/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, Text, VStack } from '@metafam/ds';
+import { Box, Button, Text, Tooltip, VStack } from '@metafam/ds';
 import { PageContainer } from 'components/Container';
 import { Build } from 'components/Landing/Build';
 import { Game } from 'components/Landing/Game';
@@ -14,7 +14,14 @@ import { HeadComponent } from 'components/Seo';
 // import { ScrollTrigger } from 'gsap/dist/ScrollTrigger';
 import { useRouter } from 'next/router';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { FaDiscord, FaGithub, FaTwitter } from 'react-icons/fa';
+import {
+  FaDiscord,
+  FaGithub,
+  FaHome,
+  FaTrophy,
+  FaTwitter,
+  FaUserCircle,
+} from 'react-icons/fa';
 
 export const getStaticProps = async () => ({
   props: {
@@ -171,23 +178,47 @@ export const Socials: React.FC = () => (
       },
     }}
   >
-    <Text
-      as="span"
-      sx={{
-        flex: 1,
-        transform: ' translateY(40px) rotate(-90deg)',
-      }}
-    >
-      Follow us
-    </Text>
-    <MetaLink href="https://github.com/metafam" isExternal>
-      <FaGithub />
+    <MetaLink href="https://github.com/metafam" my={3} isExternal>
+      <Tooltip label="Github" hasArrow placement="right">
+        <Box as="span">
+          <FaGithub />
+        </Box>
+      </Tooltip>
     </MetaLink>
     <MetaLink href="https://discord.com/invite/metagame" isExternal>
-      <FaDiscord />
+      <Tooltip label="Discord" hasArrow placement="right">
+        <Box as="span">
+          <FaDiscord />
+        </Box>
+      </Tooltip>
     </MetaLink>
     <MetaLink href="https://twitter.com/metafam" isExternal>
-      <FaTwitter />
+      <Tooltip label="Twitter" hasArrow placement="right">
+        <Box as="span">
+          <FaTwitter />
+        </Box>
+      </Tooltip>
+    </MetaLink>
+    <MetaLink href="/players">
+      <Tooltip label="Leaderboard" hasArrow placement="right">
+        <Box as="span">
+          <FaTrophy />
+        </Box>
+      </Tooltip>
+    </MetaLink>
+    <MetaLink href="/dashboard">
+      <Tooltip label="Dashboard" hasArrow placement="right">
+        <Box as="span">
+          <FaHome />
+        </Box>
+      </Tooltip>
+    </MetaLink>
+    <MetaLink href="/me">
+      <Tooltip label="Player Profile" hasArrow placement="right">
+        <Box as="span">
+          <FaUserCircle />
+        </Box>
+      </Tooltip>
     </MetaLink>
   </VStack>
 );