<script>
	import { Marquee } from 'flowbite-svelte';
	import { projects } from '$lib/projects.js';
	const allVendors = Array.from(
		new Map(
			projects.flatMap((project) => project.vendors).map((vendor) => [vendor.name, vendor])
		).values()
	);
</script>

<Marquee speed={0.5} hoverSpeed={0.25} class="py-6 bg-stone-200 gradi">
	{#each allVendors as vendor}
		<img class="w-16 h-16" alt={vendor.name} src={vendor.img} />
	{/each}
</Marquee>
