metacubexd/src/components/LogoText.tsx

export const LogoText = () => (
  <a
    class="text-md flex items-center gap-1 whitespace-nowrap font-bold uppercase sm:text-xl"
    href="https://github.com/metacubex/metacubexd"
    target="_blank"
  >
    <span class="bg-gradient-to-br from-primary to-secondary bg-clip-text text-transparent">
      metacube
    </span>
    <span>(</span>
    <div class="text-primary transition-transform hover:rotate-90 hover:scale-125">
      xd
    </div>
    <span>)</span>
  </a>
)