From 1f9676ba49d939ec4c67d0fdbb4ff87224decf1c Mon Sep 17 00:00:00 2001
From: real-zephex <143923795+real-zephex@users.noreply.github.com>
Date: Tue, 11 Jun 2024 16:29:23 +0000
Subject: =?UTF-8?q?=E2=9C=A8=20feat(site):=20unified=20loading=20page=20an?=
 =?UTF-8?q?d=20added=20metadata=20for=20each=20site?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/anime/loading.jsx            | 15 ---------------
 src/app/anime/page.jsx               | 10 ++++++++--
 src/app/components/footer/page.jsx   | 11 -----------
 src/app/components/header/header.jsx | 33 ++++++++-------------------------
 src/app/kdrama/loading.jsx           | 15 ---------------
 src/app/kdrama/page.jsx              | 11 ++++++++---
 src/app/layout.jsx                   |  3 ---
 src/app/loading.jsx                  | 15 ---------------
 src/app/manga/page.jsx               |  5 +++++
 src/app/movies/loading.jsx           | 15 ---------------
 src/app/movies/page.jsx              |  9 +++++++--
 src/app/page.jsx                     |  9 +++++++--
 src/app/themeManager.jsx             |  2 --
 src/app/web-series/loading.jsx       | 15 ---------------
 src/app/web-series/page.jsx          |  9 +++++++--
 15 files changed, 50 insertions(+), 127 deletions(-)
 delete mode 100644 src/app/anime/loading.jsx
 delete mode 100644 src/app/components/footer/page.jsx
 delete mode 100644 src/app/kdrama/loading.jsx
 delete mode 100644 src/app/loading.jsx
 delete mode 100644 src/app/movies/loading.jsx
 delete mode 100644 src/app/web-series/loading.jsx

(limited to 'src')

diff --git a/src/app/anime/loading.jsx b/src/app/anime/loading.jsx
deleted file mode 100644
index 1ebf039..0000000
--- a/src/app/anime/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="w-screen h-screen flex gap-4 items-center justify-center">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading Animes..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/anime/page.jsx b/src/app/anime/page.jsx
index d06b344..e020473 100644
--- a/src/app/anime/page.jsx
+++ b/src/app/anime/page.jsx
@@ -2,6 +2,11 @@ import { Card, CardHeader, CardBody, Link } from "@nextui-org/react";
 import Image from "next/image";
 import styles from "../page.module.css";
 
+export const metadata = {
+	title: "Dramalama Anime",
+	description: "Anime page for Dramalama",
+};
+
 import { top_airing, recent, popular } from "./data-fetch/request";
 import SearchBar from "./components/search";
 import { preFetchAnimeInfo } from "./components/cacher";
@@ -19,7 +24,7 @@ const AnimeHomepage = async () => {
 
 	const header = (title) => (
 		<>
-			<p className={`my-1 text-2xl font-bold text-sky-400 antialiased`}>
+			<p className={`my-1 text-3xl font-bold text-sky-400 antialiased`}>
 				{title}
 			</p>
 		</>
@@ -34,9 +39,10 @@ const AnimeHomepage = async () => {
 						href={`/anime/${item.id}`}
 						aria-label="anime redirection links"
 						className="mx-1 flex flex-col items-center"
+						title={item.title}
 					>
 						<Card
-							className="overflow-visible"
+							className="overflow-visible bg-stone-800"
 							isPressable
 							isHoverable
 							shadow="sm"
diff --git a/src/app/components/footer/page.jsx b/src/app/components/footer/page.jsx
deleted file mode 100644
index 2bc3add..0000000
--- a/src/app/components/footer/page.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import styles from "../../page.module.css";
-
-export default async function Footer() {
-	return (
-		<main className={styles.main}>
-			<div className={styles.footer}>
-				<p>Made with :3 by zephex</p>
-			</div>
-		</main>
-	);
-}
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index 1ea4f13..e6efc7d 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -9,6 +9,8 @@ import {
 } from "@nextui-org/react";
 
 export default async function Header() {
+	const sections = ["anime", "kdrama", "manga", "movies", "web-series"];
+
 	return (
 		<Navbar isBordered>
 			<NavbarBrand>
@@ -17,31 +19,12 @@ export default async function Header() {
 				</p>
 			</NavbarBrand>
 			<NavbarContent className="hidden sm:flex gap-4" justify="center">
-				<NavbarItem>
-					<Link href="/anime" className="text-sky-400">
-						Anime
-					</Link>
-				</NavbarItem>
-				<NavbarItem>
-					<Link href="/kdrama" className="text-green-300">
-						K-Dramas
-					</Link>
-				</NavbarItem>
-				<NavbarItem>
-					<Link href="/manga" className="text-orange-400">
-						Manga
-					</Link>
-				</NavbarItem>
-				<NavbarItem>
-					<Link href="/web-series" className="text-violet-300">
-						TV shows
-					</Link>
-				</NavbarItem>
-				<NavbarItem>
-					<Link href="/movies" className="text-teal-400">
-						Movies
-					</Link>
-				</NavbarItem>
+				{sections &&
+					sections.map((item, index) => (
+						<NavbarItem key={index}>
+							<Link href={`/${item}`}>{item}</Link>
+						</NavbarItem>
+					))}
 			</NavbarContent>
 			<NavbarContent justify="end">
 				<NavbarItem>
diff --git a/src/app/kdrama/loading.jsx b/src/app/kdrama/loading.jsx
deleted file mode 100644
index 4b403db..0000000
--- a/src/app/kdrama/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="w-screen h-screen flex gap-4 items-center justify-center">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading Kdramas..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/kdrama/page.jsx b/src/app/kdrama/page.jsx
index 3f57967..dc90008 100644
--- a/src/app/kdrama/page.jsx
+++ b/src/app/kdrama/page.jsx
@@ -1,6 +1,11 @@
 import { Card, CardHeader, CardBody, Link } from "@nextui-org/react";
 import Image from "next/image";
 
+export const metadata = {
+	title: "Dramalama K-Drama",
+	description: "k-drama page for Dramalama",
+};
+
 import { DramaDataFetcher } from "./components/requests";
 import styles from "../page.module.css";
 import { Searchbar } from "./components/searchBar";
@@ -35,7 +40,7 @@ const KdramaHomepage = async () => {
 						className="mx-1 flex flex-col items-center"
 					>
 						<Card
-							className="overflow-visible"
+							className="overflow-visible bg-stone-800"
 							isPressable
 							isHoverable
 							shadow="sm"
@@ -45,8 +50,8 @@ const KdramaHomepage = async () => {
 									alt="Kdrama Poster"
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									width={270}
-									height={160}
-									className="h-60 overflow-hidden rounded-md"
+									height={170}
+									className="h-64 overflow-hidden rounded-md"
 									priority
 								/>
 							</CardBody>
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index 043b18d..7e702e7 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -1,10 +1,7 @@
 import "./globals.css";
 import Header from "./components/header/header";
-import Footer from "./components/footer/page";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Analytics } from "@vercel/analytics/react";
-// import { NextUIProvider } from "@nextui-org/react";
-// import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { lexend } from "../../config/fonts";
 
 import { Providers } from "./themeManager";
diff --git a/src/app/loading.jsx b/src/app/loading.jsx
deleted file mode 100644
index 2fd3711..0000000
--- a/src/app/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="flex h-[90dvh] w-screen items-center justify-center gap-4">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/manga/page.jsx b/src/app/manga/page.jsx
index 6992fa7..9025804 100644
--- a/src/app/manga/page.jsx
+++ b/src/app/manga/page.jsx
@@ -1,5 +1,10 @@
 import MangaSearchBox from "./components/inputContainer";
 
+export const metadata = {
+	title: "Dramalama Manga",
+	description: "Manga/Manhwa page for Dramalama",
+};
+
 const MangaHomePage = async () => {
 	return (
 		<main className="flex h-[90dvh] w-full flex-col items-center">
diff --git a/src/app/movies/loading.jsx b/src/app/movies/loading.jsx
deleted file mode 100644
index fecdddb..0000000
--- a/src/app/movies/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="w-screen h-screen flex gap-4 items-center justify-center">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading Movies..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/movies/page.jsx b/src/app/movies/page.jsx
index 84ce9d6..5750e3e 100644
--- a/src/app/movies/page.jsx
+++ b/src/app/movies/page.jsx
@@ -1,6 +1,11 @@
 import { Card, CardHeader, CardBody, Link } from "@nextui-org/react";
 import Image from "next/image";
 
+export const metadata = {
+	title: "Dramalama Movies",
+	description: "Movies page for Dramalama",
+};
+
 import MovieSearchBar from "./components/search";
 import { MovieHomepageDataFetcher } from "./components/requestsHandler";
 import PreFetchMovieInfo from "./components/cacher";
@@ -34,7 +39,7 @@ export default async function MovieHomepage() {
 								className="mx-1 flex flex-col items-center"
 							>
 								<Card
-									className="overflow-visible"
+									className="overflow-visible bg-stone-800"
 									isPressable
 									isHoverable
 									shadow="sm"
@@ -44,7 +49,7 @@ export default async function MovieHomepage() {
 											alt="Movie Poster"
 											src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`}
 											width={270}
-											height={180}
+											height={170}
 											className="h-64 overflow-hidden rounded-md"
 											priority
 										/>
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 23a7e74..3827c56 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -5,7 +5,12 @@ export default async function Home() {
 	const homePageCards = (title) => {
 		return (
 			<Link href={`/${title}`} className="focus:scale(90) mb-2 lg:mx-1">
-				<Card isPressable shadow="sm" isHoverable>
+				<Card
+					isPressable
+					shadow="sm"
+					isHoverable
+					className="bg-[#1f1f1f] border border-zinc-500"
+				>
 					<CardBody>
 						<p className="text-xl lg:text-2xl">{title}</p>
 					</CardBody>
@@ -20,8 +25,8 @@ export default async function Home() {
 				{homePageCards("anime")}
 				{homePageCards("movies")}
 				{homePageCards("kdrama")}
-				{homePageCards("web-series")}
 				{homePageCards("manga")}
+				{homePageCards("web-series")}
 			</section>
 		</main>
 	);
diff --git a/src/app/themeManager.jsx b/src/app/themeManager.jsx
index f33f7b3..7673d5b 100644
--- a/src/app/themeManager.jsx
+++ b/src/app/themeManager.jsx
@@ -1,4 +1,3 @@
-// app/providers.tsx
 "use client";
 
 import { useEffect, useState } from "react";
@@ -13,7 +12,6 @@ export function Providers({ children }) {
 	}, []);
 
 	if (!isMounted) {
-		// Render nothing on the server, ensuring HTML consistency
 		return null;
 	}
 
diff --git a/src/app/web-series/loading.jsx b/src/app/web-series/loading.jsx
deleted file mode 100644
index 63ffdfc..0000000
--- a/src/app/web-series/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="w-screen h-screen flex gap-4 items-center justify-center">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading Web-series..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/web-series/page.jsx b/src/app/web-series/page.jsx
index a5f24bb..bb57ec3 100644
--- a/src/app/web-series/page.jsx
+++ b/src/app/web-series/page.jsx
@@ -2,6 +2,11 @@ import { Card, CardHeader, CardBody } from "@nextui-org/react";
 import Image from "next/image";
 import Link from "next/link";
 
+export const metadata = {
+	title: "Dramalama TV-Shows",
+	description: "Web series page for Dramalama",
+};
+
 import {
 	TOP_SHOWS,
 	TRENDING_SHOWS,
@@ -39,7 +44,7 @@ const SeriesHomepage = async () => {
 								className="mx-1 flex flex-col items-center"
 							>
 								<Card
-									className="overflow-visible"
+									className="overflow-visible bg-stone-800"
 									isPressable
 									isHoverable
 									shadow="sm"
@@ -49,7 +54,7 @@ const SeriesHomepage = async () => {
 											alt="Movie Poster"
 											src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`}
 											width={270}
-											height={180}
+											height={170}
 											className="h-64 overflow-hidden rounded-md"
 											priority
 										/>
-- 
cgit v1.2.3