<section class="py-16">
<div class="container mx-auto px-4">
<div class="pb-10 border-b border-gray-50 mb-10">
<div class="flex justify-center mb-12">
<a href="#" class="inline-block">
<img class="h-12" src="shopky-assets/logos/shopky-logo2.svg" alt="">
</a>
</div>
<ul class="flex flex-wrap justify-center gap-6">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 transition duration-200">Home</a>
</li>
<li>
<span class="text-gray-500">•</span>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 transition duration-200">Products</a>
</li>
<li>
<span class="text-gray-500">•</span>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 transition duration-200">Categories</a>
</li>
<li>
<span class="text-gray-500">•</span>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 transition duration-200">About Us</a>
</li>
<li>
<span class="text-gray-500">•</span>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 transition duration-200">Contact</a>
</li>
</ul>
</div>
<p class="text-center text-gray-500 mb-12">© Copyright 2024, All Rights Reserved</p>
<div class="flex flex-wrap justify-center gap-4">
<img class="h-6" src="shopky-assets/logos/visa-logo.svg" alt="">
<img class="h-6" src="shopky-assets/logos/mastercard-logo.svg" alt="">
<img class="h-6" src="shopky-assets/logos/paypal-logo.svg" alt="">
<img class="h-6" src="shopky-assets/logos/amex-logo.svg" alt="">
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
