[feat] add 404

Signed-off-by: Muthu Kumar <muthukumar@thefeathers.in>

src/App.js

@@ -3,6 +3,7 @@ import { Router } from "@reach/router";
 import Home from "./pages/Home";
 import Exp from "./pages/Exp";
 import Projects from "./pages/Projects";
+import NotFound from "./pages/404";
 
 function App() {
 	return (
@@ -10,6 +11,8 @@ function App() {
 			<Home path="/" />
 			<Exp path="/experience" />
 			<Projects path="/projects" />
+
+			<NotFound path="*" />
 		</Router>
 	);
 }

src/index.css

@@ -50,3 +50,11 @@ h1 {
 h2 {
 	font-size: 3rem;
 }
+
+a {
+	color: white;
+}
+
+a:hover {
+	color: var(--primary-color);
+}

src/pages/404.js

@@ -0,0 +1,28 @@
+import { css } from "emotion";
+import Container from "../components/Container";
+import Heading from "../components/Heading";
+
+const Dashed = props => (
+	<span
+		className={css`
+			border-bottom: 1px dashed #fff;
+		`}>
+		{props.children}
+	</span>
+);
+
+function Home() {
+	return (
+		<Container>
+			<Heading>Nothing here</Heading>
+			<p>
+				404. Back to{" "}
+				<b>
+					<a href="/">MKRhere?</a>
+				</b>
+			</p>
+		</Container>
+	);
+}
+
+export default Home;