diff --git a/pages/404.tsx b/pages/404.tsx index 8a357fb51..f267c6de9 100644 --- a/pages/404.tsx +++ b/pages/404.tsx @@ -1,11 +1,10 @@ -import { Layout } from "src/components/common" +import { NotFoundPage } from "src/components/modules/404" export default function NotFound() { return (
- The requested page doesn't exist or you don't have access to it. +
) } -NotFound.Layout = Layout diff --git a/src/components/modules/404/404Page/404Page.module.scss b/src/components/modules/404/404Page/404Page.module.scss new file mode 100644 index 000000000..7132e63c9 --- /dev/null +++ b/src/components/modules/404/404Page/404Page.module.scss @@ -0,0 +1,28 @@ +.wrapper{ + @apply flex justify-center; + text-align: center; + height:100%; + + background-color: white; + .inner{ + height: 100vh; + .logo{ + margin-top: 2rem; + } + .text{ + @apply flex justify-center; + align-items: center; + width: 100%; + height:80%; + + h1{ + font-weight: bold; + font-size: 17rem; + color: var(--primary); + font-family: var(--font-heading); + text-shadow: 2px 4px 5px var(--primary); + } + } + } + +} \ No newline at end of file diff --git a/src/components/modules/404/404Page/404Page.tsx b/src/components/modules/404/404Page/404Page.tsx new file mode 100644 index 000000000..5319b0dfa --- /dev/null +++ b/src/components/modules/404/404Page/404Page.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import { Logo } from 'src/components/common' +import s from './404Page.module.scss' + +interface Props { +} + +const NotFoundPage = ({ }: Props) => { + return ( + +
+
+
+ +
+ +
+

+ 404 +

+
+
+
+ ) +} + +export default NotFoundPage diff --git a/src/components/modules/404/index.tsx b/src/components/modules/404/index.tsx new file mode 100644 index 000000000..50990b601 --- /dev/null +++ b/src/components/modules/404/index.tsx @@ -0,0 +1 @@ +export {default as NotFoundPage} from './404Page/404Page'; \ No newline at end of file