fixes and improvements: dramalaam is no longer hosted on koyeb cuz of

high latency issues.

3 files changed, 37 insertions, 12 deletions

diff --git a/src/app/components/footer/page.jsx b/src/app/components/footer/page.jsx
index f3c9fc7..e3af4f9 100644
--- a/src/app/components/footer/page.jsx
+++ b/src/app/components/footer/page.jsx
@@ -17,26 +17,23 @@ export default async function Footer() {
 					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>
+				<a
+					style={{ color: "	#A3BE8C" }}
+					href="https://dramalama-1phg.onrender.com"
+				>
+					Render
+				</a>
 			</p>
 		</div>
 	);
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index 22798b4..f41352a 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -1,9 +1,11 @@
 import Link from "next/link";
 
+import styles from "./header.module.css";
+
 export default function Header() {
 	return (
-		<div className="headMain">
-			<div className="headNav">
+		<div className={styles.headMain}>
+			<div className={styles.headNav}>
 				<Link
 					href="/"
 					style={{ color: "black", textDecoration: "none" }}
@@ -12,7 +14,7 @@ export default function Header() {
 						Dramalama
 					</p>
 				</Link>
-				<div className="rightNav">
+				<div className={styles.rightNav}>
 					<Link href="/anime">
 						<p>Anime</p>
 					</Link>
diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
new file mode 100644
index 0000000..6a67bf6
--- /dev/null
+++ b/src/app/components/header/header.module.css
@@ -0,0 +1,26 @@
+.headNav {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: center;
+	max-width: 95%;
+	margin: -10px auto;
+	font-family: "Quicksand";
+}
+
+.rightNav {
+	display: flex;
+	cursor: pointer;
+	overflow-x: auto;
+}
+
+.rightNav a {
+	text-decoration: none;
+	color: white;
+	font-size: 20px;
+}
+
+.rightNav p {
+	margin-right: 10px;
+	margin-left: 10px;
+}
\ No newline at end of file