<a
  href="/"
  class="h-10 text-base group relative z-30 flex items-center aspect-square"
>
  <img src="/assets/logo.png" alt="Logo" class="w-10 h-10 rounded-full" />
</a>


{/* <a
  href="/"
  class="h-5 text-base group relative z-30 flex items-center space-x-1.5 text-black dark:text-white font-semibold"
>
  <span
    class="text-xl -translate-y-0.5 group-hover:-rotate-12 group-hover:scale-[1.2] ease-in-out duration-300"
    >✦</span
  >
  <!-- Logo Text -->
  <span class="-translate-y-0.5"> aria</span>
</a> */}
