Added 404 page

.gitattributes

@@ -1,2 +0,0 @@
-/src/styles/materialize linguist-vendored
-/public/static/ linguist-vendored

src/components/Title.module.sass

@@ -1,2 +0,0 @@
-.title
-	text-align: center

src/components/Title.tsx

@@ -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;

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;

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>
 	</>
 );
 

src/styles/globals.sass

@@ -1,3 +1,2 @@
-
 a
     text-decoration: none