<section class="body-font text-gray-600">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
  >
    <div
      class="flex flex-col items-start ml-auto mr-auto mx-auto sm:flex-row sm:items-center lg:w-2/3"
    >
      <h1
        class="flex-grow title-font text-2xl font-medium text-gray-900 sm:pr-16"
      >
        Build scalable platforms with confidence&#x2014;powered by transparent
        workflows, intuitive tools, and enterprise-grade reliability.
      </h1>
      <button
        class="flex-shrink-0 text-white bg-indigo-500 border-0 pt-2 pb-2 py-2 pl-8 pr-8 px-8 focus:outline-none rounded text-lg mt-10 hover:bg-indigo-600 sm:mt-0"
      >
        Get Started
      </button>
    </div>
  </div>
</section>