<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
                <div class="app-brand demo">
                    <a href="index" class="app-brand-link">
                        <span class="app-brand-logo ">
                            <img src="images/favicon-main.png" alt="ClockEarnings Limited">
                        </span>
                        <span class="app-brand-text demo menu-text fw-bold">ClockEarnings</span>
                    </a>
                    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                        <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
                        <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
                    </a>
                </div>

                <div class="menu-inner-shadow"></div>

                <ul class="menu-inner py-1">
                    <!-- Dashboards -->
                    <li class="menu-item ">
                        <a href="index" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Dashboard">Dashboard</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="Navigation">Navigation</span>
                    </li>
                    <li class="menu-item">
                        <a href="bot-activities" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Bot Activities">Bot Activities</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="weekly-deposits" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Weekly Residual">Weekly Residual</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="cash-bonus" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Cash Bonus">Cash Bonus</div>
                        </a>
                    </li>
                    <!-- Front Pages -->
                    <li class="menu-item active open">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon tf-icons ti ti-wallet"></i>
                            <div data-i18n="Wallet">Wallet</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item active">
                                <a href="deposit" class="menu-link">
                                    <div data-i18n="Deposit">Deposit</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="withdrawal" class="menu-link">
                                    <div data-i18n="Withdraw">Withdraw</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="account-history" class="menu-link">
                                    <div data-i18n="History">History</div>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- Layouts -->
                    <li class="menu-item ">
                        <a href="investment-pricing" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-forms"></i>
                            <div data-i18n="BOTs">BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="invest" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="New BOTs">New BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="invest-top-up" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="BOT Top-Up">BOT Top-Up</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="my-portfolio" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-id"></i>
                            <div data-i18n="My Portfolio">My Portfolio</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="referral" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-users"></i>
                            <div data-i18n="Affiliate">Affiliate</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="User Pages">User Pages</span>
                    </li>


                    <li class="menu-item ">
                        <a href="account-profile" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-user"></i>
                            <div data-i18n="User Profile">User Profile</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="account-settings" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Account Settings">Account Settings</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="mailto:support@clockearnings.io" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-lifebuoy"></i>
                            <div data-i18n="Support">Support</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="index" class="menu-link">
                            <i class="menu-icon fa-solid fa-arrow-right-from-bracket"></i>
                            <div data-i18n="Logout">Logout</div>
                        </a>
                    </li>
                </ul>
            </aside>