diff options
| author | Factiven <[email protected]> | 2023-09-12 21:45:30 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-09-12 21:45:30 +0700 |
| commit | 701798acaeb28f657bd1420d06253d350eb41b96 (patch) | |
| tree | 6df53eb6c7ae07c5af21bcd6d3a0078b1d196d13 /pages/en/anime/popular.js | |
| parent | Create build-test.yml (diff) | |
| download | moopa-701798acaeb28f657bd1420d06253d350eb41b96.tar.xz moopa-701798acaeb28f657bd1420d06253d350eb41b96.zip | |
initial v4 commit
Diffstat (limited to 'pages/en/anime/popular.js')
| -rw-r--r-- | pages/en/anime/popular.js | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/pages/en/anime/popular.js b/pages/en/anime/popular.js index 8cbbeab..7b40a0e 100644 --- a/pages/en/anime/popular.js +++ b/pages/en/anime/popular.js @@ -1,12 +1,13 @@ import { ChevronLeftIcon } from "@heroicons/react/24/solid"; import Image from "next/image"; import Link from "next/link"; -import { useEffect, useState } from "react"; +import { Fragment, useEffect, useState } from "react"; import Skeleton from "react-loading-skeleton"; import Footer from "../../../components/footer"; import { getServerSession } from "next-auth"; import { authOptions } from "../../api/auth/[...nextauth]"; -import MobileNav from "../../../components/home/mobileNav"; +import Head from "next/head"; +import MobileNav from "../../../components/shared/MobileNav"; export default function PopularAnime({ sessions }) { const [data, setData] = useState(null); @@ -94,9 +95,17 @@ export default function PopularAnime({ sessions }) { }, [page, nextPage]); return ( - <> + <Fragment> + <Head> + <title>Moopa - Popular Anime</title> + <meta name="title" content="Popular Anime" /> + <meta + name="description" + content="Explore Beloved Classics and Favorites - Dive into a curated collection of timeless anime on Moopa's Popular Anime Page. From iconic classics to all-time favorites, experience the stories that have captured hearts worldwide. Start streaming now and relive the magic of anime!" + /> + </Head> <MobileNav sessions={sessions} /> - <div className="flex flex-col gap-2 items-center min-h-screen w-screen px-2 relative pb-10"> + <main className="flex flex-col gap-2 items-center min-h-screen w-screen px-2 relative pb-10"> <div className="z-50 bg-primary pt-5 pb-3 shadow-md shadow-primary w-full fixed px-3"> <Link href="/en" className="flex gap-2 items-center font-karla"> <ChevronLeftIcon className="w-5 h-5" /> @@ -165,9 +174,9 @@ export default function PopularAnime({ sessions }) { Load More </button> )} - </div> + </main> <Footer /> - </> + </Fragment> ); } |