Kutty Home Page
Docs Components GitHub

Logos

<section class="px-4 py-24 mx-auto max-w-7xl">
  <h1 class="mb-3 text-3xl font-bold leading-tight text-center text-gray-900 md:text-4xl">Trusted by 5200+, built by 17</h1>
  <p class="mb-16 text-lg text-center text-gray-600">Organizations of all sizes trust Hellonext to manage customer feedback</p>
  <div class="grid grid-cols-2 gap-16 mb-16 text-center lg:grid-cols-6">
    <div class="flex items-center justify-center">
      <img src="/logos/todoist.svg" alt="Todoist Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/slack-icon.svg" alt="Slack Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/typeform.svg" alt="Typeform Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/algolia.svg" alt="Algolia Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/postcss.svg" alt="Postcss Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/yahoo.svg" alt="Yahoo Logo" class="block object-contain h-16" />
    </div>
  </div>
  <div class="text-center">
    <a href="#" class="btn btn-light btn-lg btn-icon">
      <span>See our Testimonials</span>
      <svg viewBox="0 0 20 20" fill="currentColor" class="ml-3">
        <path
          fill-rule="evenodd"
          d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
          clip-rule="evenodd"
        ></path>
      </svg>
    </a>
  </div>
</section>
<section class="px-4 py-24 mx-auto max-w-7xl">
  <div class="grid grid-cols-2 gap-2 text-center lg:grid-cols-6">
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/todoist.svg" alt="Todoist Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/slack-icon.svg" alt="Slack Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/typeform.svg" alt="Typeform Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/postcss.svg" alt="Postcss Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/yahoo.svg" alt="Yahoo Logo" class="block object-contain h-16" />
    </div>
    <div class="flex items-center justify-center p-6 bg-opacity-25 bg-primary-light">
      <img src="/logos/algolia.svg" alt="Algolia Logo" class="block object-contain h-16" />
    </div>
  </div>
</section>
<section class="px-4 py-24 mx-auto max-w-7xl">
  <h1 class="mb-12 text-sm font-bold tracking-wide text-center text-gray-800 uppercase">We’re proud to have played a part in these amazing journeys.</h1>
  <div class="grid grid-cols-2 gap-10 text-center lg:grid-cols-8">
    <div class="flex items-center justify-center">
      <img src="/logos/todoist.svg" alt="Todoist Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/slack-icon.svg" alt="Slack Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/typeform.svg" alt="Typeform Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/algolia.svg" alt="Algolia Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/postcss.svg" alt="Postcss Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/tailwindcss.svg" alt="TailwindCSS Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/discord.svg" alt="Discord Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/vimeo.svg" alt="Vimeo Logo" class="block object-contain h-12" />
    </div>
  </div>
</section>
<section class="px-4 py-24 mx-auto max-w-7xl">
  <div class="grid grid-cols-2 gap-10 text-center lg:grid-cols-8">
    <div class="flex items-center justify-center">
      <img src="/logos/todoist.svg" alt="Todoist Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/slack-icon.svg" alt="Slack Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/typeform.svg" alt="Typeform Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/algolia.svg" alt="Algolia Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/postcss.svg" alt="Postcss Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/tailwindcss.svg" alt="TailwindCSS Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/discord.svg" alt="Discord Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/vimeo.svg" alt="Vimeo Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/campfire.svg" alt="Campfire Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/android.svg" alt="Android Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/atlassian.svg" alt="Atlassian Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/apple.svg" alt="Apple Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/google.svg" alt="Google Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/zeplin.svg" alt="Zeplin Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/visual-studio-code.svg" alt="VSCode Logo" class="block object-contain h-12" />
    </div>
    <div class="flex items-center justify-center">
      <img src="/logos/ycombinator.svg" alt="Ycombinator Logo" class="block object-contain h-12" />
    </div>
  </div>
  <p class="mt-16 text-base font-medium text-center text-gray-500">
    From startups to Fortune 500s, the world's best teams use our tool to power their internal apps.
    <a href="#" class="inline-flex items-center justify-center text-primary hover:text-primary-dark">
      Our customers
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline w-3 h-3 ml-1">
        <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
      </svg>
    </a>
  </p>
</section>