49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
import {
|
||
NavigationMenu,
|
||
NavigationMenuItem,
|
||
NavigationMenuLink,
|
||
NavigationMenuList,
|
||
} from "@/components/ui/navigation-menu";
|
||
import Image from "next/image";
|
||
import Link from "next/link";
|
||
|
||
export default function Header() {
|
||
return (
|
||
<header className="sticky top-0 z-50 bg-white">
|
||
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
|
||
<Link href="/">
|
||
<Image
|
||
src="/images/logo.svg"
|
||
alt="Marine Travel"
|
||
width={150}
|
||
height={45}
|
||
/>
|
||
</Link>
|
||
<NavigationMenu>
|
||
<NavigationMenuList className="space-x-6">
|
||
<NavigationMenuItem>
|
||
<NavigationMenuLink href="/catalog">
|
||
Каталог
|
||
</NavigationMenuLink>
|
||
</NavigationMenuItem>
|
||
<NavigationMenuItem>
|
||
<NavigationMenuLink href="/yachts">
|
||
Яхты
|
||
</NavigationMenuLink>
|
||
</NavigationMenuItem>
|
||
<NavigationMenuItem>
|
||
<NavigationMenuLink href="/about">
|
||
О нас
|
||
</NavigationMenuLink>
|
||
</NavigationMenuItem>
|
||
{/* Добавьте остальные пункты по макету */}
|
||
</NavigationMenuList>
|
||
</NavigationMenu>
|
||
<div className="text-primary font-semibold">
|
||
+7 (123) 456-78-90
|
||
</div>
|
||
</div>
|
||
</header>
|
||
);
|
||
}
|