---
const links = [
    {
        label: "Home",
        link: "/home"
    },
    {
        label: "About",
        link: "/about"
    },
    {
        label: "Services",
        link: "/services"
    },
    {
        label: "Contact",
        link: "/contact"
    },
];
---


<header class="flex justify-between py-6">
    <div>
        <span class="font-extrabold">
            Logo
        </span>
    </div>
    <nav>
        <ul class="flex gap-4 font-bold">
            {links.map((item, index) => (
                <li>
                    <a href={item.link}>{item.label}</a>
                </li>
            ))}
        </ul>
    </nav>
</header>