banners #01

<div class="pb-36">
  <!--- Starts Component -->
  <div class="overflow-hidden bg-base-50 px-6 py-2.5 sm:px-3.5">
    <div
      class="flex flex-wrap sm:justify-center sm:items-center gap-x-4 gap-y-2 lg:text-center"
    >
      <span
        class="text-sm leading-normal font-medium text-base-500 pr-8 lg:pr-0"
      >
        <strong class="font-semibold">Lexington Themes</strong>
        <span>·</span> Free and premium multipage themes and UI Kits crafted
        with Astro JS, and Tailwind CSS.
      </span>
      <button
        class="flex transition text-center justify-center font-medium items-center duration-500 ease-in-out transition-colors focus:outline-2 focus:outline-offset-2 text-white bg-accent-600 hover:bg-accent-700 focus:outline-accent-600 h-8 px-4 py-2 text-xs rounded-md w-full lg:w-auto"
      >
        Visit now
      </button>
    </div>
  </div>
</div>