17a30157db
重构产品中心页面布局，添加产品展示网格和面包屑导航 更新关于页面支持多部分内容展示，包括公司简介、发展历史等 添加新的i18n翻译内容，更新品牌名称为福安德外贸 移除主题切换功能，更新欢迎邮件模板 添加多个关于页面的MDX内容，包括公司简介、发展历史等
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import HeaderLinks from "@/components/header/HeaderLinks";
|
|
import MobileMenu from "@/components/header/MobileMenu";
|
|
import LocaleSwitcher from "@/components/LocaleSwitcher";
|
|
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;
|