⚒️ Create 404 page.

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 = () => {
-
+  return (
-const Error = (props: Props) => {
+    <>
-  return <div>Error 404</div>;
+      <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;