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

import { Link } from 'react-router'

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

export const Banner = () => {
  return (
    <div className="min-h-[65px] bg-amber-400 sm:mx-10">
      <div className="relative">
        <Link
          to="/#"
          className="mt-2 h-full py-2"
        >
          <img
            src={'https://placehold.co/1200x70.png'}
            alt={APP.title}
            className="h-[70px] w-auto sm:h-full"
          />
        </Link>
        <p className="absolute top-2 mx-10">
          Lorem ipsum dolor sit, amet consectetur
        </p>
      </div>
    </div>
  )
}