aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/app/anime/loading.jsx15
-rw-r--r--src/app/anime/page.jsx10
-rw-r--r--src/app/components/footer/page.jsx11
-rw-r--r--src/app/components/header/header.jsx33
-rw-r--r--src/app/kdrama/loading.jsx15
-rw-r--r--src/app/kdrama/page.jsx11
-rw-r--r--src/app/layout.jsx3
-rw-r--r--src/app/loading.jsx15
-rw-r--r--src/app/manga/page.jsx5
-rw-r--r--src/app/movies/loading.jsx15
-rw-r--r--src/app/movies/page.jsx9
-rw-r--r--src/app/page.jsx9
-rw-r--r--src/app/themeManager.jsx2
-rw-r--r--src/app/web-series/loading.jsx15
-rw-r--r--src/app/web-series/page.jsx9
15 files changed, 50 insertions, 127 deletions
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
/>
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-02 07:49:14 +0000