UI changes

1 files changed, 25 insertions, 13 deletions

diff --git a/src/app/page.jsx b/src/app/page.jsx
index 0f9c123..e6230e2 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,21 +1,33 @@
-import Image from "next/image";
 import styles from "./page.module.css";
+import Link from "next/link";
 
 export default function Home() {
 	return (
 		<main className={styles.main}>
-			<div className={styles.welcomeContainer}>
-				<Image
-					src="/logo.png"
-					width={300}
-					height={300}
-					alt="Logo"
-					priority
-				></Image>
-				<p>
-					Hey there, welcome to Dramalama. We are excited to have you
-					on board.
-				</p>
+			<div className={styles.content}>
+				<div className={styles.contentContainer}>
+					<div className={styles.manga}>
+						<Link href={"/manga"}>
+							<h2>Manga</h2>
+							<p>Your one stop for all your manga needs</p>
+						</Link>
+					</div>
+					<div className={styles.anime}>
+						<Link href={"/anime"}>
+							<h2>Anime</h2>
+							<p>Your one stop for all your anime needs</p>
+						</Link>
+					</div>
+					<div className={styles.kdrama}>
+						<Link
+							href={"/kdrama"}
+							style={{ pointerEvents: "none" }}
+						>
+							<h2>Kdrama - Maintainence</h2>
+							<p>Your one stop for all your kdrama needs</p>
+						</Link>
+					</div>
+				</div>
 			</div>
 		</main>
 	);