Logos Two

Trusted by Top Innovators

Our partnerships empower the next wave of cutting-edge solutions, driving success across industries.

@import url("/template/basic-library/section/logos/logos-two/raw/styles.css");

<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-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div
      class="mb-4 flex flex-col items-center md:mb-8 lg:flex-row lg:justify-between"
    >
      <h2
        class="mb-2 text-center text-2xl font-bold text-gray-800 lg:mb-0 lg:text-3xl"
      >
        Trusted by Top Innovators
      </h2>
      <p class="max-w-md text-center text-gray-400 lg:text-right">
        Our partnerships empower the next wave of cutting-edge solutions,
        driving success across industries.
      </p>
    </div>
    <div class="grid grid-cols-2 md:grid-cols-3 gap-4 rounded-lg lg:gap-6">
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/acme.png"
        />
      </div>
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/aven.png"
        />
      </div>
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/code-lab.png"
        />
      </div>
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/hexa.png"
        />
      </div>
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/hooks.png"
        />
      </div>
      <div
        class="flex h-16 items-center justify-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 text-gray-400 sm:h-32"
      >
        <img
          class="max-w-full w-14 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/mark/nirastate.png"
        />
      </div>
    </div>
  </div>
</div>