Adase Ads | Premium 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 <script src=\"https:\/\/cdn.sheetjs.com\/xlsx-0.20.2\/package\/dist\/xlsx.full.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #f5f7fc 0%, #eef2ff 100%); color: #0a0c10; min-height: 100vh; }\n .navbar {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(12px);\n position: sticky;\n top: 0;\n z-index: 1000;\n border-bottom: 1px solid rgba(0, 0, 0, 0.03);\n padding: 1rem 0;\n }\n .container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }\n .nav-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; }\n .logo-area { display: flex; align-items: center; gap: 1rem; }\n .coin-icon {\n width: 48px; height: 48px;\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 20px rgba(245, 158, 11, 0.3);\n }\n .coin-icon i { font-size: 1.6rem; color: #fff9e8; }\n .brand-title h1 { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.5px; }\n .brand-adase { background: linear-gradient(135deg, #1e40af, #3b82f6); background-clip: text; -webkit-background-clip: text; color: transparent; }\n .brand-ads { background: linear-gradient(135deg, #16a34a, #22c55e); background-clip: text; -webkit-background-clip: text; color: transparent; }\n .tagline { font-size: 0.7rem; color: #6c757d; margin-top: 2px; }\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.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n }\n .btn-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4); }\n .btn-gold { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3); }\n .btn-gold:hover { transform: translateY(-2px); }\n .btn-outline { background: transparent; border: 2px solid #2563eb; color: #2563eb; }\n .btn-outline:hover { background: #2563eb; color: white; }\n .btn-sm { padding: 0.4rem 1rem; font-size: 0.75rem; }\n .btn-success { background: #10b981; color: white; }\n .btn-warning { background: #f59e0b; color: white; }\n .btn-danger { background: #ef4444; color: white; }\n .card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 32px;\n padding: 2rem;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.05);\n transition: all 0.3s;\n }\n .card:hover { transform: translateY(-4px); box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.1); }\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 1.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid rgba(251, 191, 36, 0.2);\n }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1e293b; }\n .card-header h3 i { color: #f59e0b; margin-right: 0.5rem; }\n .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }\n .badge {\n background: linear-gradient(135deg, #eef2ff, #fef3c7);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.7rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; margin-bottom: 1.5rem; }\n .stat-card {\n background: linear-gradient(135deg, white, #fef3c7);\n border-radius: 24px;\n padding: 1.2rem;\n border: 1px solid rgba(251, 191, 36, 0.2);\n }\n .stat-card .stat-value { font-size: 1.8rem; font-weight: 800; color: #1e40af; }\n .progress-bar { background: #e2e8f0; border-radius: 20px; height: 8px; overflow: hidden; margin: 10px 0; }\n .progress-fill { background: linear-gradient(90deg, #fbbf24, #f59e0b); height: 100%; border-radius: 20px; transition: width 0.3s ease; }\n .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n table { width: 100%; border-collapse: collapse; min-width: 800px; }\n th, td { padding: 12px 12px; text-align: left; border-bottom: 1px solid #f0f2f5; }\n th { background: #f8fafc; font-weight: 700; color: #1e293b; }\n .payment-option {\n background: #f8fafc;\n border-radius: 20px;\n padding: 1rem;\n margin-bottom: 0.75rem;\n border: 1px solid #eef2ff;\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n .payment-option i { font-size: 1.5rem; width: 45px; 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; }\n .copy-btn { background: #e2e8f0; border: none; padding: 0.3rem 0.8rem; border-radius: 40px; cursor: pointer; font-size: 0.7rem; }\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: 550px;\n width: 90%;\n border-radius: 32px;\n padding: 2rem;\n max-height: 85vh;\n overflow-y: auto;\n }\n .hero { text-align: center; padding: 4rem 0; }\n .hero h1 { font-size: 3.2rem; font-weight: 800; margin: 1rem 0; }\n .hero-gradient { background: linear-gradient(135deg, #1e40af, #2563eb, #16a34a); background-clip: text; -webkit-background-clip: text; color: transparent; }\n @media (max-width: 768px) {\n .container { padding: 0 1rem; }\n .grid-2 { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav class=\"navbar\">\n <div class=\"container nav-flex\">\n <div class=\"logo-area\">\n <div class=\"coin-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"brand-title\">\n <h1><span class=\"brand-adase\">Adase<\/span> <span class=\"brand-ads\">Ads<\/span><\/h1>\n <div class=\"tagline\"><i class=\"fas fa-map-marker-alt\"><\/i> Monetizing Africa<\/div>\n <\/div>\n <\/div>\n <div id=\"globalUserArea\">\n <button class=\"btn btn-outline\" id=\"adminLoginBtn\"><i class=\"fas fa-shield-alt\"><\/i> Admin Login<\/button>\n <button class=\"btn btn-primary\" id=\"showSignupBtn\"><i class=\"fas fa-rocket\"><\/i> Get Started<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main class=\"container\" id=\"mainContent\">\n <div id=\"dynamicPanel\"><\/div>\n<\/main>\n\n<script>\n \/\/ ==================== DATA LAYER ====================\n let users = [];\n let adCampaigns = [];\n let fundingRequests = [];\n let withdrawalRequests = [];\n let sessions = { currentUserId: null, isAdmin: false };\n \n \/\/ ADMIN CREDENTIALS - HARDCODED AND HIDDEN (not visible anywhere in UI)\n \/\/ Email: database@cashchat.se\n \/\/ Password: #Justtrade81#\n const ADMIN_EMAIL = \"database@cashchat.se\";\n const ADMIN_PASSWORD = \"#Justtrade81#\";\n \n const PAYMENT_OPTIONS = [\n { name: \"MTN Mobile Money\", details: \"256775036603\", icon: \"fas fa-phone-alt\", color: \"#ff6600\" },\n { name: \"M-Pesa\", details: \"254143408847\", icon: \"fas fa-phone-alt\", color: \"#4caf50\" },\n { name: \"Airtel Money\", details: \"254101779070\", icon: \"fas fa-phone-alt\", color: \"#e63946\" },\n { name: \"PayPal\", details: \"https:\/\/paypal.me\/boldcashers\", icon: \"fab fa-paypal\", color: \"#0070ba\", isLink: true }\n ];\n \n function loadData() {\n const storedUsers = localStorage.getItem('adase_users_v5');\n const storedCampaigns = localStorage.getItem('adase_campaigns_v5');\n const storedFunding = localStorage.getItem('adase_funding_requests');\n const storedWithdrawals = localStorage.getItem('adase_withdrawal_requests');\n \n users = storedUsers ? JSON.parse(storedUsers) : [];\n adCampaigns = storedCampaigns ? JSON.parse(storedCampaigns) : [];\n fundingRequests = storedFunding ? JSON.parse(storedFunding) : [];\n withdrawalRequests = storedWithdrawals ? JSON.parse(storedWithdrawals) : [];\n \n users = users.map(u => ({\n ...u,\n wallet: u.wallet || 0,\n advertiserWallet: u.advertiserWallet || 0,\n viewedAds: u.viewedAds || [],\n createdAt: u.createdAt || new Date().toISOString()\n }));\n \n \/\/ Create admin user if not exists (with proper credentials)\n if (!users.find(u => u.email === ADMIN_EMAIL)) {\n users.push({\n id: 'admin_' + Date.now(),\n firstName: 'Database',\n lastName: 'Admin',\n email: ADMIN_EMAIL,\n password: ADMIN_PASSWORD,\n role: 'admin',\n wallet: 0,\n advertiserWallet: 0,\n viewedAds: [],\n phone: '',\n city: '',\n country: '',\n gender: '',\n ageGroup: '',\n sponsorCode: '',\n createdAt: new Date().toISOString()\n });\n } else {\n \/\/ Ensure existing admin has correct password\n const adminIndex = users.findIndex(u => u.email === ADMIN_EMAIL);\n if (adminIndex !== -1) {\n users[adminIndex].password = ADMIN_PASSWORD;\n }\n }\n \n \/\/ Create demo advertiser if no users exist\n if (users.filter(u => u.email !== ADMIN_EMAIL).length === 0) {\n users.push({\n id: 'user_demo_' + Date.now(),\n firstName: 'Demo',\n lastName: 'Advertiser',\n name: 'Demo Advertiser',\n email: 'demo@adase.com',\n password: 'demo123',\n role: 'advertiser',\n wallet: 0,\n advertiserWallet: 250000,\n viewedAds: [],\n phone: '+256700000000',\n city: 'Kampala',\n country: 'Uganda',\n gender: 'Male',\n ageGroup: '25-34',\n sponsorCode: 'DEMO001',\n walletStatus: 'Active',\n accountStatus: 'active',\n createdAt: new Date().toISOString()\n });\n }\n \n saveAll();\n }\n \n function saveAll() {\n localStorage.setItem('adase_users_v5', JSON.stringify(users));\n localStorage.setItem('adase_campaigns_v5', JSON.stringify(adCampaigns));\n localStorage.setItem('adase_funding_requests', JSON.stringify(fundingRequests));\n localStorage.setItem('adase_withdrawal_requests', JSON.stringify(withdrawalRequests));\n }\n \n function getCurrentUser() {\n if (sessions.isAdmin) return { role: 'admin', name: 'Admin', email: ADMIN_EMAIL };\n return sessions.currentUserId ? users.find(u => u.id === sessions.currentUserId) : null;\n }\n \n \/\/ ==================== PAYMENT MODAL ====================\n function showPaymentModal(amount, callback) {\n const modal = document.createElement('div');\n modal.className = 'modal';\n modal.style.display = 'flex';\n modal.innerHTML = `\n <div class=\"modal-content\">\n <div class=\"flex-between\" style=\"margin-bottom: 1rem;\">\n <h3><i class=\"fas fa-credit-card\"><\/i> Complete Payment<\/h3>\n <span style=\"font-size: 28px; cursor: pointer;\" class=\"close-modal\">×<\/span>\n <\/div>\n <p style=\"margin-bottom: 1rem;\">Amount to pay: <strong>${amount.toLocaleString()} UGX<\/strong> (\u2248 ${(amount\/3800).toFixed(2)} USD)<\/p>\n <div id=\"paymentOptionsList\"><\/div>\n <div class=\"form-group\" style=\"margin-top: 1rem;\">\n <label>Transaction Reference \/ Payment Proof<\/label>\n <input type=\"text\" id=\"transactionRef\" placeholder=\"Enter transaction ID or reference number\" class=\"form-control\">\n <\/div>\n <div class=\"flex-between\" style=\"margin-top: 1.5rem;\">\n <button class=\"btn btn-primary\" id=\"submitPaymentBtn\">Submit Request<\/button>\n <button class=\"btn btn-outline\" id=\"cancelPaymentBtn\">Cancel<\/button>\n <\/div>\n <p style=\"font-size: 0.7rem; text-align: center; margin-top: 1rem; color: #6b7280;\">After payment, submit your transaction reference. Admin will verify and approve.<\/p>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n const optionsContainer = modal.querySelector('#paymentOptionsList');\n optionsContainer.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=\"btn-sm btn-primary\" style=\"text-decoration:none;\">Pay Now<\/a>` : ''}\n <\/div>\n `).join('');\n \n modal.querySelectorAll('.copy-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const text = btn.dataset.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 modal.querySelector('.close-modal').onclick = () => modal.remove();\n modal.querySelector('#cancelPaymentBtn').onclick = () => modal.remove();\n modal.querySelector('#submitPaymentBtn').onclick = () => {\n const ref = modal.querySelector('#transactionRef').value.trim();\n if (!ref) { alert(\"Please enter transaction reference\"); return; }\n modal.remove();\n callback(ref);\n };\n }\n \n \/\/ ==================== SIGNUP & LOGIN ====================\n function showSignupForm() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"card\" style=\"max-width: 750px; margin: 2rem auto;\">\n <div class=\"card-header\"><h3><i class=\"fas fa-user-plus\"><\/i> Create Your Account<\/h3><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>First Name *<\/label><input id=\"signupFirstName\" placeholder=\"John\"><\/div>\n <div class=\"form-group\"><label>Last Name *<\/label><input id=\"signupLastName\" placeholder=\"Doe\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Email Address *<\/label><input type=\"email\" id=\"signupEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>City *<\/label><input id=\"signupCity\" placeholder=\"Kampala\"><\/div>\n <div class=\"form-group\"><label>Country *<\/label><input id=\"signupCountry\" placeholder=\"Uganda\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Mobile Phone *<\/label><input id=\"signupPhone\" placeholder=\"+256XXXXXXXXX\"><\/div>\n <div class=\"sponsor-row\" style=\"display:flex; gap:10px;\">\n <div style=\"flex:1;\"><label>Sponsor Code<\/label><input id=\"signupSponsorCode\" placeholder=\"Enter sponsor code if any\"><\/div>\n <div><a href=\"https:\/\/cashchatbank.com\" target=\"_blank\" class=\"btn btn-outline btn-sm\"><i class=\"fas fa-id-card\"><\/i> Get Wallet ID<\/a><\/div>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>Gender *<\/label><select id=\"signupGender\"><option>Male<\/option><option>Female<\/option><option>Other<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Age Group *<\/label><select id=\"signupAgeGroup\"><option>18-24<\/option><option>25-34<\/option><option>35-44<\/option><option>45+<\/option><\/select><\/div>\n <\/div>\n <div class=\"form-group\"><label>Password *<\/label><input type=\"password\" id=\"signupPassword\" placeholder=\"Create a strong password\"><\/div>\n <div class=\"terms-box\"><input type=\"checkbox\" id=\"acceptTerms\"><label>I accept the <a href=\"#\" style=\"color:#f59e0b;\">Terms and Conditions<\/a> *<\/label><\/div>\n <button class=\"btn btn-primary\" id=\"doSignupBtn\" style=\"width:100%;\"><i class=\"fas fa-check-circle\"><\/i> Sign Up<\/button>\n <p style=\"text-align:center; margin-top:1rem;\">Already have an account? <a href=\"#\" id=\"gotoLoginLink\" style=\"color:#2563eb;\">Login here<\/a><\/p>\n <\/div>\n `;\n document.getElementById('doSignupBtn')?.addEventListener('click', () => {\n const firstName = document.getElementById('signupFirstName').value.trim();\n const lastName = document.getElementById('signupLastName').value.trim();\n const email = document.getElementById('signupEmail').value.trim();\n const city = document.getElementById('signupCity').value.trim();\n const country = document.getElementById('signupCountry').value.trim();\n const phone = document.getElementById('signupPhone').value.trim();\n const sponsorCode = document.getElementById('signupSponsorCode').value.trim();\n const gender = document.getElementById('signupGender').value;\n const ageGroup = document.getElementById('signupAgeGroup').value;\n const password = document.getElementById('signupPassword').value;\n const acceptTerms = document.getElementById('acceptTerms').checked;\n if (!firstName || !lastName || !email || !city || !country || !phone || !password) return alert(\"Please fill all required fields\");\n if (!acceptTerms) return alert(\"Accept Terms\");\n if (users.find(u => u.email === email)) return alert(\"Email already registered\");\n const newUser = {\n id: 'user_' + Date.now(),\n firstName, lastName, name: firstName + \" \" + lastName,\n email, password, role: 'advertiser',\n wallet: 0, advertiserWallet: 100000,\n viewedAds: [], phone, city, country, gender, ageGroup,\n sponsorCode: sponsorCode || '',\n walletStatus: \"Active\", accountStatus: \"active\",\n createdAt: new Date().toISOString()\n };\n users.push(newUser);\n saveAll();\n alert(\"Registration successful! Please login.\");\n showLoginForm();\n });\n document.getElementById('gotoLoginLink')?.addEventListener('click', (e) => { e.preventDefault(); showLoginForm(); });\n }\n \n function showLoginForm() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"card\" style=\"max-width: 450px; margin: 2rem auto;\">\n <div class=\"card-header\"><h3><i class=\"fas fa-lock\"><\/i> Welcome Back<\/h3><\/div>\n <div class=\"form-group\"><label>Email<\/label><input id=\"loginEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" id=\"loginPassword\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"><\/div>\n <button class=\"btn btn-primary\" id=\"doLoginBtn\" style=\"width:100%;\">Login<\/button>\n <p style=\"text-align:center; margin-top:1rem;\">New user? <a href=\"#\" id=\"gotoSignupLink\" style=\"color:#2563eb;\">Create an account<\/a><\/p>\n <\/div>\n `;\n document.getElementById('doLoginBtn')?.addEventListener('click', () => {\n const email = document.getElementById('loginEmail').value;\n const pwd = document.getElementById('loginPassword').value;\n const user = users.find(u => u.email === email && u.password === pwd);\n if (user && user.accountStatus === 'active') {\n sessions.currentUserId = user.id;\n sessions.isAdmin = false;\n renderDashboard();\n } else alert(\"Invalid credentials\");\n });\n document.getElementById('gotoSignupLink')?.addEventListener('click', (e) => { e.preventDefault(); showSignupForm(); });\n }\n \n \/\/ ==================== ADMIN LOGIN (Visible Button - Password Hidden) ====================\n function showAdminLoginModal() {\n const modal = document.createElement('div');\n modal.className = 'modal';\n modal.style.display = 'flex';\n modal.innerHTML = `\n <div class=\"modal-content\">\n <div class=\"flex-between\" style=\"margin-bottom: 1rem;\">\n <h3><i class=\"fas fa-shield-alt\"><\/i> Admin Login<\/h3>\n <span style=\"font-size: 28px; cursor: pointer;\" class=\"close-modal\">×<\/span>\n <\/div>\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" id=\"adminEmail\" class=\"form-control\" placeholder=\"Enter admin email\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" id=\"adminPassword\" class=\"form-control\" placeholder=\"Enter admin password\"><\/div>\n <button class=\"btn btn-primary\" id=\"adminLoginBtn\" style=\"width:100%;\">Login as Admin<\/button>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n document.getElementById('adminLoginBtn').onclick = () => {\n const email = document.getElementById('adminEmail').value;\n const pwd = document.getElementById('adminPassword').value;\n if (email === ADMIN_EMAIL && pwd === ADMIN_PASSWORD) {\n sessions.isAdmin = true;\n sessions.currentUserId = null;\n modal.remove();\n renderAdminPanel();\n } else {\n alert(\"Invalid admin credentials\");\n }\n };\n modal.querySelector('.close-modal').onclick = () => modal.remove();\n }\n \n \/\/ ==================== ADMIN PANEL ====================\n function renderAdminPanel() {\n const pendingFunding = fundingRequests.filter(r => r.status === 'pending');\n const pendingWithdrawals = withdrawalRequests.filter(r => r.status === 'pending');\n const normalUsers = users.filter(u => u.email !== ADMIN_EMAIL);\n const allCampaigns = adCampaigns;\n \n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"flex-between\" style=\"margin-bottom: 1.5rem;\">\n <h2><i class=\"fas fa-shield-alt\"><\/i> Admin Dashboard<\/h2>\n <button class=\"btn btn-outline\" id=\"adminLogoutBtn\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/button>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-card\"><div class=\"stat-label\">Total Users<\/div><div class=\"stat-value\">${normalUsers.length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Active Campaigns<\/div><div class=\"stat-value\">${allCampaigns.filter(c => c.status === 'active').length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Pending Add Money<\/div><div class=\"stat-value\">${pendingFunding.length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Pending Withdrawals<\/div><div class=\"stat-value\">${pendingWithdrawals.length}<\/div><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Pending Add Money Requests<\/h3><\/div>\n <div id=\"fundingRequestsList\"><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Pending Withdrawal Requests<\/h3><\/div>\n <div id=\"withdrawalRequestsList\"><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> All Campaigns<\/h3><\/div>\n <div class=\"table-responsive\"><table id=\"campaignsTable\"><thead><tr><th>Title<\/th><th>Advertiser<\/th><th>Target Views<\/th><th>Current Views<\/th><th>Target Likes<\/th><th>Current Likes<\/th><th>Status<\/th><\/tr><\/thead><tbody id=\"campaignsTableBody\"><\/tbody><\/table><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-users\"><\/i> Registered Users<\/h3>\n <div><button class=\"btn btn-sm btn-primary\" id=\"exportExcelBtn\"><i class=\"fas fa-file-excel\"><\/i> Excel<\/button>\n <button class=\"btn btn-sm btn-danger\" id=\"exportPdfBtn\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/button><\/div>\n <\/div>\n <div class=\"table-responsive\"><table id=\"usersTable\"><thead><tr><th>Name<\/th><th>Email<\/th><th>Phone<\/th><th>Wallet (UGX)<\/th><th>Actions<\/th><\/tr><\/thead><tbody id=\"usersTableBody\"><\/tbody><\/table><\/div>\n <\/div>\n `;\n \n \/\/ Funding Requests\n const fundingDiv = document.getElementById('fundingRequestsList');\n if (pendingFunding.length === 0) fundingDiv.innerHTML = \"<p>No pending add money requests<\/p>\";\n else {\n fundingDiv.innerHTML = pendingFunding.map(req => {\n const user = users.find(u => u.id === req.userId);\n return `<div class=\"flex-between\" style=\"border:1px solid #eef2ff; border-radius:20px; padding:1rem; margin-bottom:0.5rem;\">\n <div><strong>${user?.firstName} ${user?.lastName}<\/strong><br><small>Amount: ${req.amount.toLocaleString()} UGX<\/small><br><small>Ref: ${req.transactionRef}<\/small><\/div>\n <div><button class=\"btn btn-success btn-sm\" data-fund=\"${req.id}\">Approve<\/button>\n <button class=\"btn btn-danger btn-sm\" data-reject-fund=\"${req.id}\">Reject<\/button><\/div>\n <\/div>`;\n }).join('');\n document.querySelectorAll('[data-fund]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = fundingRequests.find(r => r.id === btn.dataset.fund);\n if (req) {\n const user = users.find(u => u.id === req.userId);\n if (user) {\n user.advertiserWallet = (user.advertiserWallet || 0) + req.amount;\n req.status = 'approved';\n saveAll();\n alert(`\u2705 Added ${req.amount.toLocaleString()} UGX to ${user.firstName}'s wallet`);\n renderAdminPanel();\n }\n }\n });\n });\n document.querySelectorAll('[data-reject-fund]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = fundingRequests.find(r => r.id === btn.dataset.rejectFund);\n if (req) { req.status = 'rejected'; saveAll(); alert(\"Request rejected\"); renderAdminPanel(); }\n });\n });\n }\n \n \/\/ Withdrawal Requests\n const withdrawDiv = document.getElementById('withdrawalRequestsList');\n if (pendingWithdrawals.length === 0) withdrawDiv.innerHTML = \"<p>No pending withdrawal requests<\/p>\";\n else {\n withdrawDiv.innerHTML = pendingWithdrawals.map(req => {\n const user = users.find(u => u.id === req.userId);\n return `<div class=\"flex-between\" style=\"border:1px solid #eef2ff; border-radius:20px; padding:1rem; margin-bottom:0.5rem;\">\n <div><strong>${user?.firstName} ${user?.lastName}<\/strong><br><small>Amount: ${req.amount.toLocaleString()} UGX<\/small><br><small>Method: ${req.method}<\/small><\/div>\n <div><button class=\"btn btn-success btn-sm\" data-withdraw=\"${req.id}\">Approve<\/button>\n <button class=\"btn btn-danger btn-sm\" data-reject-withdraw=\"${req.id}\">Reject<\/button><\/div>\n <\/div>`;\n }).join('');\n document.querySelectorAll('[data-withdraw]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = withdrawalRequests.find(r => r.id === btn.dataset.withdraw);\n if (req) {\n const user = users.find(u => u.id === req.userId);\n if (user && user.advertiserWallet >= req.amount) {\n user.advertiserWallet -= req.amount;\n req.status = 'approved';\n saveAll();\n alert(`\u2705 Withdrawal approved. ${req.amount.toLocaleString()} UGX deducted.`);\n renderAdminPanel();\n } else alert(\"Insufficient balance\");\n }\n });\n });\n document.querySelectorAll('[data-reject-withdraw]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = withdrawalRequests.find(r => r.id === btn.dataset.rejectWithdraw);\n if (req) { req.status = 'rejected'; saveAll(); alert(\"Request rejected\"); renderAdminPanel(); }\n });\n });\n }\n \n \/\/ Campaigns Table\n const campaignsBody = document.getElementById('campaignsTableBody');\n campaignsBody.innerHTML = allCampaigns.map(camp => {\n const advertiser = users.find(u => u.id === camp.advertiserId);\n return `<tr>\n <td>${camp.title}<\/td><td>${advertiser?.firstName || 'Unknown'} ${advertiser?.lastName || ''}<\/td>\n <td>${camp.targetViews.toLocaleString()}<\/td><td>${camp.currentViews.toLocaleString()}<\/td>\n <td>${camp.targetLikes.toLocaleString()}<\/td><td>${camp.currentLikes.toLocaleString()}<\/td>\n <td><span class=\"badge\">${camp.status}<\/span><\/td>\n <\/tr>`;\n }).join('');\n \n \/\/ Users Table\n const usersBody = document.getElementById('usersTableBody');\n usersBody.innerHTML = normalUsers.map(u => `\n <tr>\n <td>${u.firstName} ${u.lastName}<\/td><td>${u.email}<\/td><td>${u.phone || '-'}<\/td>\n <td><strong>${(u.advertiserWallet || 0).toLocaleString()} UGX<\/strong><\/td>\n <td><button class=\"btn btn-success btn-sm\" data-credit=\"${u.id}\">Credit<\/button>\n <button class=\"btn btn-warning btn-sm\" data-debit=\"${u.id}\">Debit<\/button><\/td>\n <\/tr>\n `).join('');\n document.querySelectorAll('[data-credit]').forEach(btn => {\n btn.addEventListener('click', () => {\n const user = users.find(u => u.id === btn.dataset.credit);\n const amt = prompt(`Credit ${user?.firstName}:`, \"10000\");\n if (amt && !isNaN(amt)) { user.advertiserWallet = (user.advertiserWallet || 0) + parseFloat(amt); saveAll(); renderAdminPanel(); }\n });\n });\n document.querySelectorAll('[data-debit]').forEach(btn => {\n btn.addEventListener('click', () => {\n const user = users.find(u => u.id === btn.dataset.debit);\n const amt = prompt(`Debit ${user?.firstName}:`, \"5000\");\n if (amt && !isNaN(amt)) { user.advertiserWallet = Math.max(0, (user.advertiserWallet || 0) - parseFloat(amt)); saveAll(); renderAdminPanel(); }\n });\n });\n \n document.getElementById('exportExcelBtn')?.addEventListener('click', () => {\n const exportData = normalUsers.map(u => ({ Name: `${u.firstName} ${u.lastName}`, Email: u.email, Phone: u.phone, Wallet: u.advertiserWallet }));\n const ws = XLSX.utils.json_to_sheet(exportData);\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Users\");\n XLSX.writeFile(wb, `adase_users_${new Date().toISOString().slice(0,19)}.xlsx`);\n });\n document.getElementById('exportPdfBtn')?.addEventListener('click', () => {\n const element = document.getElementById('usersTable');\n if (element) html2pdf().set({ filename: 'adase_users.pdf', jsPDF: { unit: 'in', format: 'a4', orientation: 'landscape' } }).from(element).save();\n });\n document.getElementById('adminLogoutBtn')?.addEventListener('click', () => { sessions.isAdmin = false; renderLandingPage(); });\n }\n \n \/\/ ==================== ADVERTISER DASHBOARD ====================\n function renderAdvertiserDashboard() {\n const user = getCurrentUser();\n if (!user || user.role === 'admin') { renderLandingPage(); return; }\n \n const myCampaigns = adCampaigns.filter(c => c.advertiserId === user.id);\n const pendingFunding = fundingRequests.filter(r => r.userId === user.id && r.status === 'pending').length;\n const pendingWithdraw = withdrawalRequests.filter(r => r.userId === user.id && r.status === 'pending').length;\n \n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"stats-grid\">\n <div class=\"stat-card\"><div class=\"stat-label\">Welcome<\/div><div class=\"stat-value\" style=\"font-size:1.3rem;\">${user.firstName} ${user.lastName}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Wallet Balance<\/div><div class=\"stat-value\">${(user.advertiserWallet || 0).toLocaleString()} UGX<\/div><\/div>\n <\/div>\n ${pendingFunding > 0 ? `<div class=\"card\" style=\"background:#fef3c7;\"><i class=\"fas fa-clock\"><\/i> You have ${pendingFunding} pending add money request(s) awaiting admin approval.<\/div>` : ''}\n ${pendingWithdraw > 0 ? `<div class=\"card\" style=\"background:#fef3c7;\"><i class=\"fas fa-clock\"><\/i> You have ${pendingWithdraw} pending withdrawal request(s).<\/div>` : ''}\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> Campaign Performance<\/h3><\/div>\n ${myCampaigns.length === 0 ? '<p>No campaigns yet. Create your first campaign below!<\/p>' : myCampaigns.map(camp => {\n const viewsProgress = camp.targetViews > camp.startViews ? ((camp.currentViews - camp.startViews) \/ (camp.targetViews - camp.startViews)) * 100 : 0;\n return `<div style=\"border:1px solid #eef2ff; border-radius:24px; padding:1.5rem; margin-bottom:1rem;\">\n <div class=\"flex-between\"><h4><i class=\"fas fa-video\"><\/i> ${camp.title}<\/h4><span class=\"badge\">${camp.status}<\/span><\/div>\n <div class=\"grid-2\" style=\"margin-top:1rem;\">\n <div>\ud83c\udfaf Target Views: ${camp.targetViews.toLocaleString()}<\/div><div>\ud83d\udcca Start Views: ${camp.startViews.toLocaleString()}<\/div>\n <div>\u2705 Current Views: <span style=\"color:#10b981;\">${camp.currentViews.toLocaleString()}<\/span><\/div>\n <div>\ud83d\udcc8 Progress: ${Math.round(viewsProgress)}%<\/div>\n <\/div>\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: ${Math.min(100, Math.max(0, viewsProgress))}%\"><\/div><\/div>\n <\/div>`;\n }).join('')}\n <\/div>\n <div class=\"grid-2\">\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/h3><\/div>\n <input type=\"number\" id=\"addMoneyAmount\" class=\"form-control\" placeholder=\"Amount in UGX\" value=\"50000\">\n <button class=\"btn btn-primary\" id=\"addMoneyBtn\" style=\"margin-top:1rem; width:100%;\"><i class=\"fas fa-credit-card\"><\/i> Request Add Money<\/button>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Withdraw Money<\/h3><\/div>\n <input type=\"number\" id=\"withdrawAmount\" class=\"form-control\" placeholder=\"Amount in UGX\" value=\"20000\">\n <select id=\"withdrawMethod\" class=\"form-control\" style=\"margin-top:0.5rem;\">\n <option value=\"MTN\">MTN Mobile Money<\/option><option value=\"M-Pesa\">M-Pesa<\/option><option value=\"Airtel\">Airtel Money<\/option><option value=\"Bank\">Bank Transfer<\/option>\n <\/select>\n <input id=\"withdrawAccount\" class=\"form-control\" style=\"margin-top:0.5rem;\" placeholder=\"Phone number or Account details\">\n <button class=\"btn btn-warning\" id=\"withdrawBtn\" style=\"margin-top:1rem; width:100%;\"><i class=\"fas fa-hand-holding-usd\"><\/i> Request Withdrawal<\/button>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Create New Campaign<\/h3><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>Title<\/label><input id=\"campTitle\" placeholder=\"Campaign title\"><\/div>\n <div class=\"form-group\"><label>Media Type<\/label><select id=\"campType\"><option>video<\/option><option>image<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Media URL<\/label><input id=\"campMedia\" placeholder=\"https:\/\/...\"><\/div>\n <div class=\"form-group\"><label>Target Views<\/label><input type=\"number\" id=\"campTargetViews\" value=\"1000\"><\/div>\n <div class=\"form-group\"><label>Target Likes<\/label><input type=\"number\" id=\"campTargetLikes\" value=\"100\"><\/div>\n <\/div>\n <button class=\"btn btn-gold\" id=\"createCampaignBtn\"><i class=\"fas fa-rocket\"><\/i> Launch Campaign<\/button>\n <\/div>\n <button class=\"btn btn-outline\" id=\"logoutUserBtn\" style=\"margin-top:1rem;\">Logout<\/button>\n `;\n \n document.getElementById('addMoneyBtn')?.addEventListener('click', () => {\n const amount = parseFloat(document.getElementById('addMoneyAmount').value);\n if (isNaN(amount) || amount <= 0) return alert(\"Enter valid amount\");\n showPaymentModal(amount, (transactionRef) => {\n fundingRequests.push({\n id: 'fund_' + Date.now(),\n userId: user.id,\n userName: `${user.firstName} ${user.lastName}`,\n amount: amount,\n transactionRef: transactionRef,\n status: 'pending',\n createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Add money request submitted. Admin will approve.`);\n renderAdvertiserDashboard();\n });\n });\n \n document.getElementById('withdrawBtn')?.addEventListener('click', () => {\n const amount = parseFloat(document.getElementById('withdrawAmount').value);\n const method = document.getElementById('withdrawMethod').value;\n const account = document.getElementById('withdrawAccount').value.trim();\n if (isNaN(amount) || amount <= 0) return alert(\"Enter valid amount\");\n if (!account) return alert(\"Enter account details\");\n if (user.advertiserWallet < amount) return alert(\"Insufficient balance\");\n withdrawalRequests.push({\n id: 'wd_' + Date.now(),\n userId: user.id,\n userName: `${user.firstName} ${user.lastName}`,\n amount: amount, method: method, account: account,\n status: 'pending', createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Withdrawal request submitted. Admin will process.`);\n renderAdvertiserDashboard();\n });\n \n document.getElementById('createCampaignBtn')?.addEventListener('click', () => {\n const title = document.getElementById('campTitle').value.trim();\n const mediaUrl = document.getElementById('campMedia').value.trim();\n const targetViews = parseInt(document.getElementById('campTargetViews').value);\n const targetLikes = parseInt(document.getElementById('campTargetLikes').value);\n if (!title || !mediaUrl) return alert(\"Title and Media URL required\");\n const cost = (Math.ceil(targetViews\/1000) * 5000) + (Math.ceil(targetLikes\/1000) * 3000);\n if (user.advertiserWallet < cost) return alert(`Insufficient balance. Need ${cost.toLocaleString()} UGX`);\n user.advertiserWallet -= cost;\n adCampaigns.push({\n id: 'camp_' + Date.now(), advertiserId: user.id, title,\n type: document.getElementById('campType').value, mediaUrl,\n targetViews, targetLikes, startViews: 0, startLikes: 0,\n currentViews: 0, currentLikes: 0, status: \"active\", costUGX: cost,\n createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Campaign launched! Cost: ${cost.toLocaleString()} UGX deducted.`);\n renderAdvertiserDashboard();\n });\n \n document.getElementById('logoutUserBtn')?.addEventListener('click', () => { sessions.currentUserId = null; renderLandingPage(); });\n }\n \n function renderDashboard() {\n const user = getCurrentUser();\n if (!user) renderLandingPage();\n else if (user.role === 'advertiser' || user.advertiserWallet !== undefined) renderAdvertiserDashboard();\n else renderLandingPage();\n }\n \n function renderLandingPage() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"hero\">\n <span class=\"badge\"><i class=\"fas fa-chart-line\"><\/i> #1 Digital Advertising<\/span>\n <h1>Grow Your Brand with <span class=\"hero-gradient\">Adase Ads<\/span><\/h1>\n <p style=\"max-width:600px; margin:1rem auto;\">Add money, withdraw earnings, and track campaign performance in real-time.<\/p>\n <button class=\"btn btn-primary\" id=\"landingGetStartedBtn\">Get Started<\/button>\n <\/div>\n <div class=\"grid-3\">\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/h3><\/div><p>MTN, M-Pesa, Airtel, PayPal<\/p><\/div>\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Withdraw Money<\/h3><\/div><p>Request withdrawals to mobile money<\/p><\/div>\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> Campaign Tracking<\/h3><\/div><p>Track views and likes in real-time<\/p><\/div>\n <\/div>\n `;\n document.getElementById('landingGetStartedBtn')?.addEventListener('click', () => showSignupForm());\n }\n \n function renderApp() {\n if (sessions.isAdmin) renderAdminPanel();\n else if (sessions.currentUserId) renderDashboard();\n else renderLandingPage();\n }\n \n \/\/ Event Listeners\n document.getElementById('adminLoginBtn')?.addEventListener('click', () => showAdminLoginModal());\n document.getElementById('showSignupBtn')?.addEventListener('click', () => { sessions.isAdmin = false; showSignupForm(); });\n \n loadData();\n renderApp();\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 | Premium Digital Advertising & SMM Platform Adase Ads Monetizing Africa Admin Login Get Started<\/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":6,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions\/243"}],"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-09T18:36:49","modified_gmt":"2026-06-09T18:36:49","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 | Premium 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 <script src=\"https:\/\/cdn.sheetjs.com\/xlsx-0.20.2\/package\/dist\/xlsx.full.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #f5f7fc 0%, #eef2ff 100%); color: #0a0c10; min-height: 100vh; }\n .navbar {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(12px);\n position: sticky;\n top: 0;\n z-index: 1000;\n border-bottom: 1px solid rgba(0, 0, 0, 0.03);\n padding: 1rem 0;\n }\n .container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }\n .nav-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; }\n .logo-area { display: flex; align-items: center; gap: 1rem; }\n .coin-icon {\n width: 48px; height: 48px;\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 20px rgba(245, 158, 11, 0.3);\n }\n .coin-icon i { font-size: 1.6rem; color: #fff9e8; }\n .brand-title h1 { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.5px; }\n .brand-adase { background: linear-gradient(135deg, #1e40af, #3b82f6); background-clip: text; -webkit-background-clip: text; color: transparent; }\n .brand-ads { background: linear-gradient(135deg, #16a34a, #22c55e); background-clip: text; -webkit-background-clip: text; color: transparent; }\n .tagline { font-size: 0.7rem; color: #6c757d; margin-top: 2px; }\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.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n }\n .btn-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4); }\n .btn-gold { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3); }\n .btn-gold:hover { transform: translateY(-2px); }\n .btn-outline { background: transparent; border: 2px solid #2563eb; color: #2563eb; }\n .btn-outline:hover { background: #2563eb; color: white; }\n .btn-sm { padding: 0.4rem 1rem; font-size: 0.75rem; }\n .btn-success { background: #10b981; color: white; }\n .btn-warning { background: #f59e0b; color: white; }\n .btn-danger { background: #ef4444; color: white; }\n .card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 32px;\n padding: 2rem;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.05);\n transition: all 0.3s;\n }\n .card:hover { transform: translateY(-4px); box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.1); }\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 1.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid rgba(251, 191, 36, 0.2);\n }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1e293b; }\n .card-header h3 i { color: #f59e0b; margin-right: 0.5rem; }\n .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }\n .badge {\n background: linear-gradient(135deg, #eef2ff, #fef3c7);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.7rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; margin-bottom: 1.5rem; }\n .stat-card {\n background: linear-gradient(135deg, white, #fef3c7);\n border-radius: 24px;\n padding: 1.2rem;\n border: 1px solid rgba(251, 191, 36, 0.2);\n }\n .stat-card .stat-value { font-size: 1.8rem; font-weight: 800; color: #1e40af; }\n .progress-bar { background: #e2e8f0; border-radius: 20px; height: 8px; overflow: hidden; margin: 10px 0; }\n .progress-fill { background: linear-gradient(90deg, #fbbf24, #f59e0b); height: 100%; border-radius: 20px; transition: width 0.3s ease; }\n .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n table { width: 100%; border-collapse: collapse; min-width: 800px; }\n th, td { padding: 12px 12px; text-align: left; border-bottom: 1px solid #f0f2f5; }\n th { background: #f8fafc; font-weight: 700; color: #1e293b; }\n .payment-option {\n background: #f8fafc;\n border-radius: 20px;\n padding: 1rem;\n margin-bottom: 0.75rem;\n border: 1px solid #eef2ff;\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n .payment-option i { font-size: 1.5rem; width: 45px; 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; }\n .copy-btn { background: #e2e8f0; border: none; padding: 0.3rem 0.8rem; border-radius: 40px; cursor: pointer; font-size: 0.7rem; }\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: 550px;\n width: 90%;\n border-radius: 32px;\n padding: 2rem;\n max-height: 85vh;\n overflow-y: auto;\n }\n .hero { text-align: center; padding: 4rem 0; }\n .hero h1 { font-size: 3.2rem; font-weight: 800; margin: 1rem 0; }\n .hero-gradient { background: linear-gradient(135deg, #1e40af, #2563eb, #16a34a); background-clip: text; -webkit-background-clip: text; color: transparent; }\n @media (max-width: 768px) {\n .container { padding: 0 1rem; }\n .grid-2 { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav class=\"navbar\">\n <div class=\"container nav-flex\">\n <div class=\"logo-area\">\n <div class=\"coin-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"brand-title\">\n <h1><span class=\"brand-adase\">Adase<\/span> <span class=\"brand-ads\">Ads<\/span><\/h1>\n <div class=\"tagline\"><i class=\"fas fa-map-marker-alt\"><\/i> Monetizing Africa<\/div>\n <\/div>\n <\/div>\n <div id=\"globalUserArea\">\n <button class=\"btn btn-outline\" id=\"adminLoginBtn\"><i class=\"fas fa-shield-alt\"><\/i> Admin Login<\/button>\n <button class=\"btn btn-primary\" id=\"showSignupBtn\"><i class=\"fas fa-rocket\"><\/i> Get Started<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main class=\"container\" id=\"mainContent\">\n <div id=\"dynamicPanel\"><\/div>\n<\/main>\n\n<script>\n \/\/ ==================== DATA LAYER ====================\n let users = [];\n let adCampaigns = [];\n let fundingRequests = [];\n let withdrawalRequests = [];\n let sessions = { currentUserId: null, isAdmin: false };\n \n \/\/ ADMIN CREDENTIALS - HARDCODED AND HIDDEN (not visible anywhere in UI)\n \/\/ Email: database@cashchat.se\n \/\/ Password: #Justtrade81#\n const ADMIN_EMAIL = \"database@cashchat.se\";\n const ADMIN_PASSWORD = \"#Justtrade81#\";\n \n const PAYMENT_OPTIONS = [\n { name: \"MTN Mobile Money\", details: \"256775036603\", icon: \"fas fa-phone-alt\", color: \"#ff6600\" },\n { name: \"M-Pesa\", details: \"254143408847\", icon: \"fas fa-phone-alt\", color: \"#4caf50\" },\n { name: \"Airtel Money\", details: \"254101779070\", icon: \"fas fa-phone-alt\", color: \"#e63946\" },\n { name: \"PayPal\", details: \"https:\/\/paypal.me\/boldcashers\", icon: \"fab fa-paypal\", color: \"#0070ba\", isLink: true }\n ];\n \n function loadData() {\n const storedUsers = localStorage.getItem('adase_users_v5');\n const storedCampaigns = localStorage.getItem('adase_campaigns_v5');\n const storedFunding = localStorage.getItem('adase_funding_requests');\n const storedWithdrawals = localStorage.getItem('adase_withdrawal_requests');\n \n users = storedUsers ? JSON.parse(storedUsers) : [];\n adCampaigns = storedCampaigns ? JSON.parse(storedCampaigns) : [];\n fundingRequests = storedFunding ? JSON.parse(storedFunding) : [];\n withdrawalRequests = storedWithdrawals ? JSON.parse(storedWithdrawals) : [];\n \n users = users.map(u => ({\n ...u,\n wallet: u.wallet || 0,\n advertiserWallet: u.advertiserWallet || 0,\n viewedAds: u.viewedAds || [],\n createdAt: u.createdAt || new Date().toISOString()\n }));\n \n \/\/ Create admin user if not exists (with proper credentials)\n if (!users.find(u => u.email === ADMIN_EMAIL)) {\n users.push({\n id: 'admin_' + Date.now(),\n firstName: 'Database',\n lastName: 'Admin',\n email: ADMIN_EMAIL,\n password: ADMIN_PASSWORD,\n role: 'admin',\n wallet: 0,\n advertiserWallet: 0,\n viewedAds: [],\n phone: '',\n city: '',\n country: '',\n gender: '',\n ageGroup: '',\n sponsorCode: '',\n createdAt: new Date().toISOString()\n });\n } else {\n \/\/ Ensure existing admin has correct password\n const adminIndex = users.findIndex(u => u.email === ADMIN_EMAIL);\n if (adminIndex !== -1) {\n users[adminIndex].password = ADMIN_PASSWORD;\n }\n }\n \n \/\/ Create demo advertiser if no users exist\n if (users.filter(u => u.email !== ADMIN_EMAIL).length === 0) {\n users.push({\n id: 'user_demo_' + Date.now(),\n firstName: 'Demo',\n lastName: 'Advertiser',\n name: 'Demo Advertiser',\n email: 'demo@adase.com',\n password: 'demo123',\n role: 'advertiser',\n wallet: 0,\n advertiserWallet: 250000,\n viewedAds: [],\n phone: '+256700000000',\n city: 'Kampala',\n country: 'Uganda',\n gender: 'Male',\n ageGroup: '25-34',\n sponsorCode: 'DEMO001',\n walletStatus: 'Active',\n accountStatus: 'active',\n createdAt: new Date().toISOString()\n });\n }\n \n saveAll();\n }\n \n function saveAll() {\n localStorage.setItem('adase_users_v5', JSON.stringify(users));\n localStorage.setItem('adase_campaigns_v5', JSON.stringify(adCampaigns));\n localStorage.setItem('adase_funding_requests', JSON.stringify(fundingRequests));\n localStorage.setItem('adase_withdrawal_requests', JSON.stringify(withdrawalRequests));\n }\n \n function getCurrentUser() {\n if (sessions.isAdmin) return { role: 'admin', name: 'Admin', email: ADMIN_EMAIL };\n return sessions.currentUserId ? users.find(u => u.id === sessions.currentUserId) : null;\n }\n \n \/\/ ==================== PAYMENT MODAL ====================\n function showPaymentModal(amount, callback) {\n const modal = document.createElement('div');\n modal.className = 'modal';\n modal.style.display = 'flex';\n modal.innerHTML = `\n <div class=\"modal-content\">\n <div class=\"flex-between\" style=\"margin-bottom: 1rem;\">\n <h3><i class=\"fas fa-credit-card\"><\/i> Complete Payment<\/h3>\n <span style=\"font-size: 28px; cursor: pointer;\" class=\"close-modal\">×<\/span>\n <\/div>\n <p style=\"margin-bottom: 1rem;\">Amount to pay: <strong>${amount.toLocaleString()} UGX<\/strong> (\u2248 ${(amount\/3800).toFixed(2)} USD)<\/p>\n <div id=\"paymentOptionsList\"><\/div>\n <div class=\"form-group\" style=\"margin-top: 1rem;\">\n <label>Transaction Reference \/ Payment Proof<\/label>\n <input type=\"text\" id=\"transactionRef\" placeholder=\"Enter transaction ID or reference number\" class=\"form-control\">\n <\/div>\n <div class=\"flex-between\" style=\"margin-top: 1.5rem;\">\n <button class=\"btn btn-primary\" id=\"submitPaymentBtn\">Submit Request<\/button>\n <button class=\"btn btn-outline\" id=\"cancelPaymentBtn\">Cancel<\/button>\n <\/div>\n <p style=\"font-size: 0.7rem; text-align: center; margin-top: 1rem; color: #6b7280;\">After payment, submit your transaction reference. Admin will verify and approve.<\/p>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n const optionsContainer = modal.querySelector('#paymentOptionsList');\n optionsContainer.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=\"btn-sm btn-primary\" style=\"text-decoration:none;\">Pay Now<\/a>` : ''}\n <\/div>\n `).join('');\n \n modal.querySelectorAll('.copy-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const text = btn.dataset.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 modal.querySelector('.close-modal').onclick = () => modal.remove();\n modal.querySelector('#cancelPaymentBtn').onclick = () => modal.remove();\n modal.querySelector('#submitPaymentBtn').onclick = () => {\n const ref = modal.querySelector('#transactionRef').value.trim();\n if (!ref) { alert(\"Please enter transaction reference\"); return; }\n modal.remove();\n callback(ref);\n };\n }\n \n \/\/ ==================== SIGNUP & LOGIN ====================\n function showSignupForm() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"card\" style=\"max-width: 750px; margin: 2rem auto;\">\n <div class=\"card-header\"><h3><i class=\"fas fa-user-plus\"><\/i> Create Your Account<\/h3><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>First Name *<\/label><input id=\"signupFirstName\" placeholder=\"John\"><\/div>\n <div class=\"form-group\"><label>Last Name *<\/label><input id=\"signupLastName\" placeholder=\"Doe\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Email Address *<\/label><input type=\"email\" id=\"signupEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>City *<\/label><input id=\"signupCity\" placeholder=\"Kampala\"><\/div>\n <div class=\"form-group\"><label>Country *<\/label><input id=\"signupCountry\" placeholder=\"Uganda\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Mobile Phone *<\/label><input id=\"signupPhone\" placeholder=\"+256XXXXXXXXX\"><\/div>\n <div class=\"sponsor-row\" style=\"display:flex; gap:10px;\">\n <div style=\"flex:1;\"><label>Sponsor Code<\/label><input id=\"signupSponsorCode\" placeholder=\"Enter sponsor code if any\"><\/div>\n <div><a href=\"https:\/\/cashchatbank.com\" target=\"_blank\" class=\"btn btn-outline btn-sm\"><i class=\"fas fa-id-card\"><\/i> Get Wallet ID<\/a><\/div>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>Gender *<\/label><select id=\"signupGender\"><option>Male<\/option><option>Female<\/option><option>Other<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Age Group *<\/label><select id=\"signupAgeGroup\"><option>18-24<\/option><option>25-34<\/option><option>35-44<\/option><option>45+<\/option><\/select><\/div>\n <\/div>\n <div class=\"form-group\"><label>Password *<\/label><input type=\"password\" id=\"signupPassword\" placeholder=\"Create a strong password\"><\/div>\n <div class=\"terms-box\"><input type=\"checkbox\" id=\"acceptTerms\"><label>I accept the <a href=\"#\" style=\"color:#f59e0b;\">Terms and Conditions<\/a> *<\/label><\/div>\n <button class=\"btn btn-primary\" id=\"doSignupBtn\" style=\"width:100%;\"><i class=\"fas fa-check-circle\"><\/i> Sign Up<\/button>\n <p style=\"text-align:center; margin-top:1rem;\">Already have an account? <a href=\"#\" id=\"gotoLoginLink\" style=\"color:#2563eb;\">Login here<\/a><\/p>\n <\/div>\n `;\n document.getElementById('doSignupBtn')?.addEventListener('click', () => {\n const firstName = document.getElementById('signupFirstName').value.trim();\n const lastName = document.getElementById('signupLastName').value.trim();\n const email = document.getElementById('signupEmail').value.trim();\n const city = document.getElementById('signupCity').value.trim();\n const country = document.getElementById('signupCountry').value.trim();\n const phone = document.getElementById('signupPhone').value.trim();\n const sponsorCode = document.getElementById('signupSponsorCode').value.trim();\n const gender = document.getElementById('signupGender').value;\n const ageGroup = document.getElementById('signupAgeGroup').value;\n const password = document.getElementById('signupPassword').value;\n const acceptTerms = document.getElementById('acceptTerms').checked;\n if (!firstName || !lastName || !email || !city || !country || !phone || !password) return alert(\"Please fill all required fields\");\n if (!acceptTerms) return alert(\"Accept Terms\");\n if (users.find(u => u.email === email)) return alert(\"Email already registered\");\n const newUser = {\n id: 'user_' + Date.now(),\n firstName, lastName, name: firstName + \" \" + lastName,\n email, password, role: 'advertiser',\n wallet: 0, advertiserWallet: 100000,\n viewedAds: [], phone, city, country, gender, ageGroup,\n sponsorCode: sponsorCode || '',\n walletStatus: \"Active\", accountStatus: \"active\",\n createdAt: new Date().toISOString()\n };\n users.push(newUser);\n saveAll();\n alert(\"Registration successful! Please login.\");\n showLoginForm();\n });\n document.getElementById('gotoLoginLink')?.addEventListener('click', (e) => { e.preventDefault(); showLoginForm(); });\n }\n \n function showLoginForm() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"card\" style=\"max-width: 450px; margin: 2rem auto;\">\n <div class=\"card-header\"><h3><i class=\"fas fa-lock\"><\/i> Welcome Back<\/h3><\/div>\n <div class=\"form-group\"><label>Email<\/label><input id=\"loginEmail\" placeholder=\"you@example.com\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" id=\"loginPassword\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"><\/div>\n <button class=\"btn btn-primary\" id=\"doLoginBtn\" style=\"width:100%;\">Login<\/button>\n <p style=\"text-align:center; margin-top:1rem;\">New user? <a href=\"#\" id=\"gotoSignupLink\" style=\"color:#2563eb;\">Create an account<\/a><\/p>\n <\/div>\n `;\n document.getElementById('doLoginBtn')?.addEventListener('click', () => {\n const email = document.getElementById('loginEmail').value;\n const pwd = document.getElementById('loginPassword').value;\n const user = users.find(u => u.email === email && u.password === pwd);\n if (user && user.accountStatus === 'active') {\n sessions.currentUserId = user.id;\n sessions.isAdmin = false;\n renderDashboard();\n } else alert(\"Invalid credentials\");\n });\n document.getElementById('gotoSignupLink')?.addEventListener('click', (e) => { e.preventDefault(); showSignupForm(); });\n }\n \n \/\/ ==================== ADMIN LOGIN (Visible Button - Password Hidden) ====================\n function showAdminLoginModal() {\n const modal = document.createElement('div');\n modal.className = 'modal';\n modal.style.display = 'flex';\n modal.innerHTML = `\n <div class=\"modal-content\">\n <div class=\"flex-between\" style=\"margin-bottom: 1rem;\">\n <h3><i class=\"fas fa-shield-alt\"><\/i> Admin Login<\/h3>\n <span style=\"font-size: 28px; cursor: pointer;\" class=\"close-modal\">×<\/span>\n <\/div>\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" id=\"adminEmail\" class=\"form-control\" placeholder=\"Enter admin email\"><\/div>\n <div class=\"form-group\"><label>Password<\/label><input type=\"password\" id=\"adminPassword\" class=\"form-control\" placeholder=\"Enter admin password\"><\/div>\n <button class=\"btn btn-primary\" id=\"adminLoginBtn\" style=\"width:100%;\">Login as Admin<\/button>\n <\/div>\n `;\n document.body.appendChild(modal);\n \n document.getElementById('adminLoginBtn').onclick = () => {\n const email = document.getElementById('adminEmail').value;\n const pwd = document.getElementById('adminPassword').value;\n if (email === ADMIN_EMAIL && pwd === ADMIN_PASSWORD) {\n sessions.isAdmin = true;\n sessions.currentUserId = null;\n modal.remove();\n renderAdminPanel();\n } else {\n alert(\"Invalid admin credentials\");\n }\n };\n modal.querySelector('.close-modal').onclick = () => modal.remove();\n }\n \n \/\/ ==================== ADMIN PANEL ====================\n function renderAdminPanel() {\n const pendingFunding = fundingRequests.filter(r => r.status === 'pending');\n const pendingWithdrawals = withdrawalRequests.filter(r => r.status === 'pending');\n const normalUsers = users.filter(u => u.email !== ADMIN_EMAIL);\n const allCampaigns = adCampaigns;\n \n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"flex-between\" style=\"margin-bottom: 1.5rem;\">\n <h2><i class=\"fas fa-shield-alt\"><\/i> Admin Dashboard<\/h2>\n <button class=\"btn btn-outline\" id=\"adminLogoutBtn\"><i class=\"fas fa-sign-out-alt\"><\/i> Logout<\/button>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-card\"><div class=\"stat-label\">Total Users<\/div><div class=\"stat-value\">${normalUsers.length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Active Campaigns<\/div><div class=\"stat-value\">${allCampaigns.filter(c => c.status === 'active').length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Pending Add Money<\/div><div class=\"stat-value\">${pendingFunding.length}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Pending Withdrawals<\/div><div class=\"stat-value\">${pendingWithdrawals.length}<\/div><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Pending Add Money Requests<\/h3><\/div>\n <div id=\"fundingRequestsList\"><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Pending Withdrawal Requests<\/h3><\/div>\n <div id=\"withdrawalRequestsList\"><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> All Campaigns<\/h3><\/div>\n <div class=\"table-responsive\"><table id=\"campaignsTable\"><thead><tr><th>Title<\/th><th>Advertiser<\/th><th>Target Views<\/th><th>Current Views<\/th><th>Target Likes<\/th><th>Current Likes<\/th><th>Status<\/th><\/tr><\/thead><tbody id=\"campaignsTableBody\"><\/tbody><\/table><\/div>\n <\/div>\n \n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-users\"><\/i> Registered Users<\/h3>\n <div><button class=\"btn btn-sm btn-primary\" id=\"exportExcelBtn\"><i class=\"fas fa-file-excel\"><\/i> Excel<\/button>\n <button class=\"btn btn-sm btn-danger\" id=\"exportPdfBtn\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/button><\/div>\n <\/div>\n <div class=\"table-responsive\"><table id=\"usersTable\"><thead><tr><th>Name<\/th><th>Email<\/th><th>Phone<\/th><th>Wallet (UGX)<\/th><th>Actions<\/th><\/tr><\/thead><tbody id=\"usersTableBody\"><\/tbody><\/table><\/div>\n <\/div>\n `;\n \n \/\/ Funding Requests\n const fundingDiv = document.getElementById('fundingRequestsList');\n if (pendingFunding.length === 0) fundingDiv.innerHTML = \"<p>No pending add money requests<\/p>\";\n else {\n fundingDiv.innerHTML = pendingFunding.map(req => {\n const user = users.find(u => u.id === req.userId);\n return `<div class=\"flex-between\" style=\"border:1px solid #eef2ff; border-radius:20px; padding:1rem; margin-bottom:0.5rem;\">\n <div><strong>${user?.firstName} ${user?.lastName}<\/strong><br><small>Amount: ${req.amount.toLocaleString()} UGX<\/small><br><small>Ref: ${req.transactionRef}<\/small><\/div>\n <div><button class=\"btn btn-success btn-sm\" data-fund=\"${req.id}\">Approve<\/button>\n <button class=\"btn btn-danger btn-sm\" data-reject-fund=\"${req.id}\">Reject<\/button><\/div>\n <\/div>`;\n }).join('');\n document.querySelectorAll('[data-fund]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = fundingRequests.find(r => r.id === btn.dataset.fund);\n if (req) {\n const user = users.find(u => u.id === req.userId);\n if (user) {\n user.advertiserWallet = (user.advertiserWallet || 0) + req.amount;\n req.status = 'approved';\n saveAll();\n alert(`\u2705 Added ${req.amount.toLocaleString()} UGX to ${user.firstName}'s wallet`);\n renderAdminPanel();\n }\n }\n });\n });\n document.querySelectorAll('[data-reject-fund]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = fundingRequests.find(r => r.id === btn.dataset.rejectFund);\n if (req) { req.status = 'rejected'; saveAll(); alert(\"Request rejected\"); renderAdminPanel(); }\n });\n });\n }\n \n \/\/ Withdrawal Requests\n const withdrawDiv = document.getElementById('withdrawalRequestsList');\n if (pendingWithdrawals.length === 0) withdrawDiv.innerHTML = \"<p>No pending withdrawal requests<\/p>\";\n else {\n withdrawDiv.innerHTML = pendingWithdrawals.map(req => {\n const user = users.find(u => u.id === req.userId);\n return `<div class=\"flex-between\" style=\"border:1px solid #eef2ff; border-radius:20px; padding:1rem; margin-bottom:0.5rem;\">\n <div><strong>${user?.firstName} ${user?.lastName}<\/strong><br><small>Amount: ${req.amount.toLocaleString()} UGX<\/small><br><small>Method: ${req.method}<\/small><\/div>\n <div><button class=\"btn btn-success btn-sm\" data-withdraw=\"${req.id}\">Approve<\/button>\n <button class=\"btn btn-danger btn-sm\" data-reject-withdraw=\"${req.id}\">Reject<\/button><\/div>\n <\/div>`;\n }).join('');\n document.querySelectorAll('[data-withdraw]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = withdrawalRequests.find(r => r.id === btn.dataset.withdraw);\n if (req) {\n const user = users.find(u => u.id === req.userId);\n if (user && user.advertiserWallet >= req.amount) {\n user.advertiserWallet -= req.amount;\n req.status = 'approved';\n saveAll();\n alert(`\u2705 Withdrawal approved. ${req.amount.toLocaleString()} UGX deducted.`);\n renderAdminPanel();\n } else alert(\"Insufficient balance\");\n }\n });\n });\n document.querySelectorAll('[data-reject-withdraw]').forEach(btn => {\n btn.addEventListener('click', () => {\n const req = withdrawalRequests.find(r => r.id === btn.dataset.rejectWithdraw);\n if (req) { req.status = 'rejected'; saveAll(); alert(\"Request rejected\"); renderAdminPanel(); }\n });\n });\n }\n \n \/\/ Campaigns Table\n const campaignsBody = document.getElementById('campaignsTableBody');\n campaignsBody.innerHTML = allCampaigns.map(camp => {\n const advertiser = users.find(u => u.id === camp.advertiserId);\n return `<tr>\n <td>${camp.title}<\/td><td>${advertiser?.firstName || 'Unknown'} ${advertiser?.lastName || ''}<\/td>\n <td>${camp.targetViews.toLocaleString()}<\/td><td>${camp.currentViews.toLocaleString()}<\/td>\n <td>${camp.targetLikes.toLocaleString()}<\/td><td>${camp.currentLikes.toLocaleString()}<\/td>\n <td><span class=\"badge\">${camp.status}<\/span><\/td>\n <\/tr>`;\n }).join('');\n \n \/\/ Users Table\n const usersBody = document.getElementById('usersTableBody');\n usersBody.innerHTML = normalUsers.map(u => `\n <tr>\n <td>${u.firstName} ${u.lastName}<\/td><td>${u.email}<\/td><td>${u.phone || '-'}<\/td>\n <td><strong>${(u.advertiserWallet || 0).toLocaleString()} UGX<\/strong><\/td>\n <td><button class=\"btn btn-success btn-sm\" data-credit=\"${u.id}\">Credit<\/button>\n <button class=\"btn btn-warning btn-sm\" data-debit=\"${u.id}\">Debit<\/button><\/td>\n <\/tr>\n `).join('');\n document.querySelectorAll('[data-credit]').forEach(btn => {\n btn.addEventListener('click', () => {\n const user = users.find(u => u.id === btn.dataset.credit);\n const amt = prompt(`Credit ${user?.firstName}:`, \"10000\");\n if (amt && !isNaN(amt)) { user.advertiserWallet = (user.advertiserWallet || 0) + parseFloat(amt); saveAll(); renderAdminPanel(); }\n });\n });\n document.querySelectorAll('[data-debit]').forEach(btn => {\n btn.addEventListener('click', () => {\n const user = users.find(u => u.id === btn.dataset.debit);\n const amt = prompt(`Debit ${user?.firstName}:`, \"5000\");\n if (amt && !isNaN(amt)) { user.advertiserWallet = Math.max(0, (user.advertiserWallet || 0) - parseFloat(amt)); saveAll(); renderAdminPanel(); }\n });\n });\n \n document.getElementById('exportExcelBtn')?.addEventListener('click', () => {\n const exportData = normalUsers.map(u => ({ Name: `${u.firstName} ${u.lastName}`, Email: u.email, Phone: u.phone, Wallet: u.advertiserWallet }));\n const ws = XLSX.utils.json_to_sheet(exportData);\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Users\");\n XLSX.writeFile(wb, `adase_users_${new Date().toISOString().slice(0,19)}.xlsx`);\n });\n document.getElementById('exportPdfBtn')?.addEventListener('click', () => {\n const element = document.getElementById('usersTable');\n if (element) html2pdf().set({ filename: 'adase_users.pdf', jsPDF: { unit: 'in', format: 'a4', orientation: 'landscape' } }).from(element).save();\n });\n document.getElementById('adminLogoutBtn')?.addEventListener('click', () => { sessions.isAdmin = false; renderLandingPage(); });\n }\n \n \/\/ ==================== ADVERTISER DASHBOARD ====================\n function renderAdvertiserDashboard() {\n const user = getCurrentUser();\n if (!user || user.role === 'admin') { renderLandingPage(); return; }\n \n const myCampaigns = adCampaigns.filter(c => c.advertiserId === user.id);\n const pendingFunding = fundingRequests.filter(r => r.userId === user.id && r.status === 'pending').length;\n const pendingWithdraw = withdrawalRequests.filter(r => r.userId === user.id && r.status === 'pending').length;\n \n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"stats-grid\">\n <div class=\"stat-card\"><div class=\"stat-label\">Welcome<\/div><div class=\"stat-value\" style=\"font-size:1.3rem;\">${user.firstName} ${user.lastName}<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-label\">Wallet Balance<\/div><div class=\"stat-value\">${(user.advertiserWallet || 0).toLocaleString()} UGX<\/div><\/div>\n <\/div>\n ${pendingFunding > 0 ? `<div class=\"card\" style=\"background:#fef3c7;\"><i class=\"fas fa-clock\"><\/i> You have ${pendingFunding} pending add money request(s) awaiting admin approval.<\/div>` : ''}\n ${pendingWithdraw > 0 ? `<div class=\"card\" style=\"background:#fef3c7;\"><i class=\"fas fa-clock\"><\/i> You have ${pendingWithdraw} pending withdrawal request(s).<\/div>` : ''}\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> Campaign Performance<\/h3><\/div>\n ${myCampaigns.length === 0 ? '<p>No campaigns yet. Create your first campaign below!<\/p>' : myCampaigns.map(camp => {\n const viewsProgress = camp.targetViews > camp.startViews ? ((camp.currentViews - camp.startViews) \/ (camp.targetViews - camp.startViews)) * 100 : 0;\n return `<div style=\"border:1px solid #eef2ff; border-radius:24px; padding:1.5rem; margin-bottom:1rem;\">\n <div class=\"flex-between\"><h4><i class=\"fas fa-video\"><\/i> ${camp.title}<\/h4><span class=\"badge\">${camp.status}<\/span><\/div>\n <div class=\"grid-2\" style=\"margin-top:1rem;\">\n <div>\ud83c\udfaf Target Views: ${camp.targetViews.toLocaleString()}<\/div><div>\ud83d\udcca Start Views: ${camp.startViews.toLocaleString()}<\/div>\n <div>\u2705 Current Views: <span style=\"color:#10b981;\">${camp.currentViews.toLocaleString()}<\/span><\/div>\n <div>\ud83d\udcc8 Progress: ${Math.round(viewsProgress)}%<\/div>\n <\/div>\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: ${Math.min(100, Math.max(0, viewsProgress))}%\"><\/div><\/div>\n <\/div>`;\n }).join('')}\n <\/div>\n <div class=\"grid-2\">\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/h3><\/div>\n <input type=\"number\" id=\"addMoneyAmount\" class=\"form-control\" placeholder=\"Amount in UGX\" value=\"50000\">\n <button class=\"btn btn-primary\" id=\"addMoneyBtn\" style=\"margin-top:1rem; width:100%;\"><i class=\"fas fa-credit-card\"><\/i> Request Add Money<\/button>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Withdraw Money<\/h3><\/div>\n <input type=\"number\" id=\"withdrawAmount\" class=\"form-control\" placeholder=\"Amount in UGX\" value=\"20000\">\n <select id=\"withdrawMethod\" class=\"form-control\" style=\"margin-top:0.5rem;\">\n <option value=\"MTN\">MTN Mobile Money<\/option><option value=\"M-Pesa\">M-Pesa<\/option><option value=\"Airtel\">Airtel Money<\/option><option value=\"Bank\">Bank Transfer<\/option>\n <\/select>\n <input id=\"withdrawAccount\" class=\"form-control\" style=\"margin-top:0.5rem;\" placeholder=\"Phone number or Account details\">\n <button class=\"btn btn-warning\" id=\"withdrawBtn\" style=\"margin-top:1rem; width:100%;\"><i class=\"fas fa-hand-holding-usd\"><\/i> Request Withdrawal<\/button>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Create New Campaign<\/h3><\/div>\n <div class=\"grid-2\">\n <div class=\"form-group\"><label>Title<\/label><input id=\"campTitle\" placeholder=\"Campaign title\"><\/div>\n <div class=\"form-group\"><label>Media Type<\/label><select id=\"campType\"><option>video<\/option><option>image<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Media URL<\/label><input id=\"campMedia\" placeholder=\"https:\/\/...\"><\/div>\n <div class=\"form-group\"><label>Target Views<\/label><input type=\"number\" id=\"campTargetViews\" value=\"1000\"><\/div>\n <div class=\"form-group\"><label>Target Likes<\/label><input type=\"number\" id=\"campTargetLikes\" value=\"100\"><\/div>\n <\/div>\n <button class=\"btn btn-gold\" id=\"createCampaignBtn\"><i class=\"fas fa-rocket\"><\/i> Launch Campaign<\/button>\n <\/div>\n <button class=\"btn btn-outline\" id=\"logoutUserBtn\" style=\"margin-top:1rem;\">Logout<\/button>\n `;\n \n document.getElementById('addMoneyBtn')?.addEventListener('click', () => {\n const amount = parseFloat(document.getElementById('addMoneyAmount').value);\n if (isNaN(amount) || amount <= 0) return alert(\"Enter valid amount\");\n showPaymentModal(amount, (transactionRef) => {\n fundingRequests.push({\n id: 'fund_' + Date.now(),\n userId: user.id,\n userName: `${user.firstName} ${user.lastName}`,\n amount: amount,\n transactionRef: transactionRef,\n status: 'pending',\n createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Add money request submitted. Admin will approve.`);\n renderAdvertiserDashboard();\n });\n });\n \n document.getElementById('withdrawBtn')?.addEventListener('click', () => {\n const amount = parseFloat(document.getElementById('withdrawAmount').value);\n const method = document.getElementById('withdrawMethod').value;\n const account = document.getElementById('withdrawAccount').value.trim();\n if (isNaN(amount) || amount <= 0) return alert(\"Enter valid amount\");\n if (!account) return alert(\"Enter account details\");\n if (user.advertiserWallet < amount) return alert(\"Insufficient balance\");\n withdrawalRequests.push({\n id: 'wd_' + Date.now(),\n userId: user.id,\n userName: `${user.firstName} ${user.lastName}`,\n amount: amount, method: method, account: account,\n status: 'pending', createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Withdrawal request submitted. Admin will process.`);\n renderAdvertiserDashboard();\n });\n \n document.getElementById('createCampaignBtn')?.addEventListener('click', () => {\n const title = document.getElementById('campTitle').value.trim();\n const mediaUrl = document.getElementById('campMedia').value.trim();\n const targetViews = parseInt(document.getElementById('campTargetViews').value);\n const targetLikes = parseInt(document.getElementById('campTargetLikes').value);\n if (!title || !mediaUrl) return alert(\"Title and Media URL required\");\n const cost = (Math.ceil(targetViews\/1000) * 5000) + (Math.ceil(targetLikes\/1000) * 3000);\n if (user.advertiserWallet < cost) return alert(`Insufficient balance. Need ${cost.toLocaleString()} UGX`);\n user.advertiserWallet -= cost;\n adCampaigns.push({\n id: 'camp_' + Date.now(), advertiserId: user.id, title,\n type: document.getElementById('campType').value, mediaUrl,\n targetViews, targetLikes, startViews: 0, startLikes: 0,\n currentViews: 0, currentLikes: 0, status: \"active\", costUGX: cost,\n createdAt: new Date().toISOString()\n });\n saveAll();\n alert(`\u2705 Campaign launched! Cost: ${cost.toLocaleString()} UGX deducted.`);\n renderAdvertiserDashboard();\n });\n \n document.getElementById('logoutUserBtn')?.addEventListener('click', () => { sessions.currentUserId = null; renderLandingPage(); });\n }\n \n function renderDashboard() {\n const user = getCurrentUser();\n if (!user) renderLandingPage();\n else if (user.role === 'advertiser' || user.advertiserWallet !== undefined) renderAdvertiserDashboard();\n else renderLandingPage();\n }\n \n function renderLandingPage() {\n const panel = document.getElementById('dynamicPanel');\n panel.innerHTML = `\n <div class=\"hero\">\n <span class=\"badge\"><i class=\"fas fa-chart-line\"><\/i> #1 Digital Advertising<\/span>\n <h1>Grow Your Brand with <span class=\"hero-gradient\">Adase Ads<\/span><\/h1>\n <p style=\"max-width:600px; margin:1rem auto;\">Add money, withdraw earnings, and track campaign performance in real-time.<\/p>\n <button class=\"btn btn-primary\" id=\"landingGetStartedBtn\">Get Started<\/button>\n <\/div>\n <div class=\"grid-3\">\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-plus-circle\"><\/i> Add Money<\/h3><\/div><p>MTN, M-Pesa, Airtel, PayPal<\/p><\/div>\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-minus-circle\"><\/i> Withdraw Money<\/h3><\/div><p>Request withdrawals to mobile money<\/p><\/div>\n <div class=\"card\"><div class=\"card-header\"><h3><i class=\"fas fa-chart-line\"><\/i> Campaign Tracking<\/h3><\/div><p>Track views and likes in real-time<\/p><\/div>\n <\/div>\n `;\n document.getElementById('landingGetStartedBtn')?.addEventListener('click', () => showSignupForm());\n }\n \n function renderApp() {\n if (sessions.isAdmin) renderAdminPanel();\n else if (sessions.currentUserId) renderDashboard();\n else renderLandingPage();\n }\n \n \/\/ Event Listeners\n document.getElementById('adminLoginBtn')?.addEventListener('click', () => showAdminLoginModal());\n document.getElementById('showSignupBtn')?.addEventListener('click', () => { sessions.isAdmin = false; showSignupForm(); });\n \n loadData();\n renderApp();\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 | Premium Digital Advertising & SMM Platform Adase Ads Monetizing Africa Admin Login Get Started<\/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":6,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/235\/revisions\/243"}],"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}]}}