<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">
      <h2
        class="tracking-widest title-font text-xs text-indigo-500 font-medium mb-1"
      >
        FEATURED SOLUTIONS
      </h2>
      <h1 class="title-font text-2xl font-medium text-gray-900 sm:text-3xl">
        Discover Tools Designed to Accelerate Growth
      </h1>
    </div>
    <div class="-m-4 flex flex-wrap">
      <div class="pt-4 pr-4 pb-4 pl-4 md:w-1/3">
        <div
          class="flex rounded-lg h-full bg-gray-100 pt-8 pr-8 pb-8 pl-8 flex-col"
        >
          <div class="flex items-center mb-3">
            <div
              class="inline-flex flex-shrink-0 w-8 h-8 mr-3 items-center justify-center rounded-full bg-indigo-500 text-white"
            >
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-5 h-5"
                viewBox="0 0 24 24"
              >
                <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
              </svg>
            </div>
            <h2 class="title-font text-gray-900 text-lg font-medium">
              Rapid Analytics
            </h2>
          </div>
          <div class="flex-grow">
            <p class="leading-relaxed text-base">
              Instantly visualize your KPIs and uncover actionable insights with
              real-time dashboards designed for fast decision-making.
            </p>
            <a class="inline-flex mt-3 text-indigo-500 items-center">
              <span
                data-node-handle="base-text"
                class="inline-block h-auto w-auto"
              >
                Learn More
              </span>
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-4 h-4 ml-2"
                viewBox="0 0 24 24"
              >
                <path d="M5 12h14M12 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 md:w-1/3">
        <div
          class="flex rounded-lg h-full bg-gray-100 pt-8 pr-8 pb-8 pl-8 flex-col"
        >
          <div class="flex items-center mb-3">
            <div
              class="inline-flex flex-shrink-0 w-8 h-8 mr-3 items-center justify-center rounded-full bg-indigo-500 text-white"
            >
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-5 h-5"
                viewBox="0 0 24 24"
              >
                <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
                <circle cx="12" cy="7" r="4"></circle>
              </svg>
            </div>
            <h2 class="title-font text-gray-900 text-lg font-medium">
              Team Collaboration
            </h2>
          </div>
          <div class="flex-grow">
            <p class="leading-relaxed text-base">
              Coordinate seamlessly with your team using shared project boards,
              task automation, and integrated communication tools.
            </p>
            <a class="inline-flex mt-3 text-indigo-500 items-center">
              <span
                data-node-handle="base-text"
                class="inline-block h-auto w-auto"
              >
                Learn More
              </span>
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-4 h-4 ml-2"
                viewBox="0 0 24 24"
              >
                <path d="M5 12h14M12 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 md:w-1/3">
        <div
          class="flex rounded-lg h-full bg-gray-100 pt-8 pr-8 pb-8 pl-8 flex-col"
        >
          <div class="flex items-center mb-3">
            <div
              class="inline-flex flex-shrink-0 w-8 h-8 mr-3 items-center justify-center rounded-full bg-indigo-500 text-white"
            >
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-5 h-5"
                viewBox="0 0 24 24"
              >
                <circle cx="6" cy="6" r="3"></circle>
                <circle cx="6" cy="18" r="3"></circle>
                <path
                  d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12"
                ></path>
              </svg>
            </div>
            <h2 class="title-font text-gray-900 text-lg font-medium">
              Secure Integrations
            </h2>
          </div>
          <div class="flex-grow">
            <p class="leading-relaxed text-base">
              Connect safely with your existing tools and systems using robust
              APIs and encrypted data pipelines, without compromising speed.
            </p>
            <a class="inline-flex mt-3 text-indigo-500 items-center">
              <span
                data-node-handle="base-text"
                class="inline-block h-auto w-auto"
              >
                Learn More
              </span>
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-4 h-4 ml-2"
                viewBox="0 0 24 24"
              >
                <path d="M5 12h14M12 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>