Log In
BASIC-LIBRARY / SECTION / TESTIMONIALS

Testimonials Six

Preview Code
Quick edit
<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"
  >
    <h2
      class="mb-8 text-center text-2xl font-bold text-gray-800 md:mb-12 lg:text-3xl"
    >
      What others say about us
    </h2>
    <div class="grid md:grid-cols-2 gap-4 md:gap-8">
      <div
        class="flex flex-col items-center gap-4 rounded-lg bg-indigo-500 pl-8 pr-8 px-8 pt-6 pb-6 py-6 md:gap-6"
      >
        <div class="max-w-md text-center text-white lg:text-lg">
          &#x201c;The collaboration with this team has completely transformed
          our approach to innovation. Their ability to understand our needs and
          provide tailored solutions has been invaluable. The results speak for
          themselves &#x2014; their work has made a lasting impact on our
          business strategy.&#x201d;
        </div>
        <div class="flex flex-col items-center gap-2 sm:flex-row md:gap-3">
          <div
            class="overflow-hidden h-12 w-12 rounded-full border-2 border-indigo-100 bg-gray-100 md:h-14 md:w-14"
          >
            <img
              src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&amp;q=75&amp;fit=crop&amp;w=112"
              loading="lazy"
              alt="Photo by Radu Florin"
              class="h-full w-full object-cover object-center"
            />
          </div>
          <div class>
            <div
              class="text-center text-sm font-bold text-indigo-50 sm:text-left md:text-base"
            >
              John McCulling
            </div>
            <p
              class="text-center text-sm text-indigo-200 sm:text-left md:text-sm"
            >
              CEO / Datadrift
            </p>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center gap-4 rounded-lg bg-indigo-500 pl-8 pr-8 px-8 pt-6 pb-6 py-6 md:gap-6"
      >
        <div class="max-w-md text-center text-white lg:text-lg">
          &#x201c;Working with this team has been one of the best decisions
          we&#x2019;ve made. Their deep understanding of the market combined
          with their innovative mindset has helped us reshape our approach to
          product development. They truly know how to deliver results that
          matter.&#x201d;
        </div>
        <div class="flex flex-col items-center gap-2 sm:flex-row md:gap-3">
          <div
            class="overflow-hidden h-12 w-12 rounded-full border-2 border-indigo-100 bg-gray-100 md:h-14 md:w-14"
          >
            <img
              src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&amp;q=75&amp;fit=crop&amp;w=112"
              loading="lazy"
              alt="Photo by christian ferrer"
              class="h-full w-full object-cover object-center"
            />
          </div>
          <div class>
            <div
              class="text-center text-sm font-bold text-indigo-50 sm:text-left md:text-base"
            >
              Kate Berg
            </div>
            <p
              class="text-center text-sm text-indigo-200 sm:text-left md:text-sm"
            >
              CFO / Dashdash
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
© 2025 tailsections.com. All rights reserved

Don’t Lose Your Edits!

Your changes are saved locally, but they may expire or be lost if you don’t create an account.

Create Account