Component:

Logo-cloud E-commerce Modern

Name: Logo-cloud E-commerce Modern
Availability: InStock

Free

Tags: Logo Cloud Page Section Content Social Proof E-commerce Modern

Colors:

Description:

This carefully crafted Logo Cloud component is perfect for E-commerce landing pages, featuring a Modern design that looks great and converts well.

Simply copy the code with the "Copy" button, paste it into your project and customize the colors, text and images to match your brand.


                <!--
@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>

Logo-cloud E-commerce Modern

This is a Pro component

Access the full component collection

Premium components

Save components

Unlimited usage

Landing page submissions