Adase Ads \u2013 Complete Dashboard | Digital Advertising & SMM<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&family=Playfair+Display:wght@400;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n :root {\n --primary: #0a1f44;\n --gold: #c49a2b;\n --bg: #f4f6f9;\n --card-bg: #ffffff;\n --text: #1e293b;\n --shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.02);\n --radius: 16px;\n }\n body {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n background: var(--bg);\n color: var(--text);\n display: flex;\n min-height: 100vh;\n }\n .sidebar {\n width: 280px;\n background: var(--primary);\n color: #fff;\n padding: 24px 16px;\n position: fixed;\n top: 0; left: 0; bottom: 0;\n z-index: 100;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n .sidebar .logo {\n font-family: 'Playfair Display', serif;\n font-size: 26px;\n font-weight: 800;\n text-align: center;\n letter-spacing: 2px;\n margin-bottom: 32px;\n }\n .sidebar .logo span { color: var(--gold); }\n .sidebar nav a {\n display: flex;\n align-items: center;\n gap: 12px;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n padding: 12px 16px;\n border-radius: 12px;\n margin-bottom: 6px;\n font-weight: 500;\n transition: all 0.2s;\n }\n .sidebar nav a:hover,\n .sidebar nav a.active { background: rgba(255,255,255,0.1); color: var(--gold); }\n .sidebar nav a i { width: 24px; }\n .main {\n margin-left: 280px;\n flex: 1;\n padding: 28px 32px;\n transition: margin-left 0.3s;\n }\n .mobile-header {\n display: none;\n align-items: center;\n gap: 16px;\n background: var(--primary);\n color: #fff;\n padding: 14px 20px;\n position: sticky;\n top: 0; z-index: 99;\n }\n .mobile-header .menu-toggle {\n background: none; border: none; color: #fff; font-size: 24px; cursor: pointer;\n }\n .section {\n background: var(--card-bg);\n border-radius: var(--radius);\n padding: 24px;\n margin-bottom: 24px;\n box-shadow: var(--shadow);\n display: none;\n }\n .section.active { display: block; }\n h2 {\n font-family: 'Playfair Display', serif;\n color: var(--primary);\n font-size: 24px;\n margin-bottom: 20px;\n border-left: 4px solid var(--gold);\n padding-left: 16px;\n }\n h3 { color: var(--primary); margin: 20px 0 12px; font-size: 18px; }\n .wallet-balance { font-size: 36px; font-weight: 800; color: var(--gold); }\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--primary);\n color: #fff;\n border: none;\n padding: 10px 24px;\n border-radius: 40px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s;\n font-size: 14px;\n }\n .btn-gold { background: var(--gold); color: var(--primary); }\n .btn-outline {\n background: transparent;\n border: 1.5px solid var(--primary);\n color: var(--primary);\n }\n .btn-danger { background: #dc3545; }\n .btn-success { background: #10b981; }\n .btn-sm { padding: 6px 16px; font-size: 12px; }\n .btn:hover { opacity: 0.9; transform: translateY(-1px); }\n .form-group { margin-bottom: 18px; }\n .form-group label {\n display: block;\n font-weight: 600;\n margin-bottom: 6px;\n color: var(--primary);\n }\n .form-control {\n width: 100%;\n padding: 12px 16px;\n border: 1.5px solid #e2e8f0;\n border-radius: 12px;\n font-size: 14px;\n transition: border 0.2s;\n }\n .form-control:focus { border-color: var(--gold); outline: none; }\n .row { display: flex; gap: 20px; flex-wrap: wrap; }\n .col { flex: 1; min-width: 200px; }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 12px;\n overflow-x: auto;\n display: block;\n }\n th, td {\n padding: 12px 14px;\n border-bottom: 1px solid #e2e8f0;\n text-align: left;\n font-size: 14px;\n }\n th { background: #f8fafc; color: var(--primary); font-weight: 700; }\n .badge {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n }\n .badge-success { background: #d1fae5; color: #065f46; }\n .badge-warning { background: #fef3c7; color: #b45309; }\n .badge-danger { background: #fee2e2; color: #991b1b; }\n .notification {\n background: #fef3c7;\n border-left: 4px solid #f59e0b;\n padding: 14px;\n border-radius: 12px;\n margin-bottom: 12px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n }\n .auth-container {\n max-width: 520px;\n margin: 40px auto;\n background: var(--card-bg);\n border-radius: 28px;\n padding: 36px;\n box-shadow: var(--shadow);\n }\n .terms-box {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 16px 0;\n font-size: 14px;\n }\n \/* SMM Services Grid *\/\n .smm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n gap: 16px;\n margin-top: 20px;\n }\n .service-card {\n background: #f8fafc;\n border-radius: 20px;\n padding: 16px;\n text-align: center;\n border: 1px solid #eef2ff;\n transition: all 0.2s;\n cursor: pointer;\n }\n .service-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: var(--gold); }\n .service-icon { font-size: 2rem; margin-bottom: 8px; }\n .service-title { font-weight: 700; margin-bottom: 6px; }\n .service-price { color: var(--gold); font-weight: 800; margin: 8px 0; }\n .payment-details {\n background: #f0fdf4;\n border-radius: 16px;\n padding: 16px;\n margin: 16px 0;\n border-left: 4px solid #10b981;\n }\n .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }\n \/* Modal Styles *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n }\n .modal-content {\n background: white;\n max-width: 500px;\n width: 90%;\n border-radius: 28px;\n padding: 28px;\n max-height: 85vh;\n overflow-y: auto;\n }\n .payment-option {\n background: #f8fafc;\n border-radius: 16px;\n padding: 16px;\n margin-bottom: 12px;\n border: 1px solid #eef2ff;\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n }\n .payment-option i { font-size: 1.8rem; width: 50px; text-align: center; }\n .payment-details { flex: 1; }\n .payment-details strong { display: block; font-size: 1rem; }\n .payment-details small { color: #6b7280; word-break: break-all; font-family: monospace; }\n .copy-btn {\n background: #e2e8f0;\n border: none;\n padding: 6px 14px;\n border-radius: 40px;\n cursor: pointer;\n font-size: 0.7rem;\n font-weight: 600;\n transition: all 0.2s;\n }\n .copy-btn:hover { background: var(--gold); color: white; }\n .close-modal { float: right; font-size: 28px; cursor: pointer; color: #666; transition: color 0.2s; }\n .close-modal:hover { color: #ef4444; }\n @media (max-width: 768px) {\n .sidebar { transform: translateX(-100%); width: 260px; }\n .sidebar.open { transform: translateX(0); }\n .main { margin-left: 0; padding: 20px 16px; }\n .mobile-header { display: flex; }\n .row { flex-direction: column; }\n .payment-option { flex-direction: column; text-align: center; }\n .payment-option i { margin: 0 auto; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <aside class=\"sidebar\" id=\"sidebar\">\n <div class=\"logo\">ADASE <span>ADS<\/span><\/div>\n <nav>\n <a href=\"#dashboard\" class=\"active\" data-section=\"dashboard\"><i class=\"fas fa-tachometer-alt\"><\/i> Dashboard<\/a>\n <a href=\"#wallet\" data-section=\"wallet\"><i class=\"fas fa-wallet\"><\/i> Wallet<\/a>\n <a href=\"#invest\" data-section=\"invest\"><i class=\"fas fa-file-invoice-dollar\"><\/i> Buy Notes<\/a>\n <a href=\"#smm-services\" data-section=\"smm-services\"><i class=\"fas fa-chart-line\"><\/i> SMM Services<\/a>\n <a href=\"#history-invest\" data-section=\"history-invest\"><i class=\"fas fa-chart-pie\"><\/i> Investments<\/a>\n <a href=\"#history-tx\" data-section=\"history-tx\"><i class=\"fas fa-history\"><\/i> Transactions<\/a>\n <a href=\"#\" id=\"logoutSidebar\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/a>\n <a href=\"#\" id=\"adminSidebarLink\" style=\"margin-top:20px; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px;\"><i class=\"fas fa-shield-alt\"><\/i> Admin Panel<\/a>\n <\/nav>\n <\/aside>\n\n <div class=\"mobile-header\">\n <button class=\"menu-toggle\" id=\"menuToggle\">\u2630<\/button>\n <span style=\"font-weight:600;\">Adase Dashboard<\/span>\n <\/div>\n\n <main class=\"main\" id=\"mainContent\">\n \n <div id=\"authSection\">\n <div class=\"auth-container\">\n <h2 style=\"text-align:center;\">Welcome to Adase Ads<\/h2>\n <div style=\"display:flex; gap:12px; justify-content:center; margin-bottom:24px;\">\n <button class=\"btn btn-gold\" onclick=\"showAuthTab('login')\">Login<\/button>\n <button class=\"btn btn-outline\" onclick=\"showAuthTab('register')\">Register<\/button>\n <\/div>\n <div id=\"loginForm\">\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" class=\"form-control\" id=\"loginEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" class=\"form-control\" id=\"loginPassword\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"><\/div>\n <button class=\"btn btn-gold\" onclick=\"login()\" style=\"width:100%;\">Login<\/button>\n <\/div>\n <div id=\"registerForm\" style=\"display:none;\">\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>First Name *<\/label><input type=\"text\" class=\"form-control\" id=\"regFirstName\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Last Name *<\/label><input type=\"text\" class=\"form-control\" id=\"regLastName\"><\/div><\/div>\n <\/div>\n <div class=\"form-group\"><label>Email *<\/label><input type=\"email\" class=\"form-control\" id=\"regEmail\"><\/div>\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>Country *<\/label><input type=\"text\" class=\"form-control\" id=\"regCountry\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Mobile Number *<\/label><input type=\"text\" class=\"form-control\" id=\"regMobile\"><\/div><\/div>\n <\/div>\n <div class=\"form-group\"><label>NIN \/ Passport *<\/label><input type=\"text\" class=\"form-control\" id=\"regNIN\"><\/div>\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>Password *<\/label><input type=\"password\" class=\"form-control\" id=\"regPassword\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Confirm *<\/label><input type=\"password\" class=\"form-control\" id=\"regConfirmPassword\"><\/div><\/div>\n <\/div>\n <div class=\"terms-box\"><input type=\"checkbox\" id=\"acceptTerms\"> <label>I accept Terms & Conditions<\/label><\/div>\n <button class=\"btn btn-gold\" onclick=\"register()\" style=\"width:100%;\">Register<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"dashboardSections\" style=\"display:none;\">\n <section class=\"section active\" id=\"section-dashboard\">\n <h2>Dashboard<\/h2>\n <div class=\"row\">\n <div class=\"col\"><p style=\"color:#666;\">Wallet Balance<\/p><div class=\"wallet-balance\" id=\"balanceDisplay\">0 UGX<\/div><\/div>\n <div class=\"col\" style=\"text-align:right;\"><span id=\"userNameDisplay\" style=\"font-weight:600;\"><\/span><\/div>\n <\/div>\n <div style=\"margin-top:20px; display:flex; gap:12px; flex-wrap:wrap;\">\n <button class=\"btn btn-gold\" onclick=\"switchSection('wallet')\"><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/button>\n <button class=\"btn\" onclick=\"switchSection('invest')\"><i class=\"fas fa-file-invoice\"><\/i> Buy Notes<\/button>\n <button class=\"btn btn-outline\" onclick=\"switchSection('smm-services')\"><i class=\"fab fa-facebook\"><\/i> SMM Services<\/button>\n <\/div>\n <h3 style=\"margin-top:28px;\"><i class=\"fas fa-bell\"><\/i> Notifications<\/h3>\n <div id=\"notificationsPreview\"><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-wallet\">\n <h2>Wallet Management<\/h2>\n <div class=\"row\">\n <div class=\"col\"><h3>Add Money<\/h3><div class=\"form-group\"><label>Amount (UGX)<\/label><input type=\"number\" class=\"form-control\" id=\"topupAmount\" placeholder=\"e.g., 500000\"><\/div><button class=\"btn btn-gold\" onclick=\"submitTopup()\">Request Top-up<\/button><\/div>\n <div class=\"col\"><h3>Withdraw<\/h3><div class=\"form-group\"><label>Amount (UGX)<\/label><input type=\"number\" class=\"form-control\" id=\"withdrawAmount\" placeholder=\"e.g., 200000\"><\/div><button class=\"btn btn-outline\" onclick=\"submitWithdraw()\">Request Withdrawal<\/button><\/div>\n <\/div>\n <div style=\"margin-top:30px;\"><h3>Transfer to User<\/h3><div class=\"row\"><div class=\"col\"><input type=\"email\" class=\"form-control\" id=\"transferEmail\" placeholder=\"Recipient Email\"><\/div><div class=\"col\"><input type=\"number\" class=\"form-control\" id=\"transferAmount\" placeholder=\"Amount UGX\"><\/div><\/div><button class=\"btn\" onclick=\"submitTransfer()\" style=\"margin-top:12px;\">Request Transfer<\/button><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-invest\">\n <h2>Buy Convertible Notes<\/h2>\n <p style=\"margin-bottom:16px;\">Minimum 100,000 UGX. 17% p.a. interest, 3-year maturity.<\/p>\n <div class=\"row\"><div class=\"col\"><input type=\"number\" class=\"form-control\" id=\"investAmount\" placeholder=\"Amount (UGX)\" min=\"100000\"><\/div><div class=\"col\"><button class=\"btn btn-gold\" onclick=\"buyAndDownload()\">Buy & Download Certificate<\/button><\/div><\/div>\n <p id=\"investMsg\" style=\"margin-top:12px;\"><\/p>\n <\/section>\n\n \n <section class=\"section\" id=\"section-smm-services\">\n <h2><i class=\"fab fa-facebook\"><\/i> Social Media Marketing<\/h2>\n <div id=\"smmServicesPanel\"><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-history-invest\">\n <h2>Investment History<\/h2>\n <div style=\"overflow-x:auto;\"><table id=\"investHistoryTable\"><thead><tr><th>Certificate No<\/th><th>Principal<\/th><th>Date<\/th><th>Download<\/th><\/tr><\/thead><tbody id=\"investHistoryBody\"><\/tbody><\/table><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-history-tx\">\n <h2>Transaction History<\/h2>\n <div style=\"overflow-x:auto;\"><table><thead><tr><th>Type<\/th><th>Amount<\/th><th>Status<\/th><th>Date<\/th><th>Note<\/th><\/tr><\/thead><tbody id=\"txHistoryBody\"><\/tbody><\/table><\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"adminPanel\" style=\"display:none;\">\n <div style=\"margin-bottom:20px; display:flex; gap:10px; flex-wrap:wrap;\">\n <button class=\"btn\" onclick=\"switchToUserView()\"><i class=\"fas fa-arrow-left\"><\/i> User Dashboard<\/button>\n <button class=\"btn\" onclick=\"switchSection('admin-requests')\"><i class=\"fas fa-exchange-alt\"><\/i> Requests<\/button>\n <button class=\"btn\" onclick=\"switchSection('admin-users')\"><i class=\"fas fa-users\"><\/i> Users<\/button>\n <button class=\"btn btn-outline\" onclick=\"switchSection('admin-notify')\"><i class=\"fas fa-bell\"><\/i> Notify<\/button>\n <button class=\"btn btn-danger\" onclick=\"adminLogout()\">Logout Admin<\/button>\n <\/div>\n <section class=\"section active\" id=\"section-admin-requests\"><h2>Pending Requests<\/h2><button class=\"btn\" onclick=\"loadAdminRequests()\">Refresh<\/button><div id=\"adminRequestsContainer\"><\/div><\/section>\n <section class=\"section\" id=\"section-admin-users\"><h2>All Registered Users<\/h2><button class=\"btn btn-gold\" onclick=\"exportUsersToCSV()\">Download CSV<\/button><div style=\"overflow-x:auto; margin-top:20px;\"><table><thead><tr><th>ID<\/th><th>Full Name<\/th><th>Email<\/th><th>Country<\/th><th>Mobile<\/th><th>Wallet<\/th><\/tr><\/thead><tbody id=\"adminUsersContainer\"><\/tbody><\/table><\/div><\/section>\n <section class=\"section\" id=\"section-admin-notify\"><h2>Send Notification<\/h2><input type=\"text\" class=\"form-control\" id=\"notifyUserId\" placeholder=\"User ID\"><textarea class=\"form-control\" id=\"notifyMsg\" rows=\"2\" placeholder=\"Message\"><\/textarea><button class=\"btn\" onclick=\"adminSendNotification()\" style=\"margin-top:12px;\">Send<\/button><\/section>\n <\/div>\n\n <div id=\"adminLoginSection\" style=\"display:none;\">\n <div class=\"auth-container\"><h2>Admin Login<\/h2><input type=\"password\" class=\"form-control\" id=\"adminPassword\" placeholder=\"Admin Password\"><button class=\"btn btn-gold\" onclick=\"adminLogin()\" style=\"width:100%;margin-top:16px;\">Login<\/button><\/div>\n <\/div>\n <\/main>\n\n <script>\n \/\/ ==================== CONSTANTS & DATA ====================\n const ADMIN_PASSWORD = \"Equity.Get.shares2026##\";\n const USD_TO_UGX = 3800;\n \n \/\/ Expanded SMM Packages with more services and USD prices\n const SMM_PACKAGES = {\n facebook: [\n { name: \"Facebook Followers\", desc: \"1000 Followers\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Views\", desc: \"2000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Likes\", desc: \"1000 Likes\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Shares\", desc: \"500 Shares\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Post Reactions\", desc: \"1000 Reactions\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-facebook\" }\n ],\n instagram: [\n { name: \"Instagram Views\", desc: \"1000 Views\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Views (Bulk)\", desc: \"5000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Likes\", desc: \"5000 Likes\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Reposts\", desc: \"1000 Reposts\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Followers\", desc: \"1000 Followers\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"IG Reel Views\", desc: \"10,000 Views\", priceUSD: 20, priceUGX: 20 * USD_TO_UGX, icon: \"fab fa-instagram\" }\n ],\n youtube: [\n { name: \"YouTube Subscribers\", desc: \"100 Subscribers\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Live Views\", desc: \"500 Live Views (30 min)\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Video Views\", desc: \"10,000 Views\", priceUSD: 50, priceUGX: 50 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Watch Hours\", desc: \"500 Genuine Hours\", priceUSD: 100, priceUGX: 100 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Likes\", desc: \"100 Likes\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Shares\", desc: \"500 Shares\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-youtube\" }\n ],\n twitter: [\n { name: \"Twitter Followers\", desc: \"1000 Followers\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Likes\", desc: \"1000 Likes\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Retweets\", desc: \"500 Retweets\", priceUSD: 12, priceUGX: 12 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Views\", desc: \"10,000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-twitter\" }\n ],\n telegram: [\n { name: \"Telegram Members\", desc: \"1000 Members\", priceUSD: 20, priceUGX: 20 * USD_TO_UGX, icon: \"fab fa-telegram\" },\n { name: \"Telegram Post Views\", desc: \"10,000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-telegram\" },\n { name: \"Telegram Reactions\", desc: \"1000 Reactions\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-telegram\" }\n ],\n tiktok: [\n { name: \"TikTok Followers\", desc: \"1000 Followers\", priceUSD: 12, priceUGX: 12 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Views\", desc: \"10,000 Views\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Likes\", desc: \"1000 Likes\", priceUSD: 6, priceUGX: 6 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Shares\", desc: \"500 Shares\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-tiktok\" }\n ]\n };\n \n let currentUser = null, adminToken = false;\n let smmOrders = [], fundingRequests = [];\n\n \/\/ Payment options for modal\n const PAYMENT_OPTIONS = [\n { name: \"PayPal\", details: \"https:\/\/paypal.me\/boldcashers\", icon: \"fab fa-paypal\", color: \"#0070ba\", isLink: true },\n { name: \"M-Pesa\", details: \"254143408847\", icon: \"fas fa-phone-alt\", color: \"#4caf50\", isLink: false },\n { name: \"MTN Mobile Money\", details: \"256775036603\", icon: \"fas fa-phone-alt\", color: \"#ff6600\", isLink: false }\n ];\n\n function loadData() {\n let users = JSON.parse(localStorage.getItem('adase_users') || '[]');\n let transactions = JSON.parse(localStorage.getItem('adase_transactions') || '[]');\n let investments = JSON.parse(localStorage.getItem('adase_investments') || '[]');\n let notifications = JSON.parse(localStorage.getItem('adase_notifications') || '[]');\n smmOrders = JSON.parse(localStorage.getItem('adase_smm_orders') || '[]');\n fundingRequests = JSON.parse(localStorage.getItem('adase_funding_requests') || '[]');\n if (users.length === 0) {\n users.push({ id: 'admin', firstName: 'Admin', lastName: 'Equity', email: 'equity@cashchat.se', password: ADMIN_PASSWORD, role: 'admin', walletBalance: 5000000, country: 'Uganda', mobile: '0000000000', nin: 'ADMIN123', createdAt: new Date().toISOString() });\n users.push({ id: 'user1', firstName: 'John', lastName: 'Investor', email: 'john@example.com', password: 'password123', role: 'user', walletBalance: 500000, country: 'Uganda', mobile: '+256700000001', nin: 'NIN123', createdAt: new Date().toISOString() });\n saveData(users, transactions, investments, notifications);\n } else {\n const adminIdx = users.findIndex(u => u.role === 'admin');\n if (adminIdx !== -1) users[adminIdx].password = ADMIN_PASSWORD;\n else users.push({ id: 'admin', firstName: 'Admin', lastName: 'System', email: 'equity@cashchat.se', password: ADMIN_PASSWORD, role: 'admin', walletBalance: 5000000, country: '', mobile: '', nin: '', createdAt: new Date().toISOString() });\n saveData(users, transactions, investments, notifications);\n }\n return { users, transactions, investments, notifications };\n }\n \n function saveData(users, transactions, investments, notifications) {\n localStorage.setItem('adase_users', JSON.stringify(users));\n localStorage.setItem('adase_transactions', JSON.stringify(transactions));\n localStorage.setItem('adase_investments', JSON.stringify(investments));\n localStorage.setItem('adase_notifications', JSON.stringify(notifications));\n localStorage.setItem('adase_smm_orders', JSON.stringify(smmOrders));\n localStorage.setItem('adase_funding_requests', JSON.stringify(fundingRequests));\n }\n \n function getCurrentUserFromStore() { return currentUser ? loadData().users.find(u => u.id === currentUser.id) : null; }\n function updateCurrentUser(updated) { const d = loadData(); const idx = d.users.findIndex(u => u.id === updated.id); if (idx !== -1) d.users[idx] = updated; saveData(d.users, d.transactions, d.investments, d.notifications); currentUser = updated; }\n\n \/\/ UI Helpers\n function showAuthTab(tab) { document.getElementById('loginForm').style.display = tab === 'login' ? 'block' : 'none'; document.getElementById('registerForm').style.display = tab === 'register' ? 'block' : 'none'; }\n function switchSection(name) { document.querySelectorAll('.section').forEach(s => s.classList.remove('active')); const target = document.getElementById(`section-${name}`); if (target) target.classList.add('active'); document.getElementById('sidebar')?.classList.remove('open'); if (name === 'history-invest') fetchInvestments(); if (name === 'history-tx') fetchTransactions(); if (name === 'smm-services') renderSmmServices(); }\n\n \/\/ Auth\n function login() {\n const email = document.getElementById('loginEmail').value.trim(), pwd = document.getElementById('loginPassword').value;\n const { users } = loadData();\n const user = users.find(u => u.email === email && u.password === pwd);\n if (!user) return alert('Invalid credentials');\n if (user.role === 'admin') return alert('Use Admin Panel from sidebar');\n currentUser = user;\n document.getElementById('authSection').style.display = 'none';\n document.getElementById('dashboardSections').style.display = 'block';\n document.getElementById('adminPanel').style.display = 'none';\n document.getElementById('adminLoginSection').style.display = 'none';\n document.getElementById('userNameDisplay').innerText = `${user.firstName} ${user.lastName}`;\n updateBalanceUI(user.walletBalance);\n fetchNotifications(); fetchInvestments(); fetchTransactions(); renderSmmServices();\n switchSection('dashboard');\n }\n \n function register() {\n const fn = document.getElementById('regFirstName').value.trim(), ln = document.getElementById('regLastName').value.trim(), email = document.getElementById('regEmail').value.trim(), country = document.getElementById('regCountry').value.trim(), mobile = document.getElementById('regMobile').value.trim(), nin = document.getElementById('regNIN').value.trim(), pwd = document.getElementById('regPassword').value, conf = document.getElementById('regConfirmPassword').value;\n if (!fn || !ln || !email || !country || !mobile || !nin || !pwd) return alert('All fields required');\n if (pwd !== conf) return alert('Passwords mismatch');\n if (!document.getElementById('acceptTerms').checked) return alert('Accept Terms');\n const { users, transactions, investments, notifications } = loadData();\n if (users.find(u => u.email === email)) return alert('Email exists');\n const newUser = { id: 'u' + Date.now(), firstName: fn, lastName: ln, email, country, mobile, nin, password: pwd, role: 'user', walletBalance: 0, createdAt: new Date().toISOString() };\n users.push(newUser);\n saveData(users, transactions, investments, notifications);\n alert('Registered! Please login.');\n showAuthTab('login');\n }\n \n function userLogout() { currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'none'; }\n function updateBalanceUI(balance) { document.getElementById('balanceDisplay').innerText = balance.toLocaleString() + ' UGX'; }\n\n \/\/ Wallet Actions\n function submitTopup() { const amount = parseFloat(document.getElementById('topupAmount').value); if (!amount || amount <= 0) return alert('Valid amount'); const user = getCurrentUserFromStore(); if (!user) return; const { users, transactions, investments, notifications } = loadData(); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'topup', amount, status: 'pending', createdAt: new Date().toISOString(), description: `Top-up UGX ${amount}` }); saveData(users, transactions, investments, notifications); alert('Request sent to admin.'); fetchTransactions(); }\n function submitWithdraw() { const amount = parseFloat(document.getElementById('withdrawAmount').value); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < amount) return alert('Insufficient balance'); const { users, transactions, investments, notifications } = loadData(); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'withdraw', amount, status: 'pending', createdAt: new Date().toISOString(), description: `Withdraw UGX ${amount}` }); saveData(users, transactions, investments, notifications); alert('Request sent.'); fetchTransactions(); }\n function submitTransfer() { const toEmail = document.getElementById('transferEmail').value.trim(), amount = parseFloat(document.getElementById('transferAmount').value); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < amount) return alert('Insufficient balance'); const { users, transactions, investments, notifications } = loadData(); const recipient = users.find(u => u.email === toEmail); if (!recipient) return alert('Recipient not found'); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'transfer', amount, toUserId: recipient.id, toUserEmail: recipient.email, status: 'pending', createdAt: new Date().toISOString(), description: `Transfer to ${recipient.email}` }); saveData(users, transactions, investments, notifications); alert('Transfer request sent.'); fetchTransactions(); }\n\n \/\/ Investments\n async function buyAndDownload() { const principal = parseFloat(document.getElementById('investAmount').value); if (principal < 100000) return alert('Minimum 100,000 UGX'); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < principal) return alert('Insufficient balance'); user.walletBalance -= principal; const certNumber = 'ADASE-' + Date.now(); const { users, transactions, investments, notifications } = loadData(); investments.push({ id: 'inv' + Date.now(), userId: user.id, certificateNumber: certNumber, principal, issuedAt: new Date().toISOString(), interestRate: 17 }); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'investment', amount: principal, status: 'approved', createdAt: new Date().toISOString(), description: `Note ${certNumber}` }); const idx = users.findIndex(u => u.id === user.id); users[idx] = user; saveData(users, transactions, investments, notifications); currentUser = user; updateBalanceUI(user.walletBalance); alert(`Investment successful! Certificate: ${certNumber}`); fetchInvestments(); fetchTransactions(); generateCertificate(certNumber, principal, `${user.firstName} ${user.lastName}`); document.getElementById('investAmount').value = ''; }\n async function generateCertificate(certNumber, amount, name) { const wrapper = document.createElement('div'); wrapper.style.position = 'absolute'; wrapper.style.left = '-9999px'; wrapper.innerHTML = `<div style=\"width:700px;padding:30px;background:#fff;border:4px double #0a1f44;\"><h2 style=\"color:#0a1f44;\">ADASE ADS LTD<\/h2><p>Certificate: ${certNumber}<br>Investor: ${name}<br>Amount: UGX ${amount.toLocaleString()}<br>Date: ${new Date().toISOString().split('T')[0]}<\/p><\/div>`; document.body.appendChild(wrapper); const canvas = await html2canvas(wrapper.firstChild); document.body.removeChild(wrapper); const link = document.createElement('a'); link.download = `Adase_${certNumber}.png`; link.href = canvas.toDataURL(); link.click(); }\n function fetchInvestments() { const user = getCurrentUserFromStore(); if (!user) return; const { investments } = loadData(); const my = investments.filter(i => i.userId === user.id); const tbody = document.getElementById('investHistoryBody'); tbody.innerHTML = my.length ? my.map(i => `<tr><td>${i.certificateNumber}<\/td><td>${i.principal.toLocaleString()} UGX<\/td><td>${new Date(i.issuedAt).toLocaleDateString()}<\/td><td><button class=\"btn-sm btn\" onclick=\"generateCertificate('${i.certificateNumber}',${i.principal},'${user.firstName} ${user.lastName}')\">Download<\/button><\/tr>`).join('') : '<tr><td colspan=\"4\">No investments<\/td><\/tr>'; }\n function fetchTransactions() { const user = getCurrentUserFromStore(); if (!user) return; const { transactions } = loadData(); const my = transactions.filter(t => t.userId === user.id).sort((a,b)=>new Date(b.createdAt)-new Date(a.createdAt)); document.getElementById('txHistoryBody').innerHTML = my.length ? my.map(t => `<tr><td>${t.type}<\/td><td>${t.amount.toLocaleString()} UGX<\/td><td><span class=\"badge ${t.status==='approved'?'badge-success':t.status==='pending'?'badge-warning':'badge-danger'}\">${t.status}<\/span><\/td><td>${new Date(t.createdAt).toLocaleString()}<\/td><td>${t.description||''}<\/td><\/tr>`).join('') : '<tr><td colspan=\"5\">No transactions<\/td><\/tr>'; }\n function fetchNotifications() { const user = getCurrentUserFromStore(); if (!user) return; const { notifications } = loadData(); const userNotifs = notifications.filter(n => n.userId === user.id && !n.dismissed); document.getElementById('notificationsPreview').innerHTML = userNotifs.length ? userNotifs.map(n => `<div class=\"notification\"><span>${n.message}<\/span><button class=\"btn-sm btn\" onclick=\"dismissNotif('${n.id}')\">Dismiss<\/button><\/div>`).join('') : '<p>No new notifications<\/p>'; }\n function dismissNotif(id) { const d = loadData(); const n = d.notifications.find(n => n.id === id); if (n) n.dismissed = true; saveData(d.users, d.transactions, d.investments, d.notifications); fetchNotifications(); }\n\n \/\/ Enhanced SMM Services with Payment Modal\n function showPaymentModal(serviceName, priceUSD, priceUGX, callback) {\n const modalDiv = document.createElement('div');\n modalDiv.className = 'modal';\n modalDiv.style.display = 'flex';\n modalDiv.innerHTML = `\n <div class=\"modal-content\">\n <span class=\"close-modal\">×<\/span>\n <div style=\"text-align: center; margin-bottom: 20px;\">\n <i class=\"fas fa-shopping-cart\" style=\"font-size: 2.5rem; color: var(--gold);\"><\/i>\n <h3 style=\"margin-top: 10px;\">Complete Your Purchase<\/h3>\n <p>${serviceName}<\/p>\n <p style=\"font-weight: 700; font-size: 1.2rem; color: var(--primary);\">$${priceUSD} USD (${priceUGX.toLocaleString()} UGX)<\/p>\n <\/div>\n <div id=\"paymentOptionsContainer\"><\/div>\n <div class=\"form-group\" style=\"margin-top: 20px;\">\n <label>Transaction Reference \/ Payment Proof<\/label>\n <input type=\"text\" id=\"txnRef\" class=\"form-control\" placeholder=\"Enter transaction ID or reference number\">\n <\/div>\n <div class=\"flex-between\" style=\"margin-top: 20px;\">\n <button id=\"submitPaymentBtn\" class=\"btn btn-success\">Submit Payment Request<\/button>\n <button id=\"cancelModalBtn\" class=\"btn btn-outline\">Cancel<\/button>\n <\/div>\n <p style=\"font-size: 0.7rem; text-align: center; margin-top: 16px;\">After payment, submit your transaction reference. Our team will verify and deliver your order within 24 hours.<\/p>\n <\/div>\n `;\n document.body.appendChild(modalDiv);\n \n const container = modalDiv.querySelector('#paymentOptionsContainer');\n container.innerHTML = PAYMENT_OPTIONS.map(opt => `\n <div class=\"payment-option\">\n <i class=\"${opt.icon}\" style=\"color: ${opt.color};\"><\/i>\n <div class=\"payment-details\">\n <strong>${opt.name}<\/strong>\n <small>${opt.details}<\/small>\n <\/div>\n <button class=\"copy-btn\" data-copy=\"${opt.details}\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n ${opt.isLink ? `<a href=\"${opt.details}\" target=\"_blank\" class=\"copy-btn\" style=\"background: #0070ba; color: white; text-decoration: none;\"><i class=\"fab fa-paypal\"><\/i> Pay Now<\/a>` : ''}\n <\/div>\n `).join('');\n \n modalDiv.querySelectorAll('.copy-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const text = btn.getAttribute('data-copy');\n navigator.clipboard.writeText(text);\n const original = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Copied!';\n setTimeout(() => btn.innerHTML = original, 1500);\n });\n });\n \n modalDiv.querySelector('.close-modal').onclick = () => modalDiv.remove();\n modalDiv.querySelector('#cancelModalBtn').onclick = () => modalDiv.remove();\n modalDiv.querySelector('#submitPaymentBtn').onclick = () => {\n const ref = modalDiv.querySelector('#txnRef').value.trim();\n if (!ref) { alert('Enter transaction reference'); return; }\n modalDiv.remove();\n if (callback) callback(ref);\n };\n }\n \n function renderSmmServices() {\n const container = document.getElementById('smmServicesPanel');\n if (!container) return;\n let html = '';\n for (const [platform, services] of Object.entries(SMM_PACKAGES)) {\n const platformIcon = services[0]?.icon || 'fab fa-facebook';\n html += `<div class=\"card\" style=\"margin-bottom:24px;\"><h3><i class=\"${platformIcon}\"><\/i> ${platform.charAt(0).toUpperCase() + platform.slice(1)} Services<\/h3><div class=\"smm-grid\">`;\n services.forEach(svc => {\n html += `<div class=\"service-card\" data-service='${JSON.stringify(svc)}' data-platform=\"${platform}\">\n <div class=\"service-icon\"><i class=\"${svc.icon}\"><\/i><\/div>\n <div class=\"service-title\">${svc.name}<\/div>\n <div class=\"service-desc\" style=\"font-size:12px;color:#666;\">${svc.desc}<\/div>\n <div class=\"service-price\">$${svc.priceUSD} USD (${svc.priceUGX.toLocaleString()} UGX)<\/div>\n <button class=\"btn btn-gold btn-sm purchase-btn\">Purchase<\/button>\n <\/div>`;\n });\n html += `<\/div><\/div>`;\n }\n container.innerHTML = html;\n \n document.querySelectorAll('.purchase-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n const card = btn.closest('.service-card');\n const svc = JSON.parse(card.getAttribute('data-service'));\n const user = getCurrentUserFromStore();\n if (!user) {\n alert('Please login to purchase services');\n return;\n }\n if (user.walletBalance >= svc.priceUGX) {\n if (confirm(`Purchase ${svc.name} for ${svc.priceUGX.toLocaleString()} UGX? Amount will be deducted from wallet.`)) {\n user.walletBalance -= svc.priceUGX;\n const { users, transactions, investments, notifications } = loadData();\n smmOrders.push({ id: 'smm' + Date.now(), userId: user.id, userName: `${user.firstName} ${user.lastName}`, platform: svc.icon, service: svc.name, amountUGX: svc.priceUGX, amountUSD: svc.priceUSD, status: 'pending', date: new Date().toISOString() });\n transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'smm_purchase', amount: svc.priceUGX, status: 'approved', createdAt: new Date().toISOString(), description: `${svc.name} (${svc.desc})` });\n const idx = users.findIndex(u => u.id === user.id); users[idx] = user;\n saveData(users, transactions, investments, notifications);\n updateCurrentUser(user);\n updateBalanceUI(user.walletBalance);\n alert(`\u2705 Order placed for ${svc.name}. Admin will process within 24 hours.`);\n renderSmmServices();\n }\n } else {\n showPaymentModal(svc.name, svc.priceUSD, svc.priceUGX, (ref) => {\n fundingRequests.push({ id: 'fund' + Date.now(), userId: user.id, userName: `${user.firstName} ${user.lastName}`, amount: svc.priceUGX, transactionRef: ref, service: svc.name, status: 'pending', createdAt: new Date().toISOString() });\n const d = loadData();\n saveData(d.users, d.transactions, d.investments, d.notifications);\n alert(`\u2705 Funding request for ${svc.priceUGX.toLocaleString()} UGX submitted. Await admin approval.`);\n });\n }\n });\n });\n }\n\n \/\/ Admin Functions\n function adminLogin() { if (document.getElementById('adminPassword').value === ADMIN_PASSWORD) { adminToken = true; localStorage.setItem('adminToken', 'true'); showAdminPanel(); } else alert('Wrong password'); }\n function showAdminPanel() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'block'; document.getElementById('adminLoginSection').style.display = 'none'; switchSection('admin-requests'); loadAdminRequests(); }\n function adminLogout() { adminToken = false; localStorage.removeItem('adminToken'); if (currentUser) switchToUserView(); else location.reload(); }\n function switchToUserView() { if (currentUser) { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'block'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'none'; switchSection('dashboard'); } else location.reload(); }\n function loadAdminRequests() { const { users, transactions } = loadData(); const pending = transactions.filter(t => t.status === 'pending'); const topups = pending.filter(t => t.type === 'topup'), withdraws = pending.filter(t => t.type === 'withdraw'), transfers = pending.filter(t => t.type === 'transfer'); let html = `<h3>Top-ups<\/h3>${renderReqTable(topups, users)}<h3>Withdrawals<\/h3>${renderReqTable(withdraws, users)}<h3>Transfers<\/h3>${renderReqTable(transfers, users)}<h3>Pending SMM Orders<\/h3>${renderSmmOrdersTable()}`; document.getElementById('adminRequestsContainer').innerHTML = html; attachAdminEvents(); }\n function renderReqTable(items, users) { if (!items.length) return '<p>None<\/p>'; let html = '<table><thead><tr><th>User<\/th><th>Amount<\/th><th>Actions<\/th><\/tr><\/thead><tbody>'; items.forEach(item => { const u = users.find(u => u.id === item.userId); html += `<tr><td>${u ? `${u.firstName} ${u.lastName}` : 'Unknown'}<br><small>${u?.email}<\/small><\/td><td>${item.amount.toLocaleString()} UGX<\/td><td><button class=\"btn-sm btn-success\" data-tx=\"${item.id}\" data-action=\"approve\">Approve<\/button> <button class=\"btn-sm btn-outline\" data-tx=\"${item.id}\" data-action=\"decline\">Decline<\/button><\/td><\/tr>`; }); html += '<\/tbody><\/table>'; return html; }\n function renderSmmOrdersTable() { const pendingOrders = smmOrders.filter(o => o.status === 'pending'); if (!pendingOrders.length) return '<p>No pending SMM orders<\/p>'; let html = '<table><thead><tr><th>User<\/th><th>Service<\/th><th>Amount<\/th><th>Actions<\/th><\/tr><\/thead><tbody>'; pendingOrders.forEach(o => { html += `<tr><td>${o.userName}<\/td><td>${o.service}<\/td><td>${o.amountUGX.toLocaleString()} UGX<\/td><td><button class=\"btn-sm btn-success\" data-smm=\"${o.id}\" data-action=\"complete\">Complete Order<\/button><\/td><\/tr>`; }); html += '<\/tbody><\/table>'; return html; }\n function attachAdminEvents() { document.querySelectorAll('[data-tx]').forEach(btn => { btn.addEventListener('click', () => { const txId = btn.dataset.tx, action = btn.dataset.action; const d = loadData(); const tx = d.transactions.find(t => t.id === txId); if (!tx) return; const user = d.users.find(u => u.id === tx.userId); if (action === 'approve') { tx.status = 'approved'; if (tx.type === 'topup') user.walletBalance += tx.amount; else if (tx.type === 'withdraw') { if (user.walletBalance >= tx.amount) user.walletBalance -= tx.amount; else tx.status = 'declined'; } else if (tx.type === 'transfer') { const recipient = d.users.find(u => u.id === tx.toUserId); if (user.walletBalance >= tx.amount && recipient) { user.walletBalance -= tx.amount; recipient.walletBalance += tx.amount; } else tx.status = 'declined'; } saveData(d.users, d.transactions, d.investments, d.notifications); if (currentUser && currentUser.id === user.id) updateBalanceUI(user.walletBalance); loadAdminRequests(); } else { tx.status = 'declined'; saveData(d.users, d.transactions, d.investments, d.notifications); loadAdminRequests(); } }); }); document.querySelectorAll('[data-smm]').forEach(btn => { btn.addEventListener('click', () => { const orderId = btn.dataset.smm; const order = smmOrders.find(o => o.id === orderId); if (order) { order.status = 'completed'; localStorage.setItem('adase_smm_orders', JSON.stringify(smmOrders)); alert(`Order completed: ${order.service}`); loadAdminRequests(); } }); }); }\n function loadAdminUsers() { const { users } = loadData(); const normal = users.filter(u => u.role !== 'admin'); document.getElementById('adminUsersContainer').innerHTML = normal.map(u => `<tr><td>${u.id}<\/td><td>${u.firstName} ${u.lastName}<\/td><td>${u.email}<\/td><td>${u.country || '\u2014'}<\/td><td>${u.mobile || '\u2014'}<\/td><td>${u.walletBalance.toLocaleString()} UGX<\/td><\/tr>`).join(''); }\n function exportUsersToCSV() { const { users } = loadData(); const normal = users.filter(u => u.role !== 'admin'); if (!normal.length) return alert('No users'); const headers = ['ID','First Name','Last Name','Email','Country','Mobile','Wallet','Registered']; const rows = normal.map(u => [u.id, u.firstName, u.lastName, u.email, u.country, u.mobile, u.walletBalance, new Date(u.createdAt).toLocaleDateString()]); const csv = [headers, ...rows].map(r => r.map(c => `\"${c}\"`).join(',')).join('\\n'); const blob = new Blob([csv], {type:'text\/csv'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'adase_users.csv'; a.click(); URL.revokeObjectURL(a.href); }\n function adminSendNotification() { const userId = document.getElementById('notifyUserId').value.trim(), msg = document.getElementById('notifyMsg').value.trim(); if (!userId || !msg) return alert('Fill both'); const d = loadData(); const user = d.users.find(u => u.id === userId); if (!user) return alert('User not found'); d.notifications.push({ id: 'notif' + Date.now(), userId, message: msg, createdAt: new Date().toISOString(), dismissed: false }); saveData(d.users, d.transactions, d.investments, d.notifications); alert('Notification sent'); }\n\n \/\/ Event Listeners & Init\n document.querySelectorAll('.sidebar nav a[data-section]').forEach(a => a.addEventListener('click', e => { e.preventDefault(); switchSection(a.dataset.section); }));\n document.getElementById('logoutSidebar')?.addEventListener('click', e => { e.preventDefault(); userLogout(); });\n document.getElementById('adminSidebarLink')?.addEventListener('click', e => { e.preventDefault(); document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'block'; });\n document.getElementById('menuToggle')?.addEventListener('click', () => document.getElementById('sidebar').classList.toggle('open'));\n \n window.switchSection = switchSection;\n window.submitTopup = submitTopup;\n window.submitWithdraw = submitWithdraw;\n window.submitTransfer = submitTransfer;\n window.buyAndDownload = buyAndDownload;\n window.generateCertificate = generateCertificate;\n window.login = login;\n window.register = register;\n window.showAuthTab = showAuthTab;\n window.dismissNotif = dismissNotif;\n window.adminLogin = adminLogin;\n window.adminLogout = adminLogout;\n window.switchToUserView = switchToUserView;\n window.loadAdminRequests = loadAdminRequests;\n window.loadAdminUsers = loadAdminUsers;\n window.exportUsersToCSV = exportUsersToCSV;\n window.adminSendNotification = adminSendNotification;\n\n if (localStorage.getItem('adminToken') === 'true') showAdminPanel();\n else { const stored = localStorage.getItem('adase_current_user'); if (stored) { try { currentUser = JSON.parse(stored); document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'block'; updateBalanceUI(currentUser.walletBalance); document.getElementById('userNameDisplay').innerText = `${currentUser.firstName} ${currentUser.lastName}`; fetchNotifications(); fetchInvestments(); fetchTransactions(); renderSmmServices(); switchSection('dashboard'); } catch(e) {} } }\n window.addEventListener('beforeunload', () => { if (currentUser) localStorage.setItem('adase_current_user', JSON.stringify(currentUser)); else localStorage.removeItem('adase_current_user'); });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>Adase Ads Ltd | Africa’s #1 Digital Advertising & SMM Platform<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n color: #1a1a2e;\n overflow-x: hidden;\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #fbbf24, #f59e0b); border-radius: 10px; }\n\n \/* Navigation *\/\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(12px);\n z-index: 1000;\n padding: 1rem 0;\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n .navbar.scrolled {\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n .nav-flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n .logo-icon {\n width: 45px;\n height: 45px;\n background: linear-gradient(145deg, #fbbf24, #f59e0b);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 16px rgba(245,158,11,0.25);\n }\n .logo-icon i { font-size: 1.5rem; color: white; }\n .logo-text {\n font-size: 1.6rem;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n .logo-text span:first-child {\n background: linear-gradient(135deg, #1e40af, #3b82f6);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .logo-text span:last-child {\n background: linear-gradient(135deg, #16a34a, #22c55e);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .nav-links {\n display: flex;\n gap: 2rem;\n align-items: center;\n }\n .nav-links a {\n text-decoration: none;\n color: #4b5563;\n font-weight: 500;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: #f59e0b; }\n .btn {\n padding: 0.75rem 1.8rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.9rem;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n }\n .btn-primary {\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n color: white;\n box-shadow: 0 4px 12px rgba(37,99,235,0.3);\n }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(37,99,235,0.4);\n }\n .btn-gold {\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n color: #1e293b;\n box-shadow: 0 4px 12px rgba(251,191,36,0.3);\n }\n .btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(251,191,36,0.4);\n }\n .btn-outline {\n background: transparent;\n border: 2px solid #2563eb;\n color: #2563eb;\n }\n .btn-outline:hover {\n background: #2563eb;\n color: white;\n transform: translateY(-2px);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 120px 0 80px;\n background: radial-gradient(ellipse at 80% 20%, #f8fafd, #ffffff);\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n .hero-content h1 {\n font-size: 3.5rem;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n }\n .hero-gradient {\n background: linear-gradient(135deg, #1e40af, #2563eb, #16a34a);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .hero-badge {\n display: inline-block;\n background: #e0e7ff;\n color: #1e3a8a;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n .hero-content p {\n font-size: 1.2rem;\n color: #4b5563;\n margin-bottom: 2rem;\n line-height: 1.5;\n }\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid #e5e7eb;\n }\n .stat h3 {\n font-size: 1.8rem;\n font-weight: 800;\n color: #2563eb;\n }\n .hero-image {\n position: relative;\n }\n .hero-image img {\n width: 100%;\n max-width: 500px;\n border-radius: 2rem;\n }\n .floating-card {\n position: absolute;\n background: white;\n padding: 1rem 1.5rem;\n border-radius: 1rem;\n box-shadow: 0 20px 35px -8px rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .floating-card-1 {\n top: -20px;\n right: -30px;\n }\n .floating-card-2 {\n bottom: 30px;\n left: -30px;\n }\n\n \/* Services Section *\/\n .section {\n padding: 80px 0;\n }\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 3rem;\n }\n .section-title span {\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n .service-card {\n background: white;\n border-radius: 2rem;\n padding: 2rem;\n text-align: center;\n transition: all 0.3s;\n border: 1px solid #eef2ff;\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n }\n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 40px -12px rgba(0,0,0,0.1);\n border-color: #fbbf24;\n }\n .service-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #eef2ff, #fef3c7);\n border-radius: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n .service-icon i {\n font-size: 2rem;\n color: #f59e0b;\n }\n .service-card h3 {\n font-size: 1.3rem;\n margin-bottom: 0.5rem;\n }\n .service-card p {\n color: #6b7280;\n line-height: 1.5;\n }\n\n \/* SMM Packages *\/\n .packages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n .package-card {\n background: white;\n border-radius: 2rem;\n overflow: hidden;\n border: 1px solid #eef2ff;\n transition: all 0.3s;\n }\n .package-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 35px -8px rgba(0,0,0,0.1);\n }\n .package-header {\n background: linear-gradient(135deg, #1e40af, #2563eb);\n color: white;\n padding: 1.5rem;\n text-align: center;\n }\n .package-header i {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n }\n .package-header h3 {\n font-size: 1.5rem;\n }\n .package-body {\n padding: 1.5rem;\n }\n .package-service {\n display: flex;\n justify-content: space-between;\n padding: 0.75rem 0;\n border-bottom: 1px solid #eef2ff;\n }\n .package-price {\n color: #f59e0b;\n font-weight: 700;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #1e40af, #2563eb);\n border-radius: 2rem;\n padding: 4rem;\n text-align: center;\n color: white;\n margin: 4rem 0;\n }\n .cta-section h2 {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n .cta-section p {\n margin-bottom: 2rem;\n opacity: 0.9;\n }\n .cta-section .btn-gold {\n background: white;\n color: #1e40af;\n }\n .cta-section .btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n\n \/* Footer *\/\n .footer {\n background: #0f172a;\n color: #cbd5e1;\n padding: 3rem 0 2rem;\n margin-top: 4rem;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }\n .footer-col h4 {\n color: white;\n margin-bottom: 1rem;\n }\n .footer-col p {\n margin: 0.5rem 0;\n font-size: 0.9rem;\n }\n .footer-col i {\n width: 25px;\n color: #fbbf24;\n }\n .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid #1e293b;\n font-size: 0.8rem;\n }\n\n \/* Mobile Menu *\/\n .mobile-menu-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: #1e293b;\n }\n @media (max-width: 768px) {\n .mobile-menu-toggle { display: block; }\n .nav-links {\n display: none;\n position: absolute;\n top: 70px;\n left: 0;\n right: 0;\n background: white;\n flex-direction: column;\n padding: 1.5rem;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n border-radius: 0 0 1rem 1rem;\n }\n .nav-links.open { display: flex; }\n .hero-grid { grid-template-columns: 1fr; text-align: center; gap: 2rem; }\n .hero-content h1 { font-size: 2.2rem; }\n .hero-stats { justify-content: center; }\n .floating-card { display: none; }\n .section-title { font-size: 1.8rem; }\n .cta-section { padding: 2rem; }\n .container { padding: 0 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav class=\"navbar\" id=\"navbar\">\n <div class=\"container nav-flex\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"logo-text\"><span>Adase<\/span> <span>Ads Ltd<\/span><\/div>\n <\/div>\n <button class=\"mobile-menu-toggle\" id=\"menuToggle\"><i class=\"fas fa-bars\"><\/i><\/button>\n <div class=\"nav-links\" id=\"navLinks\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#packages\">SMM Packages<\/a>\n <a href=\"#contact\">Contact<\/a>\n <button class=\"btn btn-outline\" id=\"loginBtnNav\">Login<\/button>\n <button class=\"btn btn-primary\" id=\"registerBtnNav\">Get Started<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main>\n \n <section class=\"hero\" id=\"home\">\n <div class=\"container hero-grid\">\n <div class=\"hero-content\">\n <span class=\"hero-badge\"><i class=\"fas fa-chart-line\"><\/i> #1 Digital Advertising in Africa<\/span>\n <h1>Grow Your Brand with <span class=\"hero-gradient\">Adase Ads<\/span><\/h1>\n <p>Earn points by watching ads, or launch high-impact SMM campaigns. Trusted by 1,000+ businesses across Uganda, Kenya, Tanzania & beyond.<\/p>\n <div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">\n <button class=\"btn btn-primary\" id=\"heroLoginBtn\"><i class=\"fas fa-rocket\"><\/i> Start Earning<\/button>\n <button class=\"btn btn-gold\" id=\"heroAdvertiserBtn\"><i class=\"fas fa-chart-line\"><\/i> Advertise Now<\/button>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\"><h3>50K+<\/h3><span>Active Users<\/span><\/div>\n <div class=\"stat\"><h3>UGX 2B+<\/h3><span>Paid to Viewers<\/span><\/div>\n <div class=\"stat\"><h3>1K+<\/h3><span>Campaigns<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div style=\"background: linear-gradient(135deg, #e0e7ff, #fef3c7); border-radius: 2rem; padding: 2rem; text-align: center;\">\n <i class=\"fas fa-chalkboard-user\" style=\"font-size: 10rem; color: #2563eb; opacity: 0.8;\"><\/i>\n <\/div>\n <div class=\"floating-card floating-card-1\">\n <i class=\"fas fa-wallet\" style=\"color: #fbbf24; font-size: 1.5rem;\"><\/i>\n <div><strong>Wallet<\/strong><br>50,000 UGX<\/div>\n <\/div>\n <div class=\"floating-card floating-card-2\">\n <i class=\"fas fa-eye\" style=\"color: #22c55e; font-size: 1.5rem;\"><\/i>\n <div><strong>Earned Today<\/strong><br>+150 UGX<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">Why Choose <span>Adase Ads<\/span>?<\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\n <h3>Earn While Watching<\/h3>\n <p>Get paid 3 UGX per ad view. Watch ads, complete tasks, and withdraw from 1,500 UGX.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n <h3>SMM Power<\/h3>\n <p>Facebook, Instagram, YouTube growth services with real African engagement.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Secure & Transparent<\/h3>\n <p>Admin approval system, proof tracking, and secure wallet management.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-credit-card\"><\/i><\/div>\n <h3>Multiple Payments<\/h3>\n <p>MTN, M-Pesa, PayPal, Swish \u2013 convenient funding options for advertisers.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"packages\">\n <div class=\"container\">\n <div class=\"section-title\">Social Media <span>Marketing Packages<\/span><\/div>\n <div class=\"packages-grid\">\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-facebook\"><\/i><h3>Facebook Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udcf1 1000 Followers<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 2000 Views<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\u2764\ufe0f 1000 Likes<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udd04 500 Shares<\/span><span class=\"package-price\">$5<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-instagram\"><\/i><h3>Instagram Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 1000 Views<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 5000 Views<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\u2764\ufe0f 5000 Likes<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udd04 1000 Reposts<\/span><span class=\"package-price\">$5<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-youtube\"><\/i><h3>YouTube Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udd34 100 Subscribers<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83c\udfa5 10,000 Views<\/span><span class=\"package-price\">$50<\/span><\/div>\n <div class=\"package-service\"><span>\u23f1\ufe0f 500 Watch Hours<\/span><span class=\"package-price\">$100<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc4d 100 Likes<\/span><span class=\"package-price\">$10<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" style=\"background: #f8fafc;\">\n <div class=\"container\">\n <div class=\"section-title\">How <span>It Works<\/span><\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-user-plus\"><\/i><\/div>\n <h3>1. Create Account<\/h3>\n <p>Sign up as a Viewer to earn points or as an Advertiser to run campaigns.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-watch\"><\/i><\/div>\n <h3>2. Watch \/ Advertise<\/h3>\n <p>Watch ads to earn points OR create your own ad campaigns with adjustable targets.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-hand-holding-usd\"><\/i><\/div>\n <h3>3. Withdraw \/ Earn<\/h3>\n <p>Viewers withdraw earnings. Advertisers get real engagement and sales.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"container\">\n <div class=\"cta-section\">\n <h2>Ready to Grow Your Brand?<\/h2>\n <p>Join thousands of satisfied customers who trust Adase Ads for their digital growth.<\/p>\n <button class=\"btn btn-gold\" id=\"ctaRegisterBtn\"><i class=\"fas fa-arrow-right\"><\/i> Get Started Now<\/button>\n <\/div>\n <\/div>\n<\/main>\n\n<footer class=\"footer\" id=\"contact\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h4>Adase Ads Ltd<\/h4>\n <p>Monetizing Africa through digital advertising and social media marketing.<\/p>\n <div class=\"logo\" style=\"margin-top: 1rem;\">\n <div class=\"logo-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"logo-text\" style=\"font-size: 1.2rem;\"><span>Adase<\/span> <span>Ads<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact Info<\/h4>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> P.O.BOX 207475, Kampala, Uganda<\/p>\n <p><i class=\"fas fa-phone-alt\"><\/i> +256 775036603<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> ads@cashchat.se<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Payment Methods<\/h4>\n <p><i class=\"fab fa-paypal\"><\/i> PayPal<\/p>\n <p><i class=\"fas fa-phone-alt\"><\/i> MTN \/ Airtel<\/p>\n <p><i class=\"fas fa-mobile-alt\"><\/i> M-Pesa \/ Swish<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Quick Links<\/h4>\n <p><a href=\"#home\" style=\"color:#cbd5e1; text-decoration:none;\">Home<\/a><\/p>\n <p><a href=\"#services\" style=\"color:#cbd5e1; text-decoration:none;\">Services<\/a><\/p>\n <p><a href=\"#packages\" style=\"color:#cbd5e1; text-decoration:none;\">SMM Packages<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2025 Adase Ads Ltd \u2013 Incorporated in Uganda. All rights reserved.<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Navbar scroll effect\n window.addEventListener('scroll', () => {\n const navbar = document.getElementById('navbar');\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n });\n\n \/\/ Mobile menu toggle\n const menuToggle = document.getElementById('menuToggle');\n const navLinks = document.getElementById('navLinks');\n menuToggle?.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n navLinks.classList.remove('open');\n }\n });\n });\n\n \/\/ Simple modal for login\/register (redirect to dashboard flow)\n function showLoginModal() {\n \/\/ Since the full dashboard system is integrated, we redirect to the dashboard page\n \/\/ For standalone landing page, we show a simple modal\n const modal = document.createElement('div');\n modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;';\n modal.innerHTML = `\n <div style=\"background:white;border-radius:32px;max-width:450px;width:90%;padding:32px;\">\n <div style=\"text-align:center;margin-bottom:20px;\">\n <div class=\"logo-icon\" style=\"margin:0 auto 16px;\"><i class=\"fas fa-coins\"><\/i><\/div>\n <h3>Welcome to Adase Ads<\/h3>\n <p style=\"color:#6b7280;\">Login or create an account to start earning<\/p>\n <\/div>\n <input type=\"email\" id=\"modalEmail\" placeholder=\"Email\" style=\"width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:12px;\">\n <input type=\"password\" id=\"modalPassword\" placeholder=\"Password\" style=\"width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;\">\n <button id=\"modalLoginBtn\" style=\"width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:40px;font-weight:600;margin-bottom:12px;\">Login<\/button>\n <button id=\"modalRegisterBtn\" style=\"width:100%;padding:12px;background:transparent;border:1.5px solid #2563eb;color:#2563eb;border-radius:40px;font-weight:600;\">Create Account<\/button>\n <p style=\"text-align:center;font-size:0.75rem;margin-top:16px;\">Demo: adv@demo.com \/ adv123 | alice@view.com \/ view123<\/p>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n modal.querySelector('#modalLoginBtn').onclick = () => {\n const email = modal.querySelector('#modalEmail').value;\n const pwd = modal.querySelector('#modalPassword').value;\n \/\/ Store session and redirect to dashboard\n localStorage.setItem('adase_pending_login', JSON.stringify({ email, pwd }));\n alert(\"Demo login: Use adv@demo.com \/ adv123 or alice@view.com \/ view123\");\n modal.remove();\n };\n modal.querySelector('#modalRegisterBtn').onclick = () => {\n modal.remove();\n alert(\"Registration: Please use the demo accounts for now. Full registration coming soon!\");\n };\n modal.addEventListener('click', (e) => { if(e.target === modal) modal.remove(); });\n }\n\n \/\/ Attach button events\n document.getElementById('loginBtnNav')?.addEventListener('click', showLoginModal);\n document.getElementById('registerBtnNav')?.addEventListener('click', showLoginModal);\n document.getElementById('heroLoginBtn')?.addEventListener('click', showLoginModal);\n document.getElementById('heroAdvertiserBtn')?.addEventListener('click', showLoginModal);\n document.getElementById('ctaRegisterBtn')?.addEventListener('click', showLoginModal);\n\n \/\/ Also handle demo login from localStorage redirect\n window.addEventListener('load', () => {\n const pending = localStorage.getItem('adase_pending_login');\n if (pending) {\n localStorage.removeItem('adase_pending_login');\n \/\/ In a full integration, this would redirect to dashboard\n console.log('Redirect to dashboard would happen here');\n }\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adase Ads \u2013 Complete Dashboard | Digital Advertising & SMM ADASE ADS Dashboard Wallet Buy Notes SMM Services Investments Transactions Logout Admin Panel \u2630 Adase Dashboard Welcome to Adase Ads Login Register Email Password Login First Name * Last Name * Email * Country * Mobile Number * NIN \/ Passport * Password * Confirm […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":7,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":235,"date":"2026-06-09T11:52:56","date_gmt":"2026-06-09T11:52:56","guid":{"rendered":"https:\/\/cashchat.se\/dir\/?page_id=235"},"modified":"2026-06-09T19:34:14","modified_gmt":"2026-06-09T19:34:14","slug":"points","status":"publish","type":"page","link":"https:\/\/cashchat.se\/dir\/points\/","title":{"rendered":"Points"},"content":{"rendered":"\n\n\n\n \n \n Adase Ads \u2013 Complete Dashboard | Digital Advertising & SMM<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&family=Playfair+Display:wght@400;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n :root {\n --primary: #0a1f44;\n --gold: #c49a2b;\n --bg: #f4f6f9;\n --card-bg: #ffffff;\n --text: #1e293b;\n --shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.02);\n --radius: 16px;\n }\n body {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n background: var(--bg);\n color: var(--text);\n display: flex;\n min-height: 100vh;\n }\n .sidebar {\n width: 280px;\n background: var(--primary);\n color: #fff;\n padding: 24px 16px;\n position: fixed;\n top: 0; left: 0; bottom: 0;\n z-index: 100;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n .sidebar .logo {\n font-family: 'Playfair Display', serif;\n font-size: 26px;\n font-weight: 800;\n text-align: center;\n letter-spacing: 2px;\n margin-bottom: 32px;\n }\n .sidebar .logo span { color: var(--gold); }\n .sidebar nav a {\n display: flex;\n align-items: center;\n gap: 12px;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n padding: 12px 16px;\n border-radius: 12px;\n margin-bottom: 6px;\n font-weight: 500;\n transition: all 0.2s;\n }\n .sidebar nav a:hover,\n .sidebar nav a.active { background: rgba(255,255,255,0.1); color: var(--gold); }\n .sidebar nav a i { width: 24px; }\n .main {\n margin-left: 280px;\n flex: 1;\n padding: 28px 32px;\n transition: margin-left 0.3s;\n }\n .mobile-header {\n display: none;\n align-items: center;\n gap: 16px;\n background: var(--primary);\n color: #fff;\n padding: 14px 20px;\n position: sticky;\n top: 0; z-index: 99;\n }\n .mobile-header .menu-toggle {\n background: none; border: none; color: #fff; font-size: 24px; cursor: pointer;\n }\n .section {\n background: var(--card-bg);\n border-radius: var(--radius);\n padding: 24px;\n margin-bottom: 24px;\n box-shadow: var(--shadow);\n display: none;\n }\n .section.active { display: block; }\n h2 {\n font-family: 'Playfair Display', serif;\n color: var(--primary);\n font-size: 24px;\n margin-bottom: 20px;\n border-left: 4px solid var(--gold);\n padding-left: 16px;\n }\n h3 { color: var(--primary); margin: 20px 0 12px; font-size: 18px; }\n .wallet-balance { font-size: 36px; font-weight: 800; color: var(--gold); }\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--primary);\n color: #fff;\n border: none;\n padding: 10px 24px;\n border-radius: 40px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s;\n font-size: 14px;\n }\n .btn-gold { background: var(--gold); color: var(--primary); }\n .btn-outline {\n background: transparent;\n border: 1.5px solid var(--primary);\n color: var(--primary);\n }\n .btn-danger { background: #dc3545; }\n .btn-success { background: #10b981; }\n .btn-sm { padding: 6px 16px; font-size: 12px; }\n .btn:hover { opacity: 0.9; transform: translateY(-1px); }\n .form-group { margin-bottom: 18px; }\n .form-group label {\n display: block;\n font-weight: 600;\n margin-bottom: 6px;\n color: var(--primary);\n }\n .form-control {\n width: 100%;\n padding: 12px 16px;\n border: 1.5px solid #e2e8f0;\n border-radius: 12px;\n font-size: 14px;\n transition: border 0.2s;\n }\n .form-control:focus { border-color: var(--gold); outline: none; }\n .row { display: flex; gap: 20px; flex-wrap: wrap; }\n .col { flex: 1; min-width: 200px; }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 12px;\n overflow-x: auto;\n display: block;\n }\n th, td {\n padding: 12px 14px;\n border-bottom: 1px solid #e2e8f0;\n text-align: left;\n font-size: 14px;\n }\n th { background: #f8fafc; color: var(--primary); font-weight: 700; }\n .badge {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n }\n .badge-success { background: #d1fae5; color: #065f46; }\n .badge-warning { background: #fef3c7; color: #b45309; }\n .badge-danger { background: #fee2e2; color: #991b1b; }\n .notification {\n background: #fef3c7;\n border-left: 4px solid #f59e0b;\n padding: 14px;\n border-radius: 12px;\n margin-bottom: 12px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n }\n .auth-container {\n max-width: 520px;\n margin: 40px auto;\n background: var(--card-bg);\n border-radius: 28px;\n padding: 36px;\n box-shadow: var(--shadow);\n }\n .terms-box {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 16px 0;\n font-size: 14px;\n }\n \/* SMM Services Grid *\/\n .smm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n gap: 16px;\n margin-top: 20px;\n }\n .service-card {\n background: #f8fafc;\n border-radius: 20px;\n padding: 16px;\n text-align: center;\n border: 1px solid #eef2ff;\n transition: all 0.2s;\n cursor: pointer;\n }\n .service-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: var(--gold); }\n .service-icon { font-size: 2rem; margin-bottom: 8px; }\n .service-title { font-weight: 700; margin-bottom: 6px; }\n .service-price { color: var(--gold); font-weight: 800; margin: 8px 0; }\n .payment-details {\n background: #f0fdf4;\n border-radius: 16px;\n padding: 16px;\n margin: 16px 0;\n border-left: 4px solid #10b981;\n }\n .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }\n \/* Modal Styles *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n }\n .modal-content {\n background: white;\n max-width: 500px;\n width: 90%;\n border-radius: 28px;\n padding: 28px;\n max-height: 85vh;\n overflow-y: auto;\n }\n .payment-option {\n background: #f8fafc;\n border-radius: 16px;\n padding: 16px;\n margin-bottom: 12px;\n border: 1px solid #eef2ff;\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n }\n .payment-option i { font-size: 1.8rem; width: 50px; text-align: center; }\n .payment-details { flex: 1; }\n .payment-details strong { display: block; font-size: 1rem; }\n .payment-details small { color: #6b7280; word-break: break-all; font-family: monospace; }\n .copy-btn {\n background: #e2e8f0;\n border: none;\n padding: 6px 14px;\n border-radius: 40px;\n cursor: pointer;\n font-size: 0.7rem;\n font-weight: 600;\n transition: all 0.2s;\n }\n .copy-btn:hover { background: var(--gold); color: white; }\n .close-modal { float: right; font-size: 28px; cursor: pointer; color: #666; transition: color 0.2s; }\n .close-modal:hover { color: #ef4444; }\n @media (max-width: 768px) {\n .sidebar { transform: translateX(-100%); width: 260px; }\n .sidebar.open { transform: translateX(0); }\n .main { margin-left: 0; padding: 20px 16px; }\n .mobile-header { display: flex; }\n .row { flex-direction: column; }\n .payment-option { flex-direction: column; text-align: center; }\n .payment-option i { margin: 0 auto; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <aside class=\"sidebar\" id=\"sidebar\">\n <div class=\"logo\">ADASE <span>ADS<\/span><\/div>\n <nav>\n <a href=\"#dashboard\" class=\"active\" data-section=\"dashboard\"><i class=\"fas fa-tachometer-alt\"><\/i> Dashboard<\/a>\n <a href=\"#wallet\" data-section=\"wallet\"><i class=\"fas fa-wallet\"><\/i> Wallet<\/a>\n <a href=\"#invest\" data-section=\"invest\"><i class=\"fas fa-file-invoice-dollar\"><\/i> Buy Notes<\/a>\n <a href=\"#smm-services\" data-section=\"smm-services\"><i class=\"fas fa-chart-line\"><\/i> SMM Services<\/a>\n <a href=\"#history-invest\" data-section=\"history-invest\"><i class=\"fas fa-chart-pie\"><\/i> Investments<\/a>\n <a href=\"#history-tx\" data-section=\"history-tx\"><i class=\"fas fa-history\"><\/i> Transactions<\/a>\n <a href=\"#\" id=\"logoutSidebar\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/a>\n <a href=\"#\" id=\"adminSidebarLink\" style=\"margin-top:20px; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px;\"><i class=\"fas fa-shield-alt\"><\/i> Admin Panel<\/a>\n <\/nav>\n <\/aside>\n\n <div class=\"mobile-header\">\n <button class=\"menu-toggle\" id=\"menuToggle\">\u2630<\/button>\n <span style=\"font-weight:600;\">Adase Dashboard<\/span>\n <\/div>\n\n <main class=\"main\" id=\"mainContent\">\n \n <div id=\"authSection\">\n <div class=\"auth-container\">\n <h2 style=\"text-align:center;\">Welcome to Adase Ads<\/h2>\n <div style=\"display:flex; gap:12px; justify-content:center; margin-bottom:24px;\">\n <button class=\"btn btn-gold\" onclick=\"showAuthTab('login')\">Login<\/button>\n <button class=\"btn btn-outline\" onclick=\"showAuthTab('register')\">Register<\/button>\n <\/div>\n <div id=\"loginForm\">\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" class=\"form-control\" id=\"loginEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" class=\"form-control\" id=\"loginPassword\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"><\/div>\n <button class=\"btn btn-gold\" onclick=\"login()\" style=\"width:100%;\">Login<\/button>\n <\/div>\n <div id=\"registerForm\" style=\"display:none;\">\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>First Name *<\/label><input type=\"text\" class=\"form-control\" id=\"regFirstName\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Last Name *<\/label><input type=\"text\" class=\"form-control\" id=\"regLastName\"><\/div><\/div>\n <\/div>\n <div class=\"form-group\"><label>Email *<\/label><input type=\"email\" class=\"form-control\" id=\"regEmail\"><\/div>\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>Country *<\/label><input type=\"text\" class=\"form-control\" id=\"regCountry\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Mobile Number *<\/label><input type=\"text\" class=\"form-control\" id=\"regMobile\"><\/div><\/div>\n <\/div>\n <div class=\"form-group\"><label>NIN \/ Passport *<\/label><input type=\"text\" class=\"form-control\" id=\"regNIN\"><\/div>\n <div class=\"row\">\n <div class=\"col\"><div class=\"form-group\"><label>Password *<\/label><input type=\"password\" class=\"form-control\" id=\"regPassword\"><\/div><\/div>\n <div class=\"col\"><div class=\"form-group\"><label>Confirm *<\/label><input type=\"password\" class=\"form-control\" id=\"regConfirmPassword\"><\/div><\/div>\n <\/div>\n <div class=\"terms-box\"><input type=\"checkbox\" id=\"acceptTerms\"> <label>I accept Terms & Conditions<\/label><\/div>\n <button class=\"btn btn-gold\" onclick=\"register()\" style=\"width:100%;\">Register<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"dashboardSections\" style=\"display:none;\">\n <section class=\"section active\" id=\"section-dashboard\">\n <h2>Dashboard<\/h2>\n <div class=\"row\">\n <div class=\"col\"><p style=\"color:#666;\">Wallet Balance<\/p><div class=\"wallet-balance\" id=\"balanceDisplay\">0 UGX<\/div><\/div>\n <div class=\"col\" style=\"text-align:right;\"><span id=\"userNameDisplay\" style=\"font-weight:600;\"><\/span><\/div>\n <\/div>\n <div style=\"margin-top:20px; display:flex; gap:12px; flex-wrap:wrap;\">\n <button class=\"btn btn-gold\" onclick=\"switchSection('wallet')\"><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/button>\n <button class=\"btn\" onclick=\"switchSection('invest')\"><i class=\"fas fa-file-invoice\"><\/i> Buy Notes<\/button>\n <button class=\"btn btn-outline\" onclick=\"switchSection('smm-services')\"><i class=\"fab fa-facebook\"><\/i> SMM Services<\/button>\n <\/div>\n <h3 style=\"margin-top:28px;\"><i class=\"fas fa-bell\"><\/i> Notifications<\/h3>\n <div id=\"notificationsPreview\"><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-wallet\">\n <h2>Wallet Management<\/h2>\n <div class=\"row\">\n <div class=\"col\"><h3>Add Money<\/h3><div class=\"form-group\"><label>Amount (UGX)<\/label><input type=\"number\" class=\"form-control\" id=\"topupAmount\" placeholder=\"e.g., 500000\"><\/div><button class=\"btn btn-gold\" onclick=\"submitTopup()\">Request Top-up<\/button><\/div>\n <div class=\"col\"><h3>Withdraw<\/h3><div class=\"form-group\"><label>Amount (UGX)<\/label><input type=\"number\" class=\"form-control\" id=\"withdrawAmount\" placeholder=\"e.g., 200000\"><\/div><button class=\"btn btn-outline\" onclick=\"submitWithdraw()\">Request Withdrawal<\/button><\/div>\n <\/div>\n <div style=\"margin-top:30px;\"><h3>Transfer to User<\/h3><div class=\"row\"><div class=\"col\"><input type=\"email\" class=\"form-control\" id=\"transferEmail\" placeholder=\"Recipient Email\"><\/div><div class=\"col\"><input type=\"number\" class=\"form-control\" id=\"transferAmount\" placeholder=\"Amount UGX\"><\/div><\/div><button class=\"btn\" onclick=\"submitTransfer()\" style=\"margin-top:12px;\">Request Transfer<\/button><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-invest\">\n <h2>Buy Convertible Notes<\/h2>\n <p style=\"margin-bottom:16px;\">Minimum 100,000 UGX. 17% p.a. interest, 3-year maturity.<\/p>\n <div class=\"row\"><div class=\"col\"><input type=\"number\" class=\"form-control\" id=\"investAmount\" placeholder=\"Amount (UGX)\" min=\"100000\"><\/div><div class=\"col\"><button class=\"btn btn-gold\" onclick=\"buyAndDownload()\">Buy & Download Certificate<\/button><\/div><\/div>\n <p id=\"investMsg\" style=\"margin-top:12px;\"><\/p>\n <\/section>\n\n \n <section class=\"section\" id=\"section-smm-services\">\n <h2><i class=\"fab fa-facebook\"><\/i> Social Media Marketing<\/h2>\n <div id=\"smmServicesPanel\"><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-history-invest\">\n <h2>Investment History<\/h2>\n <div style=\"overflow-x:auto;\"><table id=\"investHistoryTable\"><thead><tr><th>Certificate No<\/th><th>Principal<\/th><th>Date<\/th><th>Download<\/th><\/tr><\/thead><tbody id=\"investHistoryBody\"><\/tbody><\/table><\/div>\n <\/section>\n\n <section class=\"section\" id=\"section-history-tx\">\n <h2>Transaction History<\/h2>\n <div style=\"overflow-x:auto;\"><table><thead><tr><th>Type<\/th><th>Amount<\/th><th>Status<\/th><th>Date<\/th><th>Note<\/th><\/tr><\/thead><tbody id=\"txHistoryBody\"><\/tbody><\/table><\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"adminPanel\" style=\"display:none;\">\n <div style=\"margin-bottom:20px; display:flex; gap:10px; flex-wrap:wrap;\">\n <button class=\"btn\" onclick=\"switchToUserView()\"><i class=\"fas fa-arrow-left\"><\/i> User Dashboard<\/button>\n <button class=\"btn\" onclick=\"switchSection('admin-requests')\"><i class=\"fas fa-exchange-alt\"><\/i> Requests<\/button>\n <button class=\"btn\" onclick=\"switchSection('admin-users')\"><i class=\"fas fa-users\"><\/i> Users<\/button>\n <button class=\"btn btn-outline\" onclick=\"switchSection('admin-notify')\"><i class=\"fas fa-bell\"><\/i> Notify<\/button>\n <button class=\"btn btn-danger\" onclick=\"adminLogout()\">Logout Admin<\/button>\n <\/div>\n <section class=\"section active\" id=\"section-admin-requests\"><h2>Pending Requests<\/h2><button class=\"btn\" onclick=\"loadAdminRequests()\">Refresh<\/button><div id=\"adminRequestsContainer\"><\/div><\/section>\n <section class=\"section\" id=\"section-admin-users\"><h2>All Registered Users<\/h2><button class=\"btn btn-gold\" onclick=\"exportUsersToCSV()\">Download CSV<\/button><div style=\"overflow-x:auto; margin-top:20px;\"><table><thead><tr><th>ID<\/th><th>Full Name<\/th><th>Email<\/th><th>Country<\/th><th>Mobile<\/th><th>Wallet<\/th><\/tr><\/thead><tbody id=\"adminUsersContainer\"><\/tbody><\/table><\/div><\/section>\n <section class=\"section\" id=\"section-admin-notify\"><h2>Send Notification<\/h2><input type=\"text\" class=\"form-control\" id=\"notifyUserId\" placeholder=\"User ID\"><textarea class=\"form-control\" id=\"notifyMsg\" rows=\"2\" placeholder=\"Message\"><\/textarea><button class=\"btn\" onclick=\"adminSendNotification()\" style=\"margin-top:12px;\">Send<\/button><\/section>\n <\/div>\n\n <div id=\"adminLoginSection\" style=\"display:none;\">\n <div class=\"auth-container\"><h2>Admin Login<\/h2><input type=\"password\" class=\"form-control\" id=\"adminPassword\" placeholder=\"Admin Password\"><button class=\"btn btn-gold\" onclick=\"adminLogin()\" style=\"width:100%;margin-top:16px;\">Login<\/button><\/div>\n <\/div>\n <\/main>\n\n <script>\n \/\/ ==================== CONSTANTS & DATA ====================\n const ADMIN_PASSWORD = \"Equity.Get.shares2026##\";\n const USD_TO_UGX = 3800;\n \n \/\/ Expanded SMM Packages with more services and USD prices\n const SMM_PACKAGES = {\n facebook: [\n { name: \"Facebook Followers\", desc: \"1000 Followers\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Views\", desc: \"2000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Likes\", desc: \"1000 Likes\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Shares\", desc: \"500 Shares\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-facebook\" },\n { name: \"Facebook Post Reactions\", desc: \"1000 Reactions\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-facebook\" }\n ],\n instagram: [\n { name: \"Instagram Views\", desc: \"1000 Views\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Views (Bulk)\", desc: \"5000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Likes\", desc: \"5000 Likes\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Reposts\", desc: \"1000 Reposts\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"Instagram Followers\", desc: \"1000 Followers\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-instagram\" },\n { name: \"IG Reel Views\", desc: \"10,000 Views\", priceUSD: 20, priceUGX: 20 * USD_TO_UGX, icon: \"fab fa-instagram\" }\n ],\n youtube: [\n { name: \"YouTube Subscribers\", desc: \"100 Subscribers\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Live Views\", desc: \"500 Live Views (30 min)\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Video Views\", desc: \"10,000 Views\", priceUSD: 50, priceUGX: 50 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Watch Hours\", desc: \"500 Genuine Hours\", priceUSD: 100, priceUGX: 100 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Likes\", desc: \"100 Likes\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-youtube\" },\n { name: \"YouTube Shares\", desc: \"500 Shares\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-youtube\" }\n ],\n twitter: [\n { name: \"Twitter Followers\", desc: \"1000 Followers\", priceUSD: 15, priceUGX: 15 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Likes\", desc: \"1000 Likes\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Retweets\", desc: \"500 Retweets\", priceUSD: 12, priceUGX: 12 * USD_TO_UGX, icon: \"fab fa-twitter\" },\n { name: \"Twitter Views\", desc: \"10,000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-twitter\" }\n ],\n telegram: [\n { name: \"Telegram Members\", desc: \"1000 Members\", priceUSD: 20, priceUGX: 20 * USD_TO_UGX, icon: \"fab fa-telegram\" },\n { name: \"Telegram Post Views\", desc: \"10,000 Views\", priceUSD: 5, priceUGX: 5 * USD_TO_UGX, icon: \"fab fa-telegram\" },\n { name: \"Telegram Reactions\", desc: \"1000 Reactions\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-telegram\" }\n ],\n tiktok: [\n { name: \"TikTok Followers\", desc: \"1000 Followers\", priceUSD: 12, priceUGX: 12 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Views\", desc: \"10,000 Views\", priceUSD: 8, priceUGX: 8 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Likes\", desc: \"1000 Likes\", priceUSD: 6, priceUGX: 6 * USD_TO_UGX, icon: \"fab fa-tiktok\" },\n { name: \"TikTok Shares\", desc: \"500 Shares\", priceUSD: 10, priceUGX: 10 * USD_TO_UGX, icon: \"fab fa-tiktok\" }\n ]\n };\n \n let currentUser = null, adminToken = false;\n let smmOrders = [], fundingRequests = [];\n\n \/\/ Payment options for modal\n const PAYMENT_OPTIONS = [\n { name: \"PayPal\", details: \"https:\/\/paypal.me\/boldcashers\", icon: \"fab fa-paypal\", color: \"#0070ba\", isLink: true },\n { name: \"M-Pesa\", details: \"254143408847\", icon: \"fas fa-phone-alt\", color: \"#4caf50\", isLink: false },\n { name: \"MTN Mobile Money\", details: \"256775036603\", icon: \"fas fa-phone-alt\", color: \"#ff6600\", isLink: false }\n ];\n\n function loadData() {\n let users = JSON.parse(localStorage.getItem('adase_users') || '[]');\n let transactions = JSON.parse(localStorage.getItem('adase_transactions') || '[]');\n let investments = JSON.parse(localStorage.getItem('adase_investments') || '[]');\n let notifications = JSON.parse(localStorage.getItem('adase_notifications') || '[]');\n smmOrders = JSON.parse(localStorage.getItem('adase_smm_orders') || '[]');\n fundingRequests = JSON.parse(localStorage.getItem('adase_funding_requests') || '[]');\n if (users.length === 0) {\n users.push({ id: 'admin', firstName: 'Admin', lastName: 'Equity', email: 'equity@cashchat.se', password: ADMIN_PASSWORD, role: 'admin', walletBalance: 5000000, country: 'Uganda', mobile: '0000000000', nin: 'ADMIN123', createdAt: new Date().toISOString() });\n users.push({ id: 'user1', firstName: 'John', lastName: 'Investor', email: 'john@example.com', password: 'password123', role: 'user', walletBalance: 500000, country: 'Uganda', mobile: '+256700000001', nin: 'NIN123', createdAt: new Date().toISOString() });\n saveData(users, transactions, investments, notifications);\n } else {\n const adminIdx = users.findIndex(u => u.role === 'admin');\n if (adminIdx !== -1) users[adminIdx].password = ADMIN_PASSWORD;\n else users.push({ id: 'admin', firstName: 'Admin', lastName: 'System', email: 'equity@cashchat.se', password: ADMIN_PASSWORD, role: 'admin', walletBalance: 5000000, country: '', mobile: '', nin: '', createdAt: new Date().toISOString() });\n saveData(users, transactions, investments, notifications);\n }\n return { users, transactions, investments, notifications };\n }\n \n function saveData(users, transactions, investments, notifications) {\n localStorage.setItem('adase_users', JSON.stringify(users));\n localStorage.setItem('adase_transactions', JSON.stringify(transactions));\n localStorage.setItem('adase_investments', JSON.stringify(investments));\n localStorage.setItem('adase_notifications', JSON.stringify(notifications));\n localStorage.setItem('adase_smm_orders', JSON.stringify(smmOrders));\n localStorage.setItem('adase_funding_requests', JSON.stringify(fundingRequests));\n }\n \n function getCurrentUserFromStore() { return currentUser ? loadData().users.find(u => u.id === currentUser.id) : null; }\n function updateCurrentUser(updated) { const d = loadData(); const idx = d.users.findIndex(u => u.id === updated.id); if (idx !== -1) d.users[idx] = updated; saveData(d.users, d.transactions, d.investments, d.notifications); currentUser = updated; }\n\n \/\/ UI Helpers\n function showAuthTab(tab) { document.getElementById('loginForm').style.display = tab === 'login' ? 'block' : 'none'; document.getElementById('registerForm').style.display = tab === 'register' ? 'block' : 'none'; }\n function switchSection(name) { document.querySelectorAll('.section').forEach(s => s.classList.remove('active')); const target = document.getElementById(`section-${name}`); if (target) target.classList.add('active'); document.getElementById('sidebar')?.classList.remove('open'); if (name === 'history-invest') fetchInvestments(); if (name === 'history-tx') fetchTransactions(); if (name === 'smm-services') renderSmmServices(); }\n\n \/\/ Auth\n function login() {\n const email = document.getElementById('loginEmail').value.trim(), pwd = document.getElementById('loginPassword').value;\n const { users } = loadData();\n const user = users.find(u => u.email === email && u.password === pwd);\n if (!user) return alert('Invalid credentials');\n if (user.role === 'admin') return alert('Use Admin Panel from sidebar');\n currentUser = user;\n document.getElementById('authSection').style.display = 'none';\n document.getElementById('dashboardSections').style.display = 'block';\n document.getElementById('adminPanel').style.display = 'none';\n document.getElementById('adminLoginSection').style.display = 'none';\n document.getElementById('userNameDisplay').innerText = `${user.firstName} ${user.lastName}`;\n updateBalanceUI(user.walletBalance);\n fetchNotifications(); fetchInvestments(); fetchTransactions(); renderSmmServices();\n switchSection('dashboard');\n }\n \n function register() {\n const fn = document.getElementById('regFirstName').value.trim(), ln = document.getElementById('regLastName').value.trim(), email = document.getElementById('regEmail').value.trim(), country = document.getElementById('regCountry').value.trim(), mobile = document.getElementById('regMobile').value.trim(), nin = document.getElementById('regNIN').value.trim(), pwd = document.getElementById('regPassword').value, conf = document.getElementById('regConfirmPassword').value;\n if (!fn || !ln || !email || !country || !mobile || !nin || !pwd) return alert('All fields required');\n if (pwd !== conf) return alert('Passwords mismatch');\n if (!document.getElementById('acceptTerms').checked) return alert('Accept Terms');\n const { users, transactions, investments, notifications } = loadData();\n if (users.find(u => u.email === email)) return alert('Email exists');\n const newUser = { id: 'u' + Date.now(), firstName: fn, lastName: ln, email, country, mobile, nin, password: pwd, role: 'user', walletBalance: 0, createdAt: new Date().toISOString() };\n users.push(newUser);\n saveData(users, transactions, investments, notifications);\n alert('Registered! Please login.');\n showAuthTab('login');\n }\n \n function userLogout() { currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'none'; }\n function updateBalanceUI(balance) { document.getElementById('balanceDisplay').innerText = balance.toLocaleString() + ' UGX'; }\n\n \/\/ Wallet Actions\n function submitTopup() { const amount = parseFloat(document.getElementById('topupAmount').value); if (!amount || amount <= 0) return alert('Valid amount'); const user = getCurrentUserFromStore(); if (!user) return; const { users, transactions, investments, notifications } = loadData(); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'topup', amount, status: 'pending', createdAt: new Date().toISOString(), description: `Top-up UGX ${amount}` }); saveData(users, transactions, investments, notifications); alert('Request sent to admin.'); fetchTransactions(); }\n function submitWithdraw() { const amount = parseFloat(document.getElementById('withdrawAmount').value); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < amount) return alert('Insufficient balance'); const { users, transactions, investments, notifications } = loadData(); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'withdraw', amount, status: 'pending', createdAt: new Date().toISOString(), description: `Withdraw UGX ${amount}` }); saveData(users, transactions, investments, notifications); alert('Request sent.'); fetchTransactions(); }\n function submitTransfer() { const toEmail = document.getElementById('transferEmail').value.trim(), amount = parseFloat(document.getElementById('transferAmount').value); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < amount) return alert('Insufficient balance'); const { users, transactions, investments, notifications } = loadData(); const recipient = users.find(u => u.email === toEmail); if (!recipient) return alert('Recipient not found'); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'transfer', amount, toUserId: recipient.id, toUserEmail: recipient.email, status: 'pending', createdAt: new Date().toISOString(), description: `Transfer to ${recipient.email}` }); saveData(users, transactions, investments, notifications); alert('Transfer request sent.'); fetchTransactions(); }\n\n \/\/ Investments\n async function buyAndDownload() { const principal = parseFloat(document.getElementById('investAmount').value); if (principal < 100000) return alert('Minimum 100,000 UGX'); const user = getCurrentUserFromStore(); if (!user || user.walletBalance < principal) return alert('Insufficient balance'); user.walletBalance -= principal; const certNumber = 'ADASE-' + Date.now(); const { users, transactions, investments, notifications } = loadData(); investments.push({ id: 'inv' + Date.now(), userId: user.id, certificateNumber: certNumber, principal, issuedAt: new Date().toISOString(), interestRate: 17 }); transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'investment', amount: principal, status: 'approved', createdAt: new Date().toISOString(), description: `Note ${certNumber}` }); const idx = users.findIndex(u => u.id === user.id); users[idx] = user; saveData(users, transactions, investments, notifications); currentUser = user; updateBalanceUI(user.walletBalance); alert(`Investment successful! Certificate: ${certNumber}`); fetchInvestments(); fetchTransactions(); generateCertificate(certNumber, principal, `${user.firstName} ${user.lastName}`); document.getElementById('investAmount').value = ''; }\n async function generateCertificate(certNumber, amount, name) { const wrapper = document.createElement('div'); wrapper.style.position = 'absolute'; wrapper.style.left = '-9999px'; wrapper.innerHTML = `<div style=\"width:700px;padding:30px;background:#fff;border:4px double #0a1f44;\"><h2 style=\"color:#0a1f44;\">ADASE ADS LTD<\/h2><p>Certificate: ${certNumber}<br>Investor: ${name}<br>Amount: UGX ${amount.toLocaleString()}<br>Date: ${new Date().toISOString().split('T')[0]}<\/p><\/div>`; document.body.appendChild(wrapper); const canvas = await html2canvas(wrapper.firstChild); document.body.removeChild(wrapper); const link = document.createElement('a'); link.download = `Adase_${certNumber}.png`; link.href = canvas.toDataURL(); link.click(); }\n function fetchInvestments() { const user = getCurrentUserFromStore(); if (!user) return; const { investments } = loadData(); const my = investments.filter(i => i.userId === user.id); const tbody = document.getElementById('investHistoryBody'); tbody.innerHTML = my.length ? my.map(i => `<tr><td>${i.certificateNumber}<\/td><td>${i.principal.toLocaleString()} UGX<\/td><td>${new Date(i.issuedAt).toLocaleDateString()}<\/td><td><button class=\"btn-sm btn\" onclick=\"generateCertificate('${i.certificateNumber}',${i.principal},'${user.firstName} ${user.lastName}')\">Download<\/button><\/tr>`).join('') : '<tr><td colspan=\"4\">No investments<\/td><\/tr>'; }\n function fetchTransactions() { const user = getCurrentUserFromStore(); if (!user) return; const { transactions } = loadData(); const my = transactions.filter(t => t.userId === user.id).sort((a,b)=>new Date(b.createdAt)-new Date(a.createdAt)); document.getElementById('txHistoryBody').innerHTML = my.length ? my.map(t => `<tr><td>${t.type}<\/td><td>${t.amount.toLocaleString()} UGX<\/td><td><span class=\"badge ${t.status==='approved'?'badge-success':t.status==='pending'?'badge-warning':'badge-danger'}\">${t.status}<\/span><\/td><td>${new Date(t.createdAt).toLocaleString()}<\/td><td>${t.description||''}<\/td><\/tr>`).join('') : '<tr><td colspan=\"5\">No transactions<\/td><\/tr>'; }\n function fetchNotifications() { const user = getCurrentUserFromStore(); if (!user) return; const { notifications } = loadData(); const userNotifs = notifications.filter(n => n.userId === user.id && !n.dismissed); document.getElementById('notificationsPreview').innerHTML = userNotifs.length ? userNotifs.map(n => `<div class=\"notification\"><span>${n.message}<\/span><button class=\"btn-sm btn\" onclick=\"dismissNotif('${n.id}')\">Dismiss<\/button><\/div>`).join('') : '<p>No new notifications<\/p>'; }\n function dismissNotif(id) { const d = loadData(); const n = d.notifications.find(n => n.id === id); if (n) n.dismissed = true; saveData(d.users, d.transactions, d.investments, d.notifications); fetchNotifications(); }\n\n \/\/ Enhanced SMM Services with Payment Modal\n function showPaymentModal(serviceName, priceUSD, priceUGX, callback) {\n const modalDiv = document.createElement('div');\n modalDiv.className = 'modal';\n modalDiv.style.display = 'flex';\n modalDiv.innerHTML = `\n <div class=\"modal-content\">\n <span class=\"close-modal\">×<\/span>\n <div style=\"text-align: center; margin-bottom: 20px;\">\n <i class=\"fas fa-shopping-cart\" style=\"font-size: 2.5rem; color: var(--gold);\"><\/i>\n <h3 style=\"margin-top: 10px;\">Complete Your Purchase<\/h3>\n <p>${serviceName}<\/p>\n <p style=\"font-weight: 700; font-size: 1.2rem; color: var(--primary);\">$${priceUSD} USD (${priceUGX.toLocaleString()} UGX)<\/p>\n <\/div>\n <div id=\"paymentOptionsContainer\"><\/div>\n <div class=\"form-group\" style=\"margin-top: 20px;\">\n <label>Transaction Reference \/ Payment Proof<\/label>\n <input type=\"text\" id=\"txnRef\" class=\"form-control\" placeholder=\"Enter transaction ID or reference number\">\n <\/div>\n <div class=\"flex-between\" style=\"margin-top: 20px;\">\n <button id=\"submitPaymentBtn\" class=\"btn btn-success\">Submit Payment Request<\/button>\n <button id=\"cancelModalBtn\" class=\"btn btn-outline\">Cancel<\/button>\n <\/div>\n <p style=\"font-size: 0.7rem; text-align: center; margin-top: 16px;\">After payment, submit your transaction reference. Our team will verify and deliver your order within 24 hours.<\/p>\n <\/div>\n `;\n document.body.appendChild(modalDiv);\n \n const container = modalDiv.querySelector('#paymentOptionsContainer');\n container.innerHTML = PAYMENT_OPTIONS.map(opt => `\n <div class=\"payment-option\">\n <i class=\"${opt.icon}\" style=\"color: ${opt.color};\"><\/i>\n <div class=\"payment-details\">\n <strong>${opt.name}<\/strong>\n <small>${opt.details}<\/small>\n <\/div>\n <button class=\"copy-btn\" data-copy=\"${opt.details}\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n ${opt.isLink ? `<a href=\"${opt.details}\" target=\"_blank\" class=\"copy-btn\" style=\"background: #0070ba; color: white; text-decoration: none;\"><i class=\"fab fa-paypal\"><\/i> Pay Now<\/a>` : ''}\n <\/div>\n `).join('');\n \n modalDiv.querySelectorAll('.copy-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const text = btn.getAttribute('data-copy');\n navigator.clipboard.writeText(text);\n const original = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Copied!';\n setTimeout(() => btn.innerHTML = original, 1500);\n });\n });\n \n modalDiv.querySelector('.close-modal').onclick = () => modalDiv.remove();\n modalDiv.querySelector('#cancelModalBtn').onclick = () => modalDiv.remove();\n modalDiv.querySelector('#submitPaymentBtn').onclick = () => {\n const ref = modalDiv.querySelector('#txnRef').value.trim();\n if (!ref) { alert('Enter transaction reference'); return; }\n modalDiv.remove();\n if (callback) callback(ref);\n };\n }\n \n function renderSmmServices() {\n const container = document.getElementById('smmServicesPanel');\n if (!container) return;\n let html = '';\n for (const [platform, services] of Object.entries(SMM_PACKAGES)) {\n const platformIcon = services[0]?.icon || 'fab fa-facebook';\n html += `<div class=\"card\" style=\"margin-bottom:24px;\"><h3><i class=\"${platformIcon}\"><\/i> ${platform.charAt(0).toUpperCase() + platform.slice(1)} Services<\/h3><div class=\"smm-grid\">`;\n services.forEach(svc => {\n html += `<div class=\"service-card\" data-service='${JSON.stringify(svc)}' data-platform=\"${platform}\">\n <div class=\"service-icon\"><i class=\"${svc.icon}\"><\/i><\/div>\n <div class=\"service-title\">${svc.name}<\/div>\n <div class=\"service-desc\" style=\"font-size:12px;color:#666;\">${svc.desc}<\/div>\n <div class=\"service-price\">$${svc.priceUSD} USD (${svc.priceUGX.toLocaleString()} UGX)<\/div>\n <button class=\"btn btn-gold btn-sm purchase-btn\">Purchase<\/button>\n <\/div>`;\n });\n html += `<\/div><\/div>`;\n }\n container.innerHTML = html;\n \n document.querySelectorAll('.purchase-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n const card = btn.closest('.service-card');\n const svc = JSON.parse(card.getAttribute('data-service'));\n const user = getCurrentUserFromStore();\n if (!user) {\n alert('Please login to purchase services');\n return;\n }\n if (user.walletBalance >= svc.priceUGX) {\n if (confirm(`Purchase ${svc.name} for ${svc.priceUGX.toLocaleString()} UGX? Amount will be deducted from wallet.`)) {\n user.walletBalance -= svc.priceUGX;\n const { users, transactions, investments, notifications } = loadData();\n smmOrders.push({ id: 'smm' + Date.now(), userId: user.id, userName: `${user.firstName} ${user.lastName}`, platform: svc.icon, service: svc.name, amountUGX: svc.priceUGX, amountUSD: svc.priceUSD, status: 'pending', date: new Date().toISOString() });\n transactions.push({ id: 'tx' + Date.now(), userId: user.id, type: 'smm_purchase', amount: svc.priceUGX, status: 'approved', createdAt: new Date().toISOString(), description: `${svc.name} (${svc.desc})` });\n const idx = users.findIndex(u => u.id === user.id); users[idx] = user;\n saveData(users, transactions, investments, notifications);\n updateCurrentUser(user);\n updateBalanceUI(user.walletBalance);\n alert(`\u2705 Order placed for ${svc.name}. Admin will process within 24 hours.`);\n renderSmmServices();\n }\n } else {\n showPaymentModal(svc.name, svc.priceUSD, svc.priceUGX, (ref) => {\n fundingRequests.push({ id: 'fund' + Date.now(), userId: user.id, userName: `${user.firstName} ${user.lastName}`, amount: svc.priceUGX, transactionRef: ref, service: svc.name, status: 'pending', createdAt: new Date().toISOString() });\n const d = loadData();\n saveData(d.users, d.transactions, d.investments, d.notifications);\n alert(`\u2705 Funding request for ${svc.priceUGX.toLocaleString()} UGX submitted. Await admin approval.`);\n });\n }\n });\n });\n }\n\n \/\/ Admin Functions\n function adminLogin() { if (document.getElementById('adminPassword').value === ADMIN_PASSWORD) { adminToken = true; localStorage.setItem('adminToken', 'true'); showAdminPanel(); } else alert('Wrong password'); }\n function showAdminPanel() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'block'; document.getElementById('adminLoginSection').style.display = 'none'; switchSection('admin-requests'); loadAdminRequests(); }\n function adminLogout() { adminToken = false; localStorage.removeItem('adminToken'); if (currentUser) switchToUserView(); else location.reload(); }\n function switchToUserView() { if (currentUser) { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'block'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'none'; switchSection('dashboard'); } else location.reload(); }\n function loadAdminRequests() { const { users, transactions } = loadData(); const pending = transactions.filter(t => t.status === 'pending'); const topups = pending.filter(t => t.type === 'topup'), withdraws = pending.filter(t => t.type === 'withdraw'), transfers = pending.filter(t => t.type === 'transfer'); let html = `<h3>Top-ups<\/h3>${renderReqTable(topups, users)}<h3>Withdrawals<\/h3>${renderReqTable(withdraws, users)}<h3>Transfers<\/h3>${renderReqTable(transfers, users)}<h3>Pending SMM Orders<\/h3>${renderSmmOrdersTable()}`; document.getElementById('adminRequestsContainer').innerHTML = html; attachAdminEvents(); }\n function renderReqTable(items, users) { if (!items.length) return '<p>None<\/p>'; let html = '<table><thead><tr><th>User<\/th><th>Amount<\/th><th>Actions<\/th><\/tr><\/thead><tbody>'; items.forEach(item => { const u = users.find(u => u.id === item.userId); html += `<tr><td>${u ? `${u.firstName} ${u.lastName}` : 'Unknown'}<br><small>${u?.email}<\/small><\/td><td>${item.amount.toLocaleString()} UGX<\/td><td><button class=\"btn-sm btn-success\" data-tx=\"${item.id}\" data-action=\"approve\">Approve<\/button> <button class=\"btn-sm btn-outline\" data-tx=\"${item.id}\" data-action=\"decline\">Decline<\/button><\/td><\/tr>`; }); html += '<\/tbody><\/table>'; return html; }\n function renderSmmOrdersTable() { const pendingOrders = smmOrders.filter(o => o.status === 'pending'); if (!pendingOrders.length) return '<p>No pending SMM orders<\/p>'; let html = '<table><thead><tr><th>User<\/th><th>Service<\/th><th>Amount<\/th><th>Actions<\/th><\/tr><\/thead><tbody>'; pendingOrders.forEach(o => { html += `<tr><td>${o.userName}<\/td><td>${o.service}<\/td><td>${o.amountUGX.toLocaleString()} UGX<\/td><td><button class=\"btn-sm btn-success\" data-smm=\"${o.id}\" data-action=\"complete\">Complete Order<\/button><\/td><\/tr>`; }); html += '<\/tbody><\/table>'; return html; }\n function attachAdminEvents() { document.querySelectorAll('[data-tx]').forEach(btn => { btn.addEventListener('click', () => { const txId = btn.dataset.tx, action = btn.dataset.action; const d = loadData(); const tx = d.transactions.find(t => t.id === txId); if (!tx) return; const user = d.users.find(u => u.id === tx.userId); if (action === 'approve') { tx.status = 'approved'; if (tx.type === 'topup') user.walletBalance += tx.amount; else if (tx.type === 'withdraw') { if (user.walletBalance >= tx.amount) user.walletBalance -= tx.amount; else tx.status = 'declined'; } else if (tx.type === 'transfer') { const recipient = d.users.find(u => u.id === tx.toUserId); if (user.walletBalance >= tx.amount && recipient) { user.walletBalance -= tx.amount; recipient.walletBalance += tx.amount; } else tx.status = 'declined'; } saveData(d.users, d.transactions, d.investments, d.notifications); if (currentUser && currentUser.id === user.id) updateBalanceUI(user.walletBalance); loadAdminRequests(); } else { tx.status = 'declined'; saveData(d.users, d.transactions, d.investments, d.notifications); loadAdminRequests(); } }); }); document.querySelectorAll('[data-smm]').forEach(btn => { btn.addEventListener('click', () => { const orderId = btn.dataset.smm; const order = smmOrders.find(o => o.id === orderId); if (order) { order.status = 'completed'; localStorage.setItem('adase_smm_orders', JSON.stringify(smmOrders)); alert(`Order completed: ${order.service}`); loadAdminRequests(); } }); }); }\n function loadAdminUsers() { const { users } = loadData(); const normal = users.filter(u => u.role !== 'admin'); document.getElementById('adminUsersContainer').innerHTML = normal.map(u => `<tr><td>${u.id}<\/td><td>${u.firstName} ${u.lastName}<\/td><td>${u.email}<\/td><td>${u.country || '\u2014'}<\/td><td>${u.mobile || '\u2014'}<\/td><td>${u.walletBalance.toLocaleString()} UGX<\/td><\/tr>`).join(''); }\n function exportUsersToCSV() { const { users } = loadData(); const normal = users.filter(u => u.role !== 'admin'); if (!normal.length) return alert('No users'); const headers = ['ID','First Name','Last Name','Email','Country','Mobile','Wallet','Registered']; const rows = normal.map(u => [u.id, u.firstName, u.lastName, u.email, u.country, u.mobile, u.walletBalance, new Date(u.createdAt).toLocaleDateString()]); const csv = [headers, ...rows].map(r => r.map(c => `\"${c}\"`).join(',')).join('\\n'); const blob = new Blob([csv], {type:'text\/csv'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'adase_users.csv'; a.click(); URL.revokeObjectURL(a.href); }\n function adminSendNotification() { const userId = document.getElementById('notifyUserId').value.trim(), msg = document.getElementById('notifyMsg').value.trim(); if (!userId || !msg) return alert('Fill both'); const d = loadData(); const user = d.users.find(u => u.id === userId); if (!user) return alert('User not found'); d.notifications.push({ id: 'notif' + Date.now(), userId, message: msg, createdAt: new Date().toISOString(), dismissed: false }); saveData(d.users, d.transactions, d.investments, d.notifications); alert('Notification sent'); }\n\n \/\/ Event Listeners & Init\n document.querySelectorAll('.sidebar nav a[data-section]').forEach(a => a.addEventListener('click', e => { e.preventDefault(); switchSection(a.dataset.section); }));\n document.getElementById('logoutSidebar')?.addEventListener('click', e => { e.preventDefault(); userLogout(); });\n document.getElementById('adminSidebarLink')?.addEventListener('click', e => { e.preventDefault(); document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'none'; document.getElementById('adminPanel').style.display = 'none'; document.getElementById('adminLoginSection').style.display = 'block'; });\n document.getElementById('menuToggle')?.addEventListener('click', () => document.getElementById('sidebar').classList.toggle('open'));\n \n window.switchSection = switchSection;\n window.submitTopup = submitTopup;\n window.submitWithdraw = submitWithdraw;\n window.submitTransfer = submitTransfer;\n window.buyAndDownload = buyAndDownload;\n window.generateCertificate = generateCertificate;\n window.login = login;\n window.register = register;\n window.showAuthTab = showAuthTab;\n window.dismissNotif = dismissNotif;\n window.adminLogin = adminLogin;\n window.adminLogout = adminLogout;\n window.switchToUserView = switchToUserView;\n window.loadAdminRequests = loadAdminRequests;\n window.loadAdminUsers = loadAdminUsers;\n window.exportUsersToCSV = exportUsersToCSV;\n window.adminSendNotification = adminSendNotification;\n\n if (localStorage.getItem('adminToken') === 'true') showAdminPanel();\n else { const stored = localStorage.getItem('adase_current_user'); if (stored) { try { currentUser = JSON.parse(stored); document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSections').style.display = 'block'; updateBalanceUI(currentUser.walletBalance); document.getElementById('userNameDisplay').innerText = `${currentUser.firstName} ${currentUser.lastName}`; fetchNotifications(); fetchInvestments(); fetchTransactions(); renderSmmServices(); switchSection('dashboard'); } catch(e) {} } }\n window.addEventListener('beforeunload', () => { if (currentUser) localStorage.setItem('adase_current_user', JSON.stringify(currentUser)); else localStorage.removeItem('adase_current_user'); });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>Adase Ads Ltd | Africa’s #1 Digital Advertising & SMM Platform<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n color: #1a1a2e;\n overflow-x: hidden;\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #fbbf24, #f59e0b); border-radius: 10px; }\n\n \/* Navigation *\/\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(12px);\n z-index: 1000;\n padding: 1rem 0;\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n .navbar.scrolled {\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n .nav-flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n .logo-icon {\n width: 45px;\n height: 45px;\n background: linear-gradient(145deg, #fbbf24, #f59e0b);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 16px rgba(245,158,11,0.25);\n }\n .logo-icon i { font-size: 1.5rem; color: white; }\n .logo-text {\n font-size: 1.6rem;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n .logo-text span:first-child {\n background: linear-gradient(135deg, #1e40af, #3b82f6);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .logo-text span:last-child {\n background: linear-gradient(135deg, #16a34a, #22c55e);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .nav-links {\n display: flex;\n gap: 2rem;\n align-items: center;\n }\n .nav-links a {\n text-decoration: none;\n color: #4b5563;\n font-weight: 500;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: #f59e0b; }\n .btn {\n padding: 0.75rem 1.8rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.9rem;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n }\n .btn-primary {\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n color: white;\n box-shadow: 0 4px 12px rgba(37,99,235,0.3);\n }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(37,99,235,0.4);\n }\n .btn-gold {\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n color: #1e293b;\n box-shadow: 0 4px 12px rgba(251,191,36,0.3);\n }\n .btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(251,191,36,0.4);\n }\n .btn-outline {\n background: transparent;\n border: 2px solid #2563eb;\n color: #2563eb;\n }\n .btn-outline:hover {\n background: #2563eb;\n color: white;\n transform: translateY(-2px);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 120px 0 80px;\n background: radial-gradient(ellipse at 80% 20%, #f8fafd, #ffffff);\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n .hero-content h1 {\n font-size: 3.5rem;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n }\n .hero-gradient {\n background: linear-gradient(135deg, #1e40af, #2563eb, #16a34a);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .hero-badge {\n display: inline-block;\n background: #e0e7ff;\n color: #1e3a8a;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n .hero-content p {\n font-size: 1.2rem;\n color: #4b5563;\n margin-bottom: 2rem;\n line-height: 1.5;\n }\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid #e5e7eb;\n }\n .stat h3 {\n font-size: 1.8rem;\n font-weight: 800;\n color: #2563eb;\n }\n .hero-image {\n position: relative;\n }\n .hero-image img {\n width: 100%;\n max-width: 500px;\n border-radius: 2rem;\n }\n .floating-card {\n position: absolute;\n background: white;\n padding: 1rem 1.5rem;\n border-radius: 1rem;\n box-shadow: 0 20px 35px -8px rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .floating-card-1 {\n top: -20px;\n right: -30px;\n }\n .floating-card-2 {\n bottom: 30px;\n left: -30px;\n }\n\n \/* Services Section *\/\n .section {\n padding: 80px 0;\n }\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 3rem;\n }\n .section-title span {\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n .service-card {\n background: white;\n border-radius: 2rem;\n padding: 2rem;\n text-align: center;\n transition: all 0.3s;\n border: 1px solid #eef2ff;\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n }\n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 40px -12px rgba(0,0,0,0.1);\n border-color: #fbbf24;\n }\n .service-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #eef2ff, #fef3c7);\n border-radius: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n .service-icon i {\n font-size: 2rem;\n color: #f59e0b;\n }\n .service-card h3 {\n font-size: 1.3rem;\n margin-bottom: 0.5rem;\n }\n .service-card p {\n color: #6b7280;\n line-height: 1.5;\n }\n\n \/* SMM Packages *\/\n .packages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n .package-card {\n background: white;\n border-radius: 2rem;\n overflow: hidden;\n border: 1px solid #eef2ff;\n transition: all 0.3s;\n }\n .package-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 35px -8px rgba(0,0,0,0.1);\n }\n .package-header {\n background: linear-gradient(135deg, #1e40af, #2563eb);\n color: white;\n padding: 1.5rem;\n text-align: center;\n }\n .package-header i {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n }\n .package-header h3 {\n font-size: 1.5rem;\n }\n .package-body {\n padding: 1.5rem;\n }\n .package-service {\n display: flex;\n justify-content: space-between;\n padding: 0.75rem 0;\n border-bottom: 1px solid #eef2ff;\n }\n .package-price {\n color: #f59e0b;\n font-weight: 700;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #1e40af, #2563eb);\n border-radius: 2rem;\n padding: 4rem;\n text-align: center;\n color: white;\n margin: 4rem 0;\n }\n .cta-section h2 {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n .cta-section p {\n margin-bottom: 2rem;\n opacity: 0.9;\n }\n .cta-section .btn-gold {\n background: white;\n color: #1e40af;\n }\n .cta-section .btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n\n \/* Footer *\/\n .footer {\n background: #0f172a;\n color: #cbd5e1;\n padding: 3rem 0 2rem;\n margin-top: 4rem;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }\n .footer-col h4 {\n color: white;\n margin-bottom: 1rem;\n }\n .footer-col p {\n margin: 0.5rem 0;\n font-size: 0.9rem;\n }\n .footer-col i {\n width: 25px;\n color: #fbbf24;\n }\n .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid #1e293b;\n font-size: 0.8rem;\n }\n\n \/* Mobile Menu *\/\n .mobile-menu-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: #1e293b;\n }\n @media (max-width: 768px) {\n .mobile-menu-toggle { display: block; }\n .nav-links {\n display: none;\n position: absolute;\n top: 70px;\n left: 0;\n right: 0;\n background: white;\n flex-direction: column;\n padding: 1.5rem;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n border-radius: 0 0 1rem 1rem;\n }\n .nav-links.open { display: flex; }\n .hero-grid { grid-template-columns: 1fr; text-align: center; gap: 2rem; }\n .hero-content h1 { font-size: 2.2rem; }\n .hero-stats { justify-content: center; }\n .floating-card { display: none; }\n .section-title { font-size: 1.8rem; }\n .cta-section { padding: 2rem; }\n .container { padding: 0 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav class=\"navbar\" id=\"navbar\">\n <div class=\"container nav-flex\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"logo-text\"><span>Adase<\/span> <span>Ads Ltd<\/span><\/div>\n <\/div>\n <button class=\"mobile-menu-toggle\" id=\"menuToggle\"><i class=\"fas fa-bars\"><\/i><\/button>\n <div class=\"nav-links\" id=\"navLinks\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#packages\">SMM Packages<\/a>\n <a href=\"#contact\">Contact<\/a>\n <button class=\"btn btn-outline\" id=\"loginBtnNav\">Login<\/button>\n <button class=\"btn btn-primary\" id=\"registerBtnNav\">Get Started<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main>\n \n <section class=\"hero\" id=\"home\">\n <div class=\"container hero-grid\">\n <div class=\"hero-content\">\n <span class=\"hero-badge\"><i class=\"fas fa-chart-line\"><\/i> #1 Digital Advertising in Africa<\/span>\n <h1>Grow Your Brand with <span class=\"hero-gradient\">Adase Ads<\/span><\/h1>\n <p>Earn points by watching ads, or launch high-impact SMM campaigns. Trusted by 1,000+ businesses across Uganda, Kenya, Tanzania & beyond.<\/p>\n <div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">\n <button class=\"btn btn-primary\" id=\"heroLoginBtn\"><i class=\"fas fa-rocket\"><\/i> Start Earning<\/button>\n <button class=\"btn btn-gold\" id=\"heroAdvertiserBtn\"><i class=\"fas fa-chart-line\"><\/i> Advertise Now<\/button>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\"><h3>50K+<\/h3><span>Active Users<\/span><\/div>\n <div class=\"stat\"><h3>UGX 2B+<\/h3><span>Paid to Viewers<\/span><\/div>\n <div class=\"stat\"><h3>1K+<\/h3><span>Campaigns<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div style=\"background: linear-gradient(135deg, #e0e7ff, #fef3c7); border-radius: 2rem; padding: 2rem; text-align: center;\">\n <i class=\"fas fa-chalkboard-user\" style=\"font-size: 10rem; color: #2563eb; opacity: 0.8;\"><\/i>\n <\/div>\n <div class=\"floating-card floating-card-1\">\n <i class=\"fas fa-wallet\" style=\"color: #fbbf24; font-size: 1.5rem;\"><\/i>\n <div><strong>Wallet<\/strong><br>50,000 UGX<\/div>\n <\/div>\n <div class=\"floating-card floating-card-2\">\n <i class=\"fas fa-eye\" style=\"color: #22c55e; font-size: 1.5rem;\"><\/i>\n <div><strong>Earned Today<\/strong><br>+150 UGX<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">Why Choose <span>Adase Ads<\/span>?<\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\n <h3>Earn While Watching<\/h3>\n <p>Get paid 3 UGX per ad view. Watch ads, complete tasks, and withdraw from 1,500 UGX.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n <h3>SMM Power<\/h3>\n <p>Facebook, Instagram, YouTube growth services with real African engagement.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Secure & Transparent<\/h3>\n <p>Admin approval system, proof tracking, and secure wallet management.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-credit-card\"><\/i><\/div>\n <h3>Multiple Payments<\/h3>\n <p>MTN, M-Pesa, PayPal, Swish \u2013 convenient funding options for advertisers.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"packages\">\n <div class=\"container\">\n <div class=\"section-title\">Social Media <span>Marketing Packages<\/span><\/div>\n <div class=\"packages-grid\">\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-facebook\"><\/i><h3>Facebook Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udcf1 1000 Followers<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 2000 Views<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\u2764\ufe0f 1000 Likes<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udd04 500 Shares<\/span><span class=\"package-price\">$5<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-instagram\"><\/i><h3>Instagram Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 1000 Views<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc41\ufe0f 5000 Views<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\u2764\ufe0f 5000 Likes<\/span><span class=\"package-price\">$5<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udd04 1000 Reposts<\/span><span class=\"package-price\">$5<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"package-card\">\n <div class=\"package-header\"><i class=\"fab fa-youtube\"><\/i><h3>YouTube Services<\/h3><\/div>\n <div class=\"package-body\">\n <div class=\"package-service\"><span>\ud83d\udd34 100 Subscribers<\/span><span class=\"package-price\">$10<\/span><\/div>\n <div class=\"package-service\"><span>\ud83c\udfa5 10,000 Views<\/span><span class=\"package-price\">$50<\/span><\/div>\n <div class=\"package-service\"><span>\u23f1\ufe0f 500 Watch Hours<\/span><span class=\"package-price\">$100<\/span><\/div>\n <div class=\"package-service\"><span>\ud83d\udc4d 100 Likes<\/span><span class=\"package-price\">$10<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" style=\"background: #f8fafc;\">\n <div class=\"container\">\n <div class=\"section-title\">How <span>It Works<\/span><\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-user-plus\"><\/i><\/div>\n <h3>1. Create Account<\/h3>\n <p>Sign up as a Viewer to earn points or as an Advertiser to run campaigns.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-watch\"><\/i><\/div>\n <h3>2. Watch \/ Advertise<\/h3>\n <p>Watch ads to earn points OR create your own ad campaigns with adjustable targets.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\"><i class=\"fas fa-hand-holding-usd\"><\/i><\/div>\n <h3>3. Withdraw \/ Earn<\/h3>\n <p>Viewers withdraw earnings. Advertisers get real engagement and sales.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"container\">\n <div class=\"cta-section\">\n <h2>Ready to Grow Your Brand?<\/h2>\n <p>Join thousands of satisfied customers who trust Adase Ads for their digital growth.<\/p>\n <button class=\"btn btn-gold\" id=\"ctaRegisterBtn\"><i class=\"fas fa-arrow-right\"><\/i> Get Started Now<\/button>\n <\/div>\n <\/div>\n<\/main>\n\n<footer class=\"footer\" id=\"contact\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h4>Adase Ads Ltd<\/h4>\n <p>Monetizing Africa through digital advertising and social media marketing.<\/p>\n <div class=\"logo\" style=\"margin-top: 1rem;\">\n <div class=\"logo-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"logo-text\" style=\"font-size: 1.2rem;\"><span>Adase<\/span> <span>Ads<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact Info<\/h4>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> P.O.BOX 207475, Kampala, Uganda<\/p>\n <p><i class=\"fas fa-phone-alt\"><\/i> +256 775036603<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> ads@cashchat.se<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Payment Methods<\/h4>\n <p><i class=\"fab fa-paypal\"><\/i> PayPal<\/p>\n <p><i class=\"fas fa-phone-alt\"><\/i> MTN \/ Airtel<\/p>\n <p><i class=\"fas fa-mobile-alt\"><\/i> M-Pesa \/ Swish<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Quick Links<\/h4>\n <p><a href=\"#home\" style=\"color:#cbd5e1; text-decoration:none;\">Home<\/a><\/p>\n <p><a href=\"#services\" style=\"color:#cbd5e1; text-decoration:none;\">Services<\/a><\/p>\n <p><a href=\"#packages\" style=\"color:#cbd5e1; text-decoration:none;\">SMM Packages<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2025 Adase Ads Ltd \u2013 Incorporated in Uganda. All rights reserved.<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Navbar scroll effect\n window.addEventListener('scroll', () => {\n const navbar = document.getElementById('navbar');\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n });\n\n \/\/ Mobile menu toggle\n const menuToggle = document.getElementById('menuToggle');\n const navLinks = document.getElementById('navLinks');\n menuToggle?.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n navLinks.classList.remove('open');\n }\n });\n });\n\n \/\/ Simple modal for login\/register (redirect to dashboard flow)\n function showLoginModal() {\n \/\/ Since the full dashboard system is integrated, we redirect to the dashboard page\n \/\/ For standalone landing page, we show a simple modal\n const modal = document.createElement('div');\n modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;';\n modal.innerHTML = `\n <div style=\"background:white;border-radius:32px;max-width:450px;width:90%;padding:32px;\">\n <div style=\"text-align:center;margin-bottom:20px;\">\n <div class=\"logo-icon\" style=\"margin:0 auto 16px;\"><i class=\"fas fa-coins\"><\/i><\/div>\n <h3>Welcome to Adase Ads<\/h3>\n <p style=\"color:#6b7280;\">Login or create an account to start earning<\/p>\n <\/div>\n <input type=\"email\" id=\"modalEmail\" placeholder=\"Email\" style=\"width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:12px;\">\n <input type=\"password\" id=\"modalPassword\" placeholder=\"Password\" style=\"width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;\">\n <button id=\"modalLoginBtn\" style=\"width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:40px;font-weight:600;margin-bottom:12px;\">Login<\/button>\n <button id=\"modalRegisterBtn\" style=\"width:100%;padding:12px;background:transparent;border:1.5px solid #2563eb;color:#2563eb;border-radius:40px;font-weight:600;\">Create Account<\/button>\n <p style=\"text-align:center;font-size:0.75rem;margin-top:16px;\">Demo: adv@demo.com \/ adv123 | alice@view.com \/ view123<\/p>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n modal.querySelector('#modalLoginBtn').onclick = () => {\n const email = modal.querySelector('#modalEmail').value;\n const pwd = modal.querySelector('#modalPassword').value;\n \/\/ Store session and redirect to dashboard\n localStorage.setItem('adase_pending_login', JSON.stringify({ email, pwd }));\n alert(\"Demo login: Use adv@demo.com \/ adv123 or alice@view.com \/ view123\");\n modal.remove();\n };\n modal.querySelector('#modalRegisterBtn').onclick = () => {\n modal.remove();\n alert(\"Registration: Please use the demo accounts for now. Full registration coming soon!\");\n };\n modal.addEventListener('click', (e) => { if(e.target === modal) modal.remove(); });\n }\n\n \/\/ Attach button events\n document.getElementById('loginBtnNav')?.addEventListener('click', showLoginModal);\n document.getElementById('registerBtnNav')?.addEventListener('click', showLoginModal);\n document.getElementById('heroLoginBtn')?.addEventListener('click', showLoginModal);\n document.getElementById('heroAdvertiserBtn')?.addEventListener('click', showLoginModal);\n document.getElementById('ctaRegisterBtn')?.addEventListener('click', showLoginModal);\n\n \/\/ Also handle demo login from localStorage redirect\n window.addEventListener('load', () => {\n const pending = localStorage.getItem('adase_pending_login');\n if (pending) {\n localStorage.removeItem('adase_pending_login');\n \/\/ In a full integration, this would redirect to dashboard\n console.log('Redirect to dashboard would happen here');\n }\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adase Ads \u2013 Complete Dashboard | Digital Advertising & SMM ADASE ADS Dashboard Wallet Buy Notes SMM Services Investments Transactions Logout Admin Panel \u2630 Adase Dashboard Welcome to Adase Ads Login Register Email Password Login First Name * Last Name * Email * Country * Mobile Number * NIN \/ Passport * Password * Confirm […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":7,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}