From bdd48555bf59552864d5a59a3ee43291e4136b47 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Fri, 7 Jun 2024 09:55:23 +0530
Subject: =?UTF-8?q?=F0=9F=9A=80=20feat(ui):=20added=20manga=20with=20bette?=
 =?UTF-8?q?r=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/header/header.jsx | 54 +++++++++++++++++++++---------------
 1 file changed, 31 insertions(+), 23 deletions(-)

(limited to 'src/app/components')

diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index 104911b..950b807 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -1,30 +1,38 @@
 import Link from "next/link";
-import styles from "../../page.module.css";
 import { ThemeSwitcher } from "../themeSwitcher";
+import {
+	Navbar,
+	NavbarBrand,
+	NavbarContent,
+	NavbarItem,
+	Button,
+} from "@nextui-org/react";
 
 export default async function Header() {
 	return (
-		<div className="fixed top-0 w-full flex items-center justify-between z-50  dark:bg-black bg-white">
-			<h4 className="text-teal-400 text-2xl p-2">
-				<Link href={"/"}>Dramalama</Link>
-			</h4>
-			{/* <div
-				className={`mx-2 flex items-center overflow-auto ${styles.ScrollBarAdjuster}`}
-			>
-				<Link href={"/anime"} className="mx-2 hover:text-sky-400">
-					<p>Anime</p>
-				</Link>
-				<Link href={"/kdrama"} className="mx-2 hover:text-sky-400">
-					<p>Kdrama</p>
-				</Link>
-				<Link href={"/series"} className="mx-2 hover:text-sky-400">
-					<p>Series</p>
-				</Link>
-				<Link href={"/movies"} className="mx-2 hover:text-sky-400">
-					<p>Movies</p>
-				</Link>
-			</div> */}
-			<ThemeSwitcher />
-		</div>
+		<Navbar isBordered>
+			<NavbarBrand>
+				<p className="text-2xl font-bold">
+					<Link href="/">Dramalama</Link>
+				</p>
+			</NavbarBrand>
+
+			<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>
 	);
 }
-- 
cgit v1.2.3