viewfinder/packages/kitchen-sink/react-next/src/components/Brand/index.tsx

import Link from 'next/link'

export const Brand = () => (
  <Link
    href="/"
    passHref
  >
    <a
      href="/"
      className="block no-underline text-[1.5rem] font-bold uppercase w-8 text-center sm:text-left sm:w-auto"
    >
      B
      <span className="hidden sm:inline">
        rand
      </span>
    </a>
  </Link>
)