From c45c453fc1d58d553bcf07b7e186d9029a82cbeb Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Sun, 19 May 2024 21:37:13 +0530
Subject: style(homepage): removed unnecessary sub text from the homepage cards
 and changed web-series to series

---
 src/app/components/header/header.jsx |  1 +
 src/app/page.jsx                     | 12 ++++++++----
 src/app/page.module.css              |  4 +++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index c1fbc2d..9e5fc69 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -18,6 +18,7 @@ export default async function Header() {
 					<Link href="/kdrama">Kdrama</Link>
 					<Link href="/manga">Manga</Link>
 					<Link href="/movies">Movies</Link>
+					<Link href="/web-series">Series</Link>
 				</div>
 			</div>
 		</main>
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 4f9eda2..96b4a05 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -12,7 +12,6 @@ export default async function Home() {
 					>
 						<div className={styles.anime}>
 							<h2>Anime</h2>
-							<p>Your one stop for all your anime needs</p>
 						</div>
 					</Link>
 					<Link
@@ -21,7 +20,6 @@ export default async function Home() {
 					>
 						<div className={styles.manga}>
 							<h2>Manga</h2>
-							<p>Your one stop for all your manga needs</p>
 						</div>
 					</Link>
 					<Link
@@ -30,7 +28,6 @@ export default async function Home() {
 					>
 						<div className={styles.kdrama}>
 							<h2>Kdrama</h2>
-							<p>Your one stop for all your kdrama needs</p>
 						</div>
 					</Link>
 					<Link
@@ -39,7 +36,14 @@ export default async function Home() {
 					>
 						<div className={styles.movies}>
 							<h2>Movies</h2>
-							<p>Your one stop for all your movie needs</p>
+						</div>
+					</Link>
+					<Link
+						href={"/web-series"}
+						title="Click here to get redirected to the kdrama webpage"
+					>
+						<div className={styles.series}>
+							<h2>Series</h2>
 						</div>
 					</Link>
 				</div>
diff --git a/src/app/page.module.css b/src/app/page.module.css
index f9d5b23..d831e8d 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -111,7 +111,8 @@
 .manga,
 .anime,
 .kdrama,
-.movies {
+.movies,
+.series {
 	background-color: #121212e0;
 	color: white;
 	border-radius: 0.5rem;
@@ -121,6 +122,7 @@
 	border-color: rgb(80, 80, 80);
 	border-style: groove;
 	border-width: 0.1rem;
+	text-align: center;
 }
 
 .content:hover>.contentContainer div {
-- 
cgit v1.2.3