import { Link } from "@tanstack/react-router";
import Logo from "./Logo";

export default function Header() {
	return (
		<header
			id="nav-container"
			className="fixed -top-1 w-full h-height-header z-50"
		>
			<div className="flex flex-row justify-between items-center h-full w-full max-w-max-section m-auto px-section-main-x">
				<Link
					to="/"
					className="aspect-square h-[70%] flex justify-center items-center rounded-3xl p-3 backdrop-blur-3xl"
				>
					<Logo />
				</Link>
			</div>
		</header>
	);
}
