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>
		{#snippet h2()}You’ll be in good company{/snippet}
		<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 items-center justify-center">
				<Airbnb />
			</a>
			<a href="/" class="flex items-center justify-center">
				<Google />
			</a>
			<a href="/" class="flex items-center justify-center">
				<Microsoft />
			</a>

			<a href="/" class="flex items-center justify-center">
				<Spotify />
			</a>
			<a href="/" class="flex items-center justify-center">
				<Mailchimp />
			</a>
			<a href="/" class="flex items-center justify-center">
				<Mashable />
			</a>
		</div></HeroHeader
	>
</Section>