Create custom 404 page

pages/404.js

@@ -0,0 +1,25 @@
+import {Container, Typography} from '@material-ui/core'
+import Link from 'next/link'
+import Image from 'next/image'
+
+export default function Custom404() {
+  return (
+    <Container maxWidth='sm'>
+      <Link href='/'>
+        <a>
+          <Image
+            alt='Logo #OKi'
+            width={551}
+            height={315}
+            src='/logo.png'
+            quality={10}
+          />
+        </a>
+      </Link>
+      <Typography variant='h2' align='center' >404 - Pa ni ayen 🥺</Typography>
+      <Link href='/'>
+        <a style={{textDecoration: 'none'}}><Typography style={{marginTop: '1em', color: 'green'}} variant='h3' align='center'>Viré a kaz 🏡</Typography></a>
+      </Link>
+    </Container>
+  )
+}