aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/header/header.jsx
blob: 1ea4f13c80b854450569d503e1b0553a01516d71 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import Link from "next/link";
import { ThemeSwitcher } from "../themeSwitcher";
import {
	Navbar,
	NavbarBrand,
	NavbarContent,
	NavbarItem,
	Button,
} from "@nextui-org/react";

export default async function Header() {
	return (
		<Navbar isBordered>
			<NavbarBrand>
				<p className="text-2xl font-bold">
					<Link href="/">Dramalama</Link>
				</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>
			</NavbarContent>
			<NavbarContent justify="end">
				<NavbarItem>
					<ThemeSwitcher />
				</NavbarItem>
				<NavbarItem>
					<Button
						as={Link}
						color="success"
						href="https://github.com/real-zephex/Dramalama"
						variant="faded"
						target="_blank"
					>
						Github
					</Button>
				</NavbarItem>
			</NavbarContent>
		</Navbar>
	);
}