<div class="py-16 px-4 max-w-screen-xl mx-auto">
<h3 class="mb-4 text-xl font-bold text-black dark:text-white sm:text-2xl lg:text-xl xl:text-2xl">Our Clients</h3>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-8">
<div class="flex justify-center items-center"><a href="https://www.example.com/client1" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 1" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client2" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 2" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client3" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 3" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client4" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 4" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client5" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 5" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client6" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 6" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client7" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 7" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client8" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 8" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client9" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 9" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client10" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 10" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client11" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 11" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client12" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 12" />
</a></div>

<h3 class="mb-4 text-xl font-bold text-black dark:text-white sm:text-2xl lg:text-xl xl:text-2xl">Our Clients</h3>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-8">
<div class="flex justify-center items-center"><a href="https://www.example.com/client1" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 1" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client2" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 2" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client3" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 3" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client4" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 4" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client5" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 5" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client6" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 6" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client7" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 7" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client8" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 8" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client9" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 9" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client10" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 10" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client11" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 11" />
</a></div>
<div class="flex justify-center items-center"><a href="https://www.example.com/client12" target="_blank" rel="noopener noreferrer">
<img class="object-contain h-16" src="https://via.placeholder.com/150" alt="Client Logo 12" />
</a></div>

</div>