diff --git a/components/FloatingElement.tsx b/components/FloatingElement.jsx
similarity index 100%
rename from components/FloatingElement.tsx
rename to components/FloatingElement.jsx
diff --git a/components/Layout.tsx b/components/Layout.tsx
index 6c952cf..79da57c 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -1,5 +1,4 @@
 import React, { ReactNode } from 'react'
-import Link from 'next/link'
 import Head from 'next/head'
 
 type Props = {
@@ -19,8 +18,8 @@ const Layout = ({ children, title = 'This is the default title' }: Props) => (
       <nav>
         <img src="/mango.svg" />
         <a href="/">Mango Markets</a>
-        <a href="/trade">Trade</a>
-        <a href="/stats">Stats</a>
+        <a href="https://trade.mango.markets">Trade</a>
+        <a href="https://trade.mango.markets/#/stats">Stats</a>
         <a href="https://www.notion.so/Mango-Markets-8de7c02f243240769b917c6a500d8693">Help</a>
         <a href="https://medium.com/blockworks-foundation">Blog</a>
       </nav>
diff --git a/components/Logo.tsx b/components/Logo.tsx
index 0ada047..2c00c8e 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -2,7 +2,7 @@ export default function Logo() {
   return (
   <>
     <img height="40px" width="40px" src="/mango.png" />
-    <span style={{ fontWeight: '700', marginRight: '1em' }}>
+    <span style={{ fontWeight: 700, marginRight: '1em' }}>
       Mango Markets
     </span>
   </>);
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index faf0f25..fd3ca03 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -1,4 +1,4 @@
-import { Image, Menu } from "antd";
+import { Menu } from "antd";
 import Logo from "./Logo";
 
 export default function Navigation() {
diff --git a/components/StatsPanel.tsx b/components/StatsPanel.jsx
similarity index 100%
rename from components/StatsPanel.tsx
rename to components/StatsPanel.jsx
diff --git a/package.json b/package.json
index db4de09..3095a64 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@types/node": "^12.12.21",
     "@types/react": "^16.9.16",
     "@types/react-dom": "^16.9.4",
+    "@types/styled-components": "^5.1.7",
     "typescript": "4.0",
     "webpack": "^4.44.2"
   },
diff --git a/pages/index.tsx b/pages/index.tsx
index fa468eb..0fbbe8f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,10 +1,10 @@
 import Head from 'next/head'
-import { Divider, Button, Layout, Space, Row, Col, Image } from 'antd';
+import { Divider, Button, Layout, Row, Col } from 'antd';
 import Logo from '../components/Logo';
 import Navigation from '../components/Navigation';
 import StatsPanel from '../components/StatsPanel';
 
-const { Header, Footer, Sider, Content } = Layout;
+const { Header, Footer, Content } = Layout;
 
 const IndexPage = () => (
   <>
diff --git a/tsconfig.json b/tsconfig.json
index c65399c..d4b28a1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,6 +11,7 @@
     "moduleResolution": "node",
     "noEmit": true,
     "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "resolveJsonModule": true,
diff --git a/utils/sample-data.ts b/utils/sample-data.ts
deleted file mode 100644
index 1dd38ec..0000000
--- a/utils/sample-data.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { User } from '../interfaces'
-
-/** Dummy user data. */
-export const sampleUserData: User[] = [
-  { id: 101, name: 'Alice' },
-  { id: 102, name: 'Bob' },
-  { id: 103, name: 'Caroline' },
-  { id: 104, name: 'Dave' },
-]
diff --git a/yarn.lock b/yarn.lock
index bc70e43..c2d5915 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -399,6 +399,14 @@
     "@types/qs" "*"
     "@types/range-parser" "*"
 
+"@types/hoist-non-react-statics@*":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
 "@types/json-schema@^7.0.6":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
@@ -441,6 +449,14 @@
   dependencies:
     "@types/react" "^16"
 
+"@types/react@*":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.2.tgz#3de24c4efef902dd9795a49c75f760cbe4f7a5a8"
+  integrity sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
 "@types/react@^16", "@types/react@^16.9.16":
   version "16.14.4"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.4.tgz#365f6a1e117d1eec960ba792c7e1e91ecad38e6f"
@@ -449,6 +465,15 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
+"@types/styled-components@^5.1.7":
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.7.tgz#3cd10b088c1cb1acde2e4b166b3e8275a3083710"
+  integrity sha512-BJzPhFygYspyefAGFZTZ/8lCEY4Tk+Iqktvnko3xmJf9LrLqs3+grxPeU3O0zLl6yjbYBopD0/VikbHgXDbJtA==
+  dependencies:
+    "@types/hoist-non-react-statics" "*"
+    "@types/react" "*"
+    csstype "^3.0.2"
+
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
@@ -2472,7 +2497,7 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==