
<footer class="bg-slate-200" aria-label="Site Footer">
  <ul class="mt-12 flex justify-center gap-6 p-12">
    <li>
      <a
        class="text-slate-700 transition hover:text-slate-700/75"
        href="https://www.instagram.com/modelektor/"
        rel="noreferrer"
        target="_blank"
      >
        <span class="sr-only">Instagram</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
      </a>
    </li>

    <li>
      <a
        class="text-slate-700 transition hover:text-slate-700/75"
        href="https://github.com/zepyrshut"
        rel="noreferrer"
        target="_blank"
      >
        <span class="sr-only">GitHub</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
      </a>
    </li>

    <li>
      <a
        class="text-slate-700 transition hover:text-slate-700/75"
        href="https://pedroperez.dev/"
        rel="noreferrer"
        target="_blank"
      >
        <span class="sr-only">Website</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
      </a>
    </li>
    <li>
      <a
        class="text-slate-700 transition hover:text-slate-700/75"
        href="https://github.com/zepyrshut/rating-orama"
        rel="noreferrer"
        target="_blank"
      >
        <span class="sr-only">Source</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml"><path d="m18 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
      </a>
    </li>
  </ul>
</footer>