Svelte Customer Logos - Flowbite Svelte Blocks
This website section can be used as a social proof incentive to convince your potential clients by showcasing popular companies that you've collaborated with.
Default example #
Use this example to show a list of logos of the companies that have used your product or worked with to provide strong social proof to your website visitors.
- Svelte
<script>
import { Section, HeroHeader } from 'flowbite-svelte-blocks';
import { Airbnb, Google, Mailchimp, Mashable, Microsoft, Spotify } from '../utils';
</script>
<Section name="logos">
<HeroHeader>
<svelte:fragment slot="h2">You’ll be in good company</svelte:fragment>
<div class="grid grid-cols-2 gap-8 text-gray-500 sm:gap-12 md:grid-cols-3 lg:grid-cols-6 dark:text-gray-400">
<a href="/" class="flex justify-center items-center">
<Airbnb />
</a>
<a href="/" class="flex justify-center items-center">
<Google />
</a>
<a href="/" class="flex justify-center items-center">
<Microsoft />
</a>
<a href="/" class="flex justify-center items-center">
<Spotify />
</a>
<a href="/" class="flex justify-center items-center">
<Mailchimp />
</a>
<a href="/" class="flex justify-center items-center">
<Mashable />
</a>
</div></HeroHeader>
</Section>