From 73ff5085c517ea32c0410407aa8d6d7cc5a4fd48 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Sat, 23 Mar 2024 10:06:00 +0530
Subject: feature: added footer which includes a status page and links to the
 github repo

---
 src/app/footer/footer.module.css | 15 +++++++++++++++
 src/app/footer/page.jsx          | 22 ++++++++++++++++++++++
 src/app/page.jsx                 |  2 ++
 3 files changed, 39 insertions(+)
 create mode 100644 src/app/footer/footer.module.css
 create mode 100644 src/app/footer/page.jsx

(limited to 'src')

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>
 	);
 }
-- 
cgit v1.2.3