52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
|
import HeaderLinks from "@/components/header/HeaderLinks";
|
||
|
|
import MobileMenu from "@/components/header/MobileMenu";
|
||
|
|
import LocaleSwitcher from "@/components/LocaleSwitcher";
|
||
|
|
import { ThemeToggle } from "@/components/ThemeToggle";
|
||
|
|
import { siteConfig } from "@/config/site";
|
||
|
|
import { Link as I18nLink } from "@/i18n/routing";
|
||
|
|
import { useTranslations } from "next-intl";
|
||
|
|
import Image from "next/image";
|
||
|
|
|
||
|
|
const Header = () => {
|
||
|
|
const t = useTranslations("Home");
|
||
|
|
|
||
|
|
return (
|
||
|
|
<header className="py-2 px-6 backdrop-blur-md sticky top-0 z-50">
|
||
|
|
<nav className="flex justify-between items-center w-full mx-auto">
|
||
|
|
<div className="flex items-center space-x-6 md:space-x-12">
|
||
|
|
<I18nLink
|
||
|
|
href="/"
|
||
|
|
prefetch={false}
|
||
|
|
className="flex items-center space-x-1 font-bold"
|
||
|
|
>
|
||
|
|
<Image
|
||
|
|
alt={siteConfig.name}
|
||
|
|
src="/logo.svg"
|
||
|
|
className="w-6 h-6"
|
||
|
|
width={32}
|
||
|
|
height={32}
|
||
|
|
/>
|
||
|
|
<span className="text-gray-800 dark:text-gray-200">
|
||
|
|
{t("title")}
|
||
|
|
</span>
|
||
|
|
</I18nLink>
|
||
|
|
<HeaderLinks />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="flex items-center gap-x-2 md:gap-x-4 lg:gap-x-6 flex-1 justify-end">
|
||
|
|
{/* PC */}
|
||
|
|
<div className="hidden md:flex items-center gap-x-4">
|
||
|
|
<LocaleSwitcher />
|
||
|
|
<ThemeToggle />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Mobile */}
|
||
|
|
<MobileMenu />
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Header;
|