<div class="max-w-[1120px] w-full xl:px-12 mt-[130px] md:mt-10 mb-8 md:mb-0 mx-auto"> <ul id="breadcrumbs" class="border-t-[1px] border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1"> <li> <a href="{{ url('homepage') }}" class="hover"> <span>HOME</span> </a> </li> {% for breadcrumb in breadcrumbs %} <span>/</span> <li> {% if not loop.last %} <a href="{{ url(breadcrumb.route) }}" class="hover"> <span>{{ breadcrumb.name }}</span> </a> {% else %} <span>{{ breadcrumb.name }}</span> {% endif %} </li> {% endfor %} </ul></div>