✨ Add responsive Navbar

pages/404.js

@@ -0,0 +1,21 @@
+import Head from "next/head";
+import Header from "../components/Navbar";
+import styles from "../styles/Home.module.css";
+
+export default function Home() {
+	return (
+		<main
+			className={styles.main}
+			style={{
+				display: "flex",
+				justifyContent: "center",
+				alignItems: "center",
+			}}
+		>
+			<div style={{ padding: "2rem", boxShadow: "5px 5px 30px 5px rgba(0,0,0,0.5)" }}>
+				<h1>Error 404</h1>
+				<h3>Diese Seite ist nicht verfügbar</h3>
+			</div>
+		</main>
+	);
+}

pages/_app.js

@@ -1,7 +1,17 @@
-import '../styles/globals.css'
+import Navbar from "../components/Navbar";
+import "../styles/globals.css";
+import styles from "../styles/Home.module.css";
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+	return (
+		<div {...pageProps} className={styles.container}>
+			{/* Navbar */}
+			<Navbar />
+			{/* main */}
+			<Component className={styles.main} />
+			{/* footer */}
+		</div>
+	);
 }
 
-export default MyApp
+export default MyApp;