<section class="bg-white dark:bg-slate-900">
  <div class="mx-auto w-screen max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8 lg:py-32">
    <div class="mx-auto max-w-prose text-center">
      <h1 class="text-4xl font-bold text-gray-900 dark:text-white/90 sm:text-5xl">
        Understand user flow and
        <strong class="text-indigo-600"> increase </strong>
        conversions
      </h1>

      <p class="mt-4 text-base text-pretty text-gray-700 dark:text-white/60 sm:text-lg/relaxed">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, nisi. Natus, provident
        accusamus impedit minima harum corporis iusto.
      </p>

      <div class="mt-4 flex justify-center gap-4 sm:mt-6">
        <a class="btn btn-primary" href="#">
          Get Started
        </a>

        <a class="btn btn-secondary" href="#">
          Learn More
        </a>
      </div>
    </div>
  </div>
</section>