diff options
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/components/header/header.jsx | 1 | ||||
| -rw-r--r-- | src/app/page.jsx | 12 | ||||
| -rw-r--r-- | 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 91f9551..43938b4 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> <Link 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 { |