legalgo-FE-reactrouter/app/components/ui/banner.tsx

import { Link } from 'react-router'

import { APP } from '~/configs/meta'

export const Banner = () => {
  return (
    <div className="min-h-[65px]">
      <div className="relative">
        <Link
          to="/#"
          className="mt-2 h-full py-2"
        >
          <img
            src={'/images/banner.png'}
            alt={APP.title}
            className="h-[70px] w-[100%] content-center sm:h-full"
          />
        </Link>
      </div>
    </div>
  )
}