<div class="max-w-2xl py-32 mx-auto sm:py-48 lg:py-56 ">
  <div class="hidden mb-8 sm:flex sm:justify-center">
    <div class="relative px-3 py-1  text-gray-600 leading-6 rounded-full text-sm ring-1 ring-gray-900/10 hover:!ring-gray-900/20 ">
      Announcing our next round of funding.
      <a href="#" class="ml-1 font-semibold text-indigo-600">
        <span class="absolute inset-x-0 "></span>Read more <span>→</span>
      </a>
    </div>
  </div>
  <div class="text-center">
    <h1 class="mt-6 text-4xl font-bold leading-8 tracking-tight text-gray-900 sm:text-6xl ">
      {" "}
      Data to enrich your online business
    </h1>
    <p class="mt-6 text-lg leading-8 text-gray-600">
      {" "}
      Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat
      commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
    </p>
    <div class="flex items-center justify-center mt-10 gap-x-6">
      <a
        href="#"
        class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-700"
      >
        Get started
      </a>
      <a href="#" class="text-sm font-semibold leading-6 text-gray-900">
        Learn more <span aria-hidden="true">→</span>
      </a>
    </div>
  </div>
</div>