diff options
| -rw-r--r-- | src/app/components/header/header.jsx | 3 | ||||
| -rw-r--r-- | src/app/page.jsx | 9 | ||||
| -rw-r--r-- | src/app/page.module.css | 3 |
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; |