Tailwind Reviews Components in Suncealand library

<section class="py-20 md:py-40 bg-yellowGray-50 overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap justify-between items-center -mx-4 mb-16">
      <div class="hidden md:block w-auto px-4">
        <a class="inline-block p-1" href="#">
          <svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.99906 16L9.41406 14.585L3.82906 9L2.74902 8L3.82906 7L9.41406 1.415L7.99906 8.29971e-07L-0.000937716 8L7.99906 16Z" fill="#04082F"></path>
          </svg>
        </a>
      </div>
      <div class="w-full md:w-2/3 px-4">
        <div class="max-w-4xl mx-auto text-center">
          <div class="inline-flex items-center px-5 py-2 bg-white rounded-full mb-14">
            <span class="block w-2 h-2 mr-2 rounded-full bg-blue-500"></span>
            <span class="uppercase text-sm font-medium tracking-tight">CUSTOMER REVIEWS</span>
          </div>
          <h3 class="font-heading leading-snug text-3xl lg:text-4xl 2xl:text-5xl font-medium mb-14">&ldquo;Tried a lot, find the best Tried a lot. Choose this one. A real nice tools and app. It comes with a few free plug-ins that will be more than enough for beginners. For more advansed users, you&apos;ll need to get a few more plug-ins for an extra cost on 3rd party websites, but suncealand makes it quite easy to set them up.&rdquo;</h3>
          <h4 class="text-2xl font-medium">Glen Harres</h4>
          <span>Spotify, Junior Designer</span>
        </div>
      </div>
      <div class="md:hidden w-full px-4 mt-20 text-center">
        <a class="inline-block p-1 mr-2" href="#">
          <svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.99906 16L9.41406 14.585L3.82906 9L2.74902 8L3.82906 7L9.41406 1.415L7.99906 8.29971e-07L-0.000937716 8L7.99906 16Z" fill="#04082F"></path>
          </svg>
        </a>
        <a class="inline-block p-1" href="#">
          <svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2.00094 0L0.585938 1.415L6.17094 7L7.25098 8L6.17094 9L0.585938 14.585L2.00094 16L10.0009 8L2.00094 0Z" fill="#04082F"></path>
          </svg>
        </a>
      </div>
      <div class="hidden md:block w-auto px-4">
        <a class="inline-block p-1" href="#">
          <svg width="10" height="16" viewbox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2.00094 0L0.585938 1.415L6.17094 7L7.25098 8L6.17094 9L0.585938 14.585L2.00094 16L10.0009 8L2.00094 0Z" fill="#04082F"></path>
          </svg>
        </a>
      </div>
    </div>
    <div class="max-w-4xl mx-auto">
      <div class="flex flex-wrap -mx-3">
        <div class="w-full sm:w-1/2 px-3 mb-6 md:mb-0">
          <div class="pt-12 pb-14 px-8 text-center bg-white rounded-3xl">
            <div class="flex mb-6 items-center justify-center">
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
            </div>
            <h5 class="text-2xl font-semibold">Trustpilot 4,9/5</h5>
            <span>dapibus, sodales purus</span>
          </div>
        </div>
        <div class="w-full sm:w-1/2 px-3">
          <div class="pt-12 pb-14 px-8 text-center bg-white rounded-3xl">
            <div class="flex mb-6 items-center justify-center">
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
              <svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
                <defs><rect width="22" height="22" fill="white"></rect></defs>
              </svg>
            </div>
            <h5 class="text-2xl font-semibold">Google: 4.7/5</h5>
            <span>Nulla placerat liberod</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>