added custom 404 page

kevinriex · Nov 4, 2023 · d297613 · d297613
1 parent f5b5a1b
commit d297613
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 10 deletions.
diff --git a/src/app/(components)/NotFound.jsx b/src/app/(components)/NotFound.jsx
@@ -0,0 +1,25 @@
+import Link from 'next/link'
+
+export default function NotFound() {
+  return (
+    <>
+      <div className="px-4 py-5 my-5 text-center" data-bs-theme="light">
+        <img
+          className="d-block mx-auto mb-4"
+          src="/wappen.svg"
+          alt="Das Wappen der Stadt Ratingen"
+          height="250em"
+        />
+        <h1
+          data-bs-theme="light"
+          className="display-5 fw-bold text-body-emphasis"
+        >
+          Seite nicht gefunden
+        </h1>
+        <Link href="/" className="btn btn-primary mt-5">
+          Zur Startseite
+        </Link>
+      </div>
+    </>
+  );
+}
diff --git a/src/app/impressum/page.js b/src/app/impressum/page.js
@@ -1,11 +1,5 @@
-import Footer from '../(components)/Footer';
-import Impressum from '../(components)/Impressum';
+import Impressum from "../(components)/Impressum";
 
 export default function Home() {
-    return (
-        <>
-            <Impressum />
-            <Footer />
-        </>
-    );
+  return <Impressum />;
 }
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -7,6 +7,8 @@ config.autoAddCss = false;
 
 import '@/styles/styles.scss';
 
+import Footer from './(components)/Footer';
+
 const inter = Inter({ subsets: ['latin'] });
 
 export const metadata = {
@@ -19,6 +21,7 @@ export default function RootLayout({ children }) {
         <html lang="de" data-bs-theme="light">
             <body data-bs-theme="light" className={inter.className}>
                 {children}
+                <Footer></Footer>
             </body>
         </html>
     );

diff --git a/src/app/not-found.js b/src/app/not-found.js
@@ -0,0 +1,7 @@
+import NotFound from './(components)/NotFound'
+
+export default function FourOhFour() {
+    return (
+        <NotFound></NotFound>
+    )
+  }
diff --git a/src/app/page.js b/src/app/page.js
@@ -1,4 +1,3 @@
-import Footer from './(components)/Footer';
 import Hero from './(components)/Hero';
 import SideLinkBar from './(components)/SideLinkBar';
 
@@ -7,7 +6,6 @@ export default function Home() {
         <>
             <Hero></Hero>
             <SideLinkBar mastername="Ihre Dienstleistungen"></SideLinkBar>
-            <Footer></Footer>
         </>
     );
 }