ldc-ovoteam/resources/ts/front/Components/Theme/Header/Header.tsx

47 lines
1.2 KiB
TypeScript

//* THEME
import DesktopNav from "$/uwil/Header/DesktopNav";
import MobileNav from "$/uwil/Header/MobileNav";
import { GetTranslation } from "@/lib/utils";
import { FrontNavLinkProps } from "@/types/front";
import { route } from "ziggy-js";
export default function Header() {
const commitmentLinks = ["made-in-france", "gamme", "expertise"];
const navLinks: FrontNavLinkProps[] = [
{
title: GetTranslation(`front.engage`),
href: route(`front.engage`),
children: commitmentLinks.map((com) => {
return {
title: GetTranslation(`front.${com}`),
href: route(`front.${com}`),
};
}),
},
{
title: "Recettes",
href: route("front.recipes.index"),
},
{
title: "Produits",
href: route("front.products.index"),
},
{
title: "Nous contacter",
href: route("front.contact-us"),
},
{
title: "Nous rejoindre",
href: "https://recrutement.ldc.fr/fr/annonces?brands=2625",
external: true,
},
];
return (
<header className="bg-background w-full md:container md:mx-auto px-4 md:px-5 lg:pb-5">
<DesktopNav navLinks={navLinks} />
<MobileNav navLinks={navLinks} />
</header>
);
}