QAI User Panel

Complete member panel with dark crypto dashboard, six wallets, 90-day locks, referral tools, live activity popups, and all left-menu pages — UI first, then real DB logic.

Chosen stack

PHP (vanilla) + MySQL — shared-hosting friendly
Bootstrap 5 + custom CSS for crypto dashboard
Vanilla JS for live rate, countdowns, copy/share, toasts
No React/Next for v1

Phase approach

Phase 1: Full UI shell + menu pages + mock wallets + countdowns + referral + popups
Phase 2: MySQL schema, auth, real balances, 0.5% cron, withdrawal, fund add, tree data

App structure

Member panel layout

Core pages

index.php — Dashboard (6 wallets)
login.php / logout.php
tree-table.php
add-fund.php
link-wallet.php
my-team.php
withdrawal.php

Support + assets

security-password.php
terms.php · pdf.php · banners.php · videos.php
includes/ — header, sidebar, footer, config, protect
assets/css/dashboard.css
assets/js/dashboard.js
sql/schema.sql — Phase 2 ready

Navigation

Left menu — exact order

Dashboard

Six highlighted wallet boxes

Principal Wallet

USDT + QAI @ live rate · 90-day lock · reverse countdown · auto-unlock · withdraw after lock

Reward Wallet

0.5% daily · QAI @ live rate · 90-day lock + countdown · min withdraw 10 USDT after lock

Team Wallet

Team business in QAI @ live rate · display only · no withdraw

Team Reward Wallet

0.5% daily on total team wallet · anytime withdraw · min 10 USDT

Withdrawal Wallet

Withdrawable balance in QAI @ live rate · display / available for withdraw

Total Wallet

Sum of assets / total QAI / portfolio value · display only

Header: Dashboard title + Live Rate QAI
Referral link with copy + share
Live popup notifications — joining, fund, withdrawal, team bonus

Business rules

Fund → lock → reward → withdraw

1 Add Fund USDT

Credits Principal Wallet

2 Principal lock

90 days → auto unlock

3 Daily 0.5%

To Reward Wallet (locked 90d)

4 Team business

Team Wallet (show only)

5 Team 0.5%

Team Reward — anytime, min 10

6 Withdrawal

Unlocked + team reward pools

Principal lock = 90 days reverse timer
Daily reward = 0.5%
Reward lock = 90 days
Reward / Team Reward min withdrawal = 10 USDT
Team Reward = 0.5% daily on total Team Wallet, withdraw anytime

UI direction

Dark crypto panel — deep navy / electric blue accents
Expressive display font for brand marks
Soft gradient atmosphere + subtle grid
Six wallet boxes as one strong grid
Motion: rate tick, countdown pulse, slide-in toasts

Phase 1 deliverables

Auth shell (login + session protect)
Shared layout (header, sidebar, footer)
Dashboard — 6 wallets + live rate + countdowns + referral + popups
Stub pages for every menu item
sql/schema.sql draft

Phase 2 (follow-up)

Real MySQL CRUD, registration with sponsor, daily reward cron, withdrawal requests, fund deposit tracking, tree/genealogy data, market live rate feed.