Statistics Six

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="mb-8 md:mb-12">
      <h2
        class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl"
      >
        Our Team by the numbers
      </h2>
      <p
        class="ml-auto mr-auto mx-auto max-w-screen-md text-center text-gray-500 md:text-lg"
      >
        This is a section of some simple filler text, also known as placeholder
        text. It shares some characteristics of a real written text but is
        random or otherwise generated.
      </p>
    </div>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-8">
      <div
        class="flex flex-col items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div class="text-xl font-bold text-indigo-500 sm:text-2xl md:text-3xl">
          200
        </div>
        <div class="text-sm font-semibold sm:text-base">People</div>
      </div>
      <div
        class="flex flex-col items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 md:pt-8 md:pr-8 md:pb-8 md:pl-8"
      >
        <div class="text-xl font-bold text-indigo-500 sm:text-2xl md:text-3xl">
          500+
        </div>
        <div class="text-sm font-semibold sm:text-base">People</div>
      </div>
      <div
        class="flex flex-col items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 md:pt-8 md:pr-8 md:pb-8 md:pl-8"
      >
        <div class="text-xl font-bold text-indigo-500 sm:text-2xl md:text-3xl">
          1000+
        </div>
        <div class="text-sm font-semibold sm:text-base">Customers</div>
      </div>
      <div
        class="flex flex-col items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 md:pt-8 md:pr-8 md:pb-8 md:pl-8"
      >
        <div class="text-xl font-bold text-indigo-500 sm:text-2xl md:text-3xl">
          A couple
        </div>
        <div class="text-sm font-semibold sm:text-base">Coffee breaks</div>
      </div>
    </div>
  </div>
</div>