<div class="sidebar text-white p-4">
    <h5 class="text-center mb-4 text-light">Component 2</h5>
    <nav class="nav flex-column">
        <a class="nav-link active" href="{{ route('component2.index') }}">
            <i class="bi bi-people-fill"></i> WEOF Beneficiaries
        </a>
        <a class="nav-link" href="#"><i class="bi bi-graph-up"></i> KPIs & Reports</a>
    </nav>
</div>