<section>
  <div class="container py-24">
    <div class="mx-auto flex w-full text-left">
      <div class="relative mx-auto inline-flex items-center align-middle">
        <div class="pb-12 text-center">
          <h1
            class="mb-8 flex max-w-4xl text-center text-4xl font-semibold leading-none tracking-tight text-gray-800 md:text-5xl lg:max-w-3xl">
            Transform your business with our landing page blocks
          </h1>
        </div>
      </div>
    </div>

    <div class="mx-auto text-center">
      <div class="mx-auto grid grid-cols-5 gap-4 lg:grid-cols-5">
        <div>
          <img class="mx-auto h-4 lg:h-12" src="/images/placeholders/original/logoone.svg" alt="Figma" />
        </div>
        <div>
          <img class="mx-auto h-4 lg:h-12" src="/images/placeholders/original/logotwo.svg" alt="Framer" />
        </div>
        <div>
          <img class="mx-auto h-4 lg:h-12" src="/images/placeholders/original/logothree.svg" alt="Sketch " />
        </div>
        <div>
          <img class="mx-auto h-4 lg:h-12" src="/images/placeholders/original/logofour.svg" alt="Sketch " />
        </div>
        <div>
          <img class="mx-auto h-4 lg:h-12" src="/images/placeholders/original/logofive.svg" alt="Invision" />
        </div>
      </div>
    </div>
  </div>
</section>