        <!-- Navigation -->
        <nav class="flex-1 py-2 px-1 space-y-4 text-sm overflow-y-auto">
            <!-- Main Section -->
            <div class="space-y-1">
                <p class="px-2 text-xs font-semibold uppercase tracking-wider text-gray-400">Main</p>
                <x-sidebar.link icon="home" label="Dashboard" route="user.dashboard" />
                <x-sidebar.link icon="arrows-right-left" label="Transactions" route="user.transactions" />
                <x-sidebar.link icon="credit-card" label="Cards" route="user.virtual.cards" />
            </div>

            <!-- Insights Section -->
            <div class="space-y-1">
                <p class="px-2 text-xs font-semibold uppercase tracking-wider text-gray-400">transfers</p>
                <x-sidebar.link icon="plus" label="Deposit" route="user.deposit" />
                <x-sidebar.link icon="minus" label="Withdrawal" route="user.withdrawal" />
                <x-sidebar.link icon="send" :iconSolid="false" label="Local Transfer" route="user.local.transfer" />
                <x-sidebar.link icon="globe-alt" label="Other Bank Transfer" route="user.international.transfer" />
                <x-sidebar.link icon="arrow-path" label="Transfer Balanace" route="user.balance.swap" />
            </div>

            <!-- SERVICES Section -->
            <div class="space-y-1">
                <p class="px-2 text-xs font-semibold uppercase tracking-wider text-gray-400">SERVICES</p>
                <x-sidebar.link icon="building-library" label="Loans" route="user.loans" activeRoute="user.loans*" />
                <x-sidebar.link icon="receipt-refund" label="Tax Refunds" route="user.tax.refund.index"
                    activeRoute="user.tax*" />
                <x-sidebar.link icon="hand-coins" :iconSolid="false" label="Grants" route="user.grants.index"
                    activeRoute="user.grants*" />
                <x-sidebar.link icon="cog-8-tooth" label="Settings" route="user.settings.index"
                    activeRoute="user.settings*" />
                <x-sidebar.link icon="chat-bubble-left-ellipsis" label="Support" route="user.ticket.index"
                    activeRoute="user.ticket*" />


            </div>
        </nav>
