export const Glitched404Text = () => {
  const base =
    'text-link font-medium text-11xl before:inline-block before:w-[60px] before:h-full'

  return (
    <div className="mt-8">
      <span
        className={`${base} before:animate-glitch-first before:content-['4']`}
      />
      <span
        className={`${base} before:animate-glitch-middle before:content-['0']`}
      />
      <span
        className={`${base} before:animate-glitch-last before:content-['4']`}
      />
    </div>
  )
}
