SPB Git

spb/phi-conseil

Public
1.2 KB · 31 lines tsx
1import Link from "next/link";2import { site } from "@/lib/content";3import { LogoLockup } from "@/components/graphics/Logo";4import { Button } from "@/components/ui/Button";5import { MobileNav } from "./MobileNav";6import { NavLinks } from "./NavLinks";78export function Header() {9  return (10    <header className="bg-ivory-100/90 supports-[backdrop-filter]:bg-ivory-100/80 sticky top-0 z-40 backdrop-blur-sm">11      <div className="container-site flex items-center justify-between gap-5 py-3 md:py-4">12        <Link href="/" className="min-w-0 rounded-md" aria-label={`${site.brand.name} — Accueil`}>13          <LogoLockup name={site.brand.name} tagline={site.brand.tagline} />14        </Link>1516        <nav aria-label="Navigation principale" className="hidden lg:block">17          <NavLinks items={site.navigation} className="flex items-center gap-5 xl:gap-7" />18        </nav>1920        <div className="hidden lg:block">21          <Button href={site.headerCta.href} size="md" className="whitespace-nowrap">22            {site.headerCta.label}23          </Button>24        </div>2526        <MobileNav items={site.navigation} cta={site.headerCta} brandName={site.brand.name} />27      </div>28    </header>29  );30}31
Files · 986334f6f6688676835eaf88399856804855ca6d
Menu

Theme