<!--
@type: Logo Cloud
@industry: E-commerce
@style: Modern
@category: Page Section, Content, Social Proof
@framework: Tailwind
@license: Free
-->
<section class="w-full py-12 md:py-24 bg-white">
<div class="max-w-7xl mx-auto px-4 text-center">
<div class="max-w-3xl mx-auto space-y-6">
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl md:text-5xl">Trusted by Leading Brands</h2>
<p class="text-lg text-gray-600 md:text-xl">
We partner with the most reputable brands to bring you the highest quality products. Shop with confidence.
</p>
</div>
<div class="mt-12 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-8 items-center justify-center">
<div class="flex justify-center items-center p-4">
<img alt="Shopify Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/shopify-logo-200x63.webp">
</div>
<div class="flex justify-center items-center p-4">
<img alt="Slack Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/slack-logo-200x51.webp">
</div>
<div class="flex justify-center items-center p-4">
<img alt="Google Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/google-logo-200x83.webp">
</div>
<div class="flex justify-center items-center p-4">
<img alt="Stripe Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/stripe-logo-200x93.webp">
</div>
<div class="flex justify-center items-center p-4">
<img alt="Dropbox Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/dropbox-logo-200x39.webp">
</div>
<div class="flex justify-center items-center p-4">
<img alt="Notion Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="max-h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300"
src="https://landinggo.com/assets/img/stock/logo-cloud/notion-logo-200x70.webp">
</div>
</div>
<div class="mt-12">
<button data-slot="button" class="inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-lg text-lg font-semibold text-white bg-orange-500 hover:bg-orange-600 transition duration-150 ease-in-out cursor-pointer hover:shadow-lg">
Explore All Brands
</button>
</div>
</div>
</section>
