last minute fixes

3 files changed, 13 insertions, 2 deletions

diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index 9be6de2..c1fbc2d 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -1,7 +1,7 @@
 import Link from "next/link";

 import styles from "../../page.module.css";

 

-export default function Header() {

+export default async function Header() {

 	return (

 		<main className={styles.main}>

 			<div className={styles.header}>

@@ -17,6 +17,7 @@ export default function Header() {
 					<Link href="/anime">Anime</Link>

 					<Link href="/kdrama">Kdrama</Link>

 					<Link href="/manga">Manga</Link>

+					<Link href="/movies">Movies</Link>

 				</div>

 			</div>

 		</main>

diff --git a/src/app/page.jsx b/src/app/page.jsx
index 71c42bf..6efc2f3 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -33,6 +33,15 @@ export default async function Home() {
 							<p>Your one stop for all your kdrama needs</p>
 						</div>
 					</Link>
+					<Link
+						href={"/movies"}
+						title="Click here to get redirected to the kdrama webpage"
+					>
+						<div className={styles.movies}>
+							<h2>Movies</h2>
+							<p>Your one stop for all your kdrama needs</p>
+						</div>
+					</Link>
 				</div>
 			</div>
 		</main>
diff --git a/src/app/page.module.css b/src/app/page.module.css
index 80a2d67..131bf0c 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -105,7 +105,8 @@
 
 .manga,
 .anime,
-.kdrama {
+.kdrama,
+.movies {
 	background-color: #121212e0;
 	color: white;
 	border-radius: 0.5rem;