---
import { Image } from "astro:assets"
import logo from "../assets/logo.png"
---


    <header class="flex w-full items-center justify-between bg-gray-800 p-8 text-white">
      <a href="/">
        <Image src={logo} alt="Logo Photo Club Haute Lozère" width={128} height={77} />
      </a>
      <nav>
        <ul class="flex items-center gap-2 space-x-4">
          <li>
            <a href="/le-club" class="font-poppins text-xl">
              Le club
            </a>
          </li>
          <li>
            <a href="/galeries" class="font-poppins text-xl">
              Galeries
            </a>
          </li>
          <li>
            <a href="/contact" class="font-poppins text-xl">
              Contact
            </a>
          </li>
          <li>
            <a
              href="/espace-membres"
              class="bg-white px-6 py-2 font-poppins text-xl text-stone-900"
            >
              Espace membres
            </a>
          </li>
        </ul>
      </nav>
    </header>
