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>
    );
}