From a41b50b3ccab920fe7ad98fbc30dcc567003c9ae Mon Sep 17 00:00:00 2001
From: Guusvanmeerveld <mail@guusvanmeerveld.dev>
Date: Mon, 21 Mar 2022 17:16:29 +0100
Subject: [PATCH] Added 404 page

---
 .gitattributes                   |  2 --
 src/components/Title.module.sass |  2 --
 src/components/Title.tsx         |  9 ---------
 src/pages/404.tsx                | 25 +++++++++++++++++++++++++
 src/pages/index.tsx              |  5 +----
 src/styles/globals.sass          |  1 -
 6 files changed, 26 insertions(+), 18 deletions(-)
 delete mode 100644 .gitattributes
 delete mode 100644 src/components/Title.module.sass
 delete mode 100644 src/components/Title.tsx
 create mode 100644 src/pages/404.tsx

diff --git a/.gitattributes b/.gitattributes
deleted file mode 100644
index bbe7c89..0000000
--- a/.gitattributes
+++ /dev/null
@@ -1,2 +0,0 @@
-/src/styles/materialize linguist-vendored
-/public/static/ linguist-vendored
\ No newline at end of file
diff --git a/src/components/Title.module.sass b/src/components/Title.module.sass
deleted file mode 100644
index 19a2071..0000000
--- a/src/components/Title.module.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-.title
-	text-align: center
diff --git a/src/components/Title.tsx b/src/components/Title.tsx
deleted file mode 100644
index 95b0bdc..0000000
--- a/src/components/Title.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { FC } from "react";
-
-import styles from "./Title.module.sass";
-
-const Title: FC = () => {
-	return <h1 className={styles.title}>Hello World</h1>;
-};
-
-export default Title;
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..f2f4e50
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,25 @@
+import { NextPage } from "next";
+import { NextSeo } from "next-seo";
+
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+
+import Layout from "@components/Layout";
+
+const NotFound: NextPage = () => {
+	return (
+		<>
+			<NextSeo title="Not Found" />
+			<Layout>
+				<Box sx={{ mt: 5, textAlign: "center" }}>
+					<Typography variant="h3">Page not found</Typography>
+					<Typography variant="h4">
+						The page may have been moved or deleted.
+					</Typography>
+				</Box>
+			</Layout>
+		</>
+	);
+};
+
+export default NotFound;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 9ea58af..6d2f296 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,14 +2,11 @@ import { NextPage } from "next";
 import { NextSeo } from "next-seo";
 
 import Layout from "@components/Layout";
-import Title from "@components/Title";
 
 const Index: NextPage = () => (
 	<>
 		<NextSeo title="Home" />
-		<Layout>
-			<Title />
-		</Layout>
+		<Layout></Layout>
 	</>
 );
 
diff --git a/src/styles/globals.sass b/src/styles/globals.sass
index 11bf8cb..3ceca58 100644
--- a/src/styles/globals.sass
+++ b/src/styles/globals.sass
@@ -1,3 +1,2 @@
-
 a
     text-decoration: none