<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 text-center w-full mb-20">
      <h1
        class="title-font text-2xl font-medium mb-4 text-gray-900 sm:text-3xl"
      >
        Empower Teams with Smarter Insights
      </h1>
      <p class="ml-auto mr-auto mx-auto leading-relaxed text-base lg:w-2/3">
        Our platform helps organizations streamline collaboration, monitor
        progress in real-time, and drive better decisions through actionable
        analytics.
      </p>
    </div>
    <div class="-m-4 flex flex-wrap text-center">
      <div class="pt-4 pr-4 pb-4 pl-4 w-full sm:w-1/2 md:w-1/4">
        <div
          class="border-2 border-gray-200 pl-4 pr-4 px-4 pt-6 pb-6 py-6 rounded-lg"
        >
          <svg
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            class="inline-block text-indigo-500 w-12 h-12 mb-3"
            viewBox="0 0 24 24"
          >
            <path d="M8 17l4 4 4-4m-4-5v9"></path>
            <path d="M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103 16.29"></path>
          </svg>
          <h2 class="title-font font-medium text-3xl text-gray-900">2.7K</h2>
          <p class="leading-relaxed">App Installs</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full sm:w-1/2 md:w-1/4">
        <div
          class="border-2 border-gray-200 pl-4 pr-4 px-4 pt-6 pb-6 py-6 rounded-lg"
        >
          <svg
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            class="inline-block text-indigo-500 w-12 h-12 mb-3"
            viewBox="0 0 24 24"
          >
            <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
            <circle cx="9" cy="7" r="4"></circle>
            <path d="M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75"></path>
          </svg>
          <h2 class="title-font font-medium text-3xl text-gray-900">1.3K</h2>
          <p class="leading-relaxed">Active Members</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full sm:w-1/2 md:w-1/4">
        <div
          class="border-2 border-gray-200 pl-4 pr-4 px-4 pt-6 pb-6 py-6 rounded-lg"
        >
          <svg
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            class="inline-block text-indigo-500 w-12 h-12 mb-3"
            viewBox="0 0 24 24"
          >
            <path d="M3 18v-6a9 9 0 0118 0v6"></path>
            <path
              d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"
            ></path>
          </svg>
          <h2 class="title-font font-medium text-3xl text-gray-900">74</h2>
          <p class="leading-relaxed">Shared Projects</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full sm:w-1/2 md:w-1/4">
        <div
          class="border-2 border-gray-200 pl-4 pr-4 px-4 pt-6 pb-6 py-6 rounded-lg"
        >
          <svg
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            class="inline-block text-indigo-500 w-12 h-12 mb-3"
            viewBox="0 0 24 24"
          >
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
          </svg>
          <h2 class="title-font font-medium text-3xl text-gray-900">46</h2>
          <p class="leading-relaxed">Global Locations</p>
        </div>
      </div>
    </div>
  </div>
</section>