<div class="container mx-auto py-4 px-6">
<nav aria-label="breadcrumb" class="flex items-center space-x-4 text-gray-600">
<a href="#" class="hover:text-blue-500 transition-colors">Home</a>
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M9.29 6.71a1 1 0 011.42 0L15 11l-4.29 4.29a1 1 0 01-1.42-1.42L12.17 12l-2.88-2.88a1 1 0 010-1.42z"></path>
</svg>
<a href="#" class="hover:text-blue-500 transition-colors">Category</a>
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M9.29 6.71a1 1 0 011.42 0L15 11l-4.29 4.29a1 1 0 01-1.42-1.42L12.17 12l-2.88-2.88a1 1 0 010-1.42z"></path>
</svg>
<span aria-current="page" class="font-semibold text-gray-900">Current Page</span>
</nav>
</div>