<div class="flex items-center gap-2 text-xs uppercase tracking-widest">
  <a href="<?= url('/lang/en') ?>" class="<?= locale() === 'en' ? 'text-gold' : 'text-bone/50 hover:text-bone' ?>">EN</a>
  <span class="text-bone/20">|</span>
  <a href="<?= url('/lang/es') ?>" class="<?= locale() === 'es' ? 'text-gold' : 'text-bone/50 hover:text-bone' ?>">ES</a>
</div>
