{{ block "header" .}}
<header class="bg-secondary dark:bg-darkSecondary shadow-md">
  <nav class="container mx-auto flex justify-between items-center py-4 px-6">
    <a href="#" class="text-xl font-bold text-blue-600">Dilanka Herath</a>
    <div class="space-x-6">
      <a
        id="aboutNavLink"
        hx-get="/"
        hx-target="#content"
        hx-push-url="true"
        class="nav-link"
        >About</a
      >
      <a
        id="projectsNavLink"
        hx-get="/projects"
        hx-target="#content"
        hx-push-url="true"
        class="nav-link"
        >Projects</a
      >
      <a
        id="experiencesNavLink"
        hx-get="/experience"
        hx-target="#content"
        hx-push-url="true"
        class="nav-link"
        >Experience</a
      >
    </div>
  </nav>
</header>
{{ end }}