diff --git a/pages/404.tsx b/pages/404.tsx
new file mode 100644
index 0000000..7840be2
--- /dev/null
+++ b/pages/404.tsx
@@ -0,0 +1,68 @@
+import { FC } from 'react';
+import { useRouter } from 'next/router';
+import styled from 'styled-components';
+import Head from 'next/head';
+import IconButton from '../components/IconButton';
+
+const Wrapper = styled.div`
+ min-height: 75vh;
+ display: grid;
+ justify-items: center;
+ text-align: center;
+
+ @media (max-width: 768px) {
+ min-height: 65vh;
+ }
+
+ h1 {
+ font-size: 1.7rem;
+ align-self: flex-end;
+ }
+
+ .back {
+ cursor: pointer;
+ color: #3f9aee;
+ display: flex;
+ align-items: center;
+ align-self: flex-start;
+ }
+`;
+
+const NotFound: FC = () => {
+ const router = useRouter();
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ 404 Not Found | Hazem Krimi
+
+
+ 404: This page could not be found
+ router.back()}>
+
+ Go Back
+
+
+
+ );
+};
+
+export default NotFound;