<div class="mt-10 inline-flex p-1.5 bg-gray-100 rounded-2xl flex-wrap justify-center">
    <button onclick="filterCoaches('all')" class="filter-tab active px-6 py-2.5 rounded-xl text-sm font-bold" id="btn-all">All Guardians</button>
    <button onclick="filterCoaches('ancestral')" class="filter-tab px-6 py-2.5 rounded-xl text-sm font-bold" id="btn-ancestral">Ancestral Wisdom</button>
    <button onclick="filterCoaches('botanical')" class="filter-tab px-6 py-2.5 rounded-xl text-sm font-bold" id="btn-botanical">Botanical Science</button>
    <button onclick="filterCoaches('mind')" class="filter-tab px-6 py-2.5 rounded-xl text-sm font-bold" id="btn-mind">Mind-Body Balance</button>
</div>
