imen_pishghaman/apps/web/app/components/ui/Logo.vue

<script setup lang="ts">
</script>

<template>
  <NuxtLink to="/" class="flex items-center gap-3" aria-label="ایمن پیشگامان">
    <span
      class="flex size-10 items-center justify-center rounded-xl bg-white shadow-[0_0_28px_rgba(10,30,92,0.45)]"
    >
      <img
        src="/images/logo.png"
        alt="ایمن پیشگامان"
        width="28"
        height="28"
        class="size-7 object-contain"
      />
    </span>
    <span class="leading-tight">
      <span class="block text-lg font-black">ایمن پیشگامان</span>
      <span class="block font-mono text-[9px] tracking-[0.32em] text-muted">
        IMEN PISHGAMAN CO.
      </span>
    </span>
  </NuxtLink>
</template>