From e3b7156f909e4b2f4820a151de186262a5b88408 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Wed, 29 Jun 2022 17:36:21 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9A=92=EF=B8=8F=20Create=20404=20page.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/404.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 4765f06..c06381b 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,9 +1,21 @@
-import React from "react";
+import CustomLink from "@/common/link";
+import { Flex, Center, Heading, Text, Button } from "@chakra-ui/react";
+import { House } from "phosphor-react";
 
-type Props = {};
-
-const Error = (props: Props) => {
-  return <div>Error 404</div>;
+const Error = () => {
+  return (
+    <>
+      <Center>
+        <Flex direction="column" justifyContent="center" alignItems="center">
+          <Heading mb="2">Error 404</Heading>
+          <Text mb="3">The page you are trying to access does not exist.</Text>
+          <CustomLink href="/">
+              <Text fontFamily="Inter-Semibold">Go home</Text>
+          </CustomLink>
+        </Flex>
+      </Center>
+    </>
+  );
 };
 
 export default Error;