rewrite(top): rename to header remove NavBar and HamburgerMenu

src/app/[locale]/page.tsx

@@ -3,18 +3,18 @@ import {
 	Competencies,
 	Contact,
 	Footer,
+	Header,
 	Projects,
-	Top,
 } from "@/components";
 
 export default function Home() {
 	return (
 		<main>
-			<Top />
+			<Header />
 			<About />
 			<Competencies />
-			<Contact />
 			<Projects />
+			<Contact />
 			<Footer />
 		</main>
 	);

src/components/change-language.tsx

@@ -70,7 +70,7 @@ export function ChangeLanguage() {
 					<span className="sr-only">{}</span>
 				</Button>
 			</DropdownMenuTrigger>
-			<DropdownMenuContent align="end">
+			<DropdownMenuContent align="center">
 				{DropdownLanguages()}
 			</DropdownMenuContent>
 		</DropdownMenu>

src/components/header.tsx

@@ -0,0 +1,17 @@
+import { ChangeLanguage, ToggleTheme } from "@/components";
+
+export function Header() {
+	return (
+		<section
+			id="header"
+			className="w-screen h-[100px] space-x-4 flex justify-between bg-zinc-400 dark:bg-zinc-900"
+		>
+			<nav className="px-4 gap-2 flex justify-end items-center w-full">
+				<div className="ml-auto flex gap-2 mr-8">
+					<ToggleTheme />
+					<ChangeLanguage />
+				</div>
+			</nav>
+		</section>
+	);
+}

src/components/index.ts

@@ -3,10 +3,8 @@ export * from "./change-language";
 export * from "./competencies"
 export * from "./contact"
 export * from "./footer"
-export * from "./hamburger-menu"
+export * from "./header"
 export * from "./main-container"
-export * from "./nav-bar"
 export * from "./projects"
 export * from "./theme/theme-provider"
-export * from "./theme/toggle-theme"
-export * from "./top"
+export * from "./theme/toggle-theme"

src/components/theme/toggle-theme.tsx

@@ -26,7 +26,7 @@ export function ToggleTheme() {
 					<span className="sr-only">{}</span>
 				</Button>
 			</DropdownMenuTrigger>
-			<DropdownMenuContent align="end">
+			<DropdownMenuContent align="center">
 				<DropdownMenuItem onClick={() => setTheme("light")}>
 					<span className="flex items-center gap-1">
 						<Sun />