Logo-cloud SaaS Modern 3

                <!--
@type: Logo Cloud
@industry: SaaS
@style: Modern
@category: Page Section, Content, Social Proof
@framework: Tailwind
@license: Free
-->

<style>
  .animate-fadeInUp {
    animation: fadeInUp 0.8s ease-out forwards;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
</style>

<section class="py-24 px-6 bg-zinc-50">
  <div class="max-w-4xl mx-auto animate-fadeInUp">
    <div class="text-center">
      <p class="text-sm text-zinc-500 uppercase tracking-wide mb-4">Trusted By</p>
      <div class="flex flex-wrap justify-center items-center gap-x-12 gap-y-6">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/google-logo-200x83.webp" alt="Google logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/slack-logo-200x51.webp" alt="Data logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/notion-logo-200x70.webp" alt="Cloud logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/dropbox-logo-200x39.webp" alt="Growth logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/stripe-logo-200x93.webp" alt="Smart logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
        <img src="https://landinggo.com/assets/img/stock/logo-cloud/shopify-logo-200x63.webp" alt="Future logo"
          class="w-full h-full max-w-24 max-h-12 object-contain hover:scale-105 transition-all duration-300">
      </div>
    </div>
  </div>
</section>