Header de navigation desktop avec logo, liens principaux et profil utilisateur
// Utilisation dans un layout desktop
import HeaderDesktop from '@/components/header/HeaderDesktop';
function DesktopLayout({ children }) {
return (
<>
<HeaderDesktop />
<main>{children}</main>
</>
);
}
// Dans un composant responsive
const isMobile = useIsMobile();
return (
<>
{isMobile ? <HeaderMobile /> : <HeaderDesktop />}
{children}
</>
);
Composant HeaderDesktop pour la navigation principale sur ordinateurs de bureau. Voir la documentation du module ci-dessus pour les détails complets.
Le composant crée une barre de navigation horizontale optimisée pour les écrans larges avec une structure en trois sections : branding à gauche, navigation au centre, et profil utilisateur à droite. Il utilise Next.js pour la navigation côté client.