feature: added footer which includes a status page and links to the github repo

3 files changed, 39 insertions, 0 deletions

diff --git a/src/app/footer/footer.module.css b/src/app/footer/footer.module.css
new file mode 100644
index 0000000..8547873
--- /dev/null
+++ b/src/app/footer/footer.module.css
@@ -0,0 +1,15 @@
+.footer {
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	background-color: #161616;
+	color: white;
+	text-align: center;
+}
+
+.footer p a {
+	padding: 10px;
+	text-decoration: none;
+	color: #696880;
+}
\ No newline at end of file
diff --git a/src/app/footer/page.jsx b/src/app/footer/page.jsx
new file mode 100644
index 0000000..34d6101
--- /dev/null
+++ b/src/app/footer/page.jsx
@@ -0,0 +1,22 @@
+import styles from "./footer.module.css";
+
+export default async function Footer() {
+	return (
+		<div className={styles.footer}>
+			<p style={{ margin: 10 }}>
+				<a
+					href="https://stats.uptimerobot.com/Fxp7SE5Ll3"
+					target="_new"
+				>
+					Status
+				</a>
+				<a
+					href="https://github.com/real-zephex/Dramalama"
+					target="_new"
+				>
+					Github
+				</a>
+			</p>
+		</div>
+	);
+}
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 03a1035..f9c0e51 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,5 +1,6 @@
 import Image from "next/image";
 import styles from "./page.module.css";
+import Footer from "./footer/page";
 
 export default function Home() {
 	return (
@@ -16,6 +17,7 @@ export default function Home() {
 					kdramas and anime for free.
 				</p>
 			</div>
+			<Footer />
 		</main>
 	);
 }