<template>
  <div class="border-b">
    <UContainer class="grid grid-cols-2 items-center gap-3 !py-2" as="nav">
      <ULink to="/" class="flex gap-3 items-center">
        <nuxt-img
          placeholder
          alt="Marios Antonoudiou"
          src="mariosant.webp"
          class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
        />
        <div class="text-slate-800 font-bold">Marios Antonoudiou</div>
      </ULink>
      <div class="flex gap-3 items-center justify-end"></div>
    </UContainer>
  </div>
</template>
