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

import { Link } from 'react-router'

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

export default function Banner() {
  return (
    <div className="min-h-[65px] sm:mx-10">
      <div className="relative">
        <Link
          to="/#"
          className="mt-2 h-full py-2"
        >
          <img
            src={'/public/images/banner.png'}
            alt={APP.title}
            className="h-[70px] w-[100%] sm:h-full"
          />
        </Link>
        <p className="absolute top-2 mx-10">
          Lorem ipsum dolor sit, amet consectetur
        </p>
      </div>
    </div>
  )
}