From 3acac648ad6f7c220a48ff9f92f42e814c2097ab Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Tue, 26 Mar 2024 13:21:55 +0530
Subject: restructured files

---
 src/app/components/footer/footer.module.css | 15 ++++++++++
 src/app/components/footer/page.jsx          | 43 +++++++++++++++++++++++++++++
 src/app/components/header/header.jsx        | 30 ++++++++++++++++++++
 3 files changed, 88 insertions(+)
 create mode 100644 src/app/components/footer/footer.module.css
 create mode 100644 src/app/components/footer/page.jsx
 create mode 100644 src/app/components/header/header.jsx

(limited to 'src/app/components')

diff --git a/src/app/components/footer/footer.module.css b/src/app/components/footer/footer.module.css
new file mode 100644
index 0000000..8547873
--- /dev/null
+++ b/src/app/components/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/components/footer/page.jsx b/src/app/components/footer/page.jsx
new file mode 100644
index 0000000..f3c9fc7
--- /dev/null
+++ b/src/app/components/footer/page.jsx
@@ -0,0 +1,43 @@
+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>
+				<a
+					style={{ color: "#A3BE8C" }}
+					href="https://dramalama-zephex.koyeb.app"
+					target="_new"
+				>
+					Koyeb
+				</a>
+				<a
+					style={{ color: "#EBCB8B" }}
+					href="https://dramalama.vercel.app"
+					target="_new"
+				>
+					Vercel
+				</a>
+				<a
+					style={{ color: "#BF616A" }}
+					href="https://dramalama.netlify.app"
+					target="_new"
+				>
+					Netlify
+				</a>
+			</p>
+		</div>
+	);
+}
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
new file mode 100644
index 0000000..22798b4
--- /dev/null
+++ b/src/app/components/header/header.jsx
@@ -0,0 +1,30 @@
+import Link from "next/link";
+
+export default function Header() {
+	return (
+		<div className="headMain">
+			<div className="headNav">
+				<Link
+					href="/"
+					style={{ color: "black", textDecoration: "none" }}
+				>
+					<p style={{ fontSize: "26px", color: "var(--pastel-red)" }}>
+						Dramalama
+					</p>
+				</Link>
+				<div className="rightNav">
+					<Link href="/anime">
+						<p>Anime</p>
+					</Link>
+					<Link href="/manga">
+						<p>Manga</p>
+					</Link>
+					<Link href="/kdrama">
+						<p>Kdrama</p>
+					</Link>
+				</div>
+			</div>
+			<hr style={{ marginTop: "-3px" }} />
+		</div>
+	);
+}
-- 
cgit v1.2.3