Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2025-09-15 16:52
DB	[ DIR ]	drwxr-xr-x	2024-01-26 18:47
Documentation	[ DIR ]	drwxr-xr-x	2025-08-31 15:59
Documentation.1	[ DIR ]	drwxr-xr-x	2025-10-30 18:23
FASTEARNADS	[ DIR ]	drwxr-xr-x	2025-09-15 19:14
Files	[ DIR ]	drwxr-xr-x	2025-10-30 18:23
admin	[ DIR ]	drwxr-xr-x	2025-10-18 00:49
admin.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
admin.2	[ DIR ]	drwxr-xr-x	2025-10-18 21:54
app	[ DIR ]	drwxr-xr-x	2025-09-15 01:54
asset	[ DIR ]	drwxr-xr-x	2024-01-15 11:35
assets	[ DIR ]	drwxr--r--	2025-10-18 01:49
assets.1	[ DIR ]	drwxr--r--	2025-10-18 02:06
assets.2	[ DIR ]	drwxr-xr-x	2025-10-17 23:09
assets.3	[ DIR ]	drwxr--r--	2025-10-18 02:13
assets.4	[ DIR ]	drwxr-xr-x	2025-10-18 21:42
bootstrap	[ DIR ]	drwxr-xr-x	2025-09-15 21:09
cgi-bin	[ DIR ]	drwxr-xr-x	2025-08-31 15:33
cgi-bin.1	[ DIR ]	drwxr-xr-x	2025-11-14 14:25
cgi-bin.2	[ DIR ]	drwxr-xr-x	2026-03-06 11:21
core	[ DIR ]	drwxr-xr-x	2025-11-21 11:34
core.1	[ DIR ]	drwxr-xr-x	2025-11-21 15:51
data sycho	[ DIR ]	drwxr-xr-x	2026-03-18 10:25
database	[ DIR ]	drwxr-xr-x	2025-09-15 01:47
db	[ DIR ]	drwxr-xr-x	2025-10-17 23:00
db.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
debug.php	[ DIR ]	drwxr-xr-x	2026-03-13 16:15
deployment_package	[ DIR ]	drwxr-xr-x	2025-10-18 02:05
deployment_package.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
earnonline	[ DIR ]	drwxr-xr-x	2025-10-18 17:55
includes	[ DIR ]	drwxr-xr-x	2025-10-17 21:12
includes.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
includes.2	[ DIR ]	drwxr-xr-x	2025-10-18 21:40
loading	[ DIR ]	drwxr-xr-x	2025-01-23 07:37
public	[ DIR ]	drwxr-xr-x	2025-09-15 19:19
resources	[ DIR ]	drwxr-xr-x	2025-09-15 01:28
routes	[ DIR ]	drwxr-xr-x	2025-09-15 21:08
serive	[ DIR ]	drwxr-xr-x	2024-10-22 19:23
shearearn	[ DIR ]	drwxr-xr-x	2025-10-17 21:12
storage	[ DIR ]	drwxr-xr-x	2025-09-15 01:56
uploads	[ DIR ]	drwxr--r--	2025-10-18 01:49
uploads.1	[ DIR ]	drwxr--r--	2025-10-18 02:06
uploads.2	[ DIR ]	drwxr-xr-x	2025-10-17 23:08
uploads.3	[ DIR ]	drwxr--r--	2025-10-18 02:13
user	[ DIR ]	drwxr-xr-x	2025-10-17 23:42
user.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
user.2	[ DIR ]	drwxr-xr-x	2025-10-18 22:14
vendor	[ DIR ]	drwxr-xr-x	2025-09-15 01:53
.env	1.2 KB	-rw-r--r--	2025-09-15 19:24
.env.example	1.19 KB	-rw-r--r--	2025-09-15 01:27
.htaccess	281 B	-rw-r--r--	2025-09-15 16:51
.htaccess.1	1.08 KB	-rw-r--r--	2025-10-18 21:45
.htaccess.2	913 B	-rw-r--r--	2023-12-27 04:45
.htaccess.3	281 B	-rw-r--r--	2025-12-23 09:40
.htaccess.4	1.38 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.5	812 B	-rw-r--r--	2025-12-23 09:40
.htaccess.6	281 B	-rw-r--r--	2026-02-22 15:25
.htaccess.7	5.15 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.8	1.02 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.9	281 B	-rw-r--r--	2025-12-23 09:40
.trash_restore	11.24 KB	-rw-------	2026-03-30 15:07
.well-known_2.zip	66.1 MB	-rw-r--r--	2025-07-10 15:10
.well-known_3.zip	69.98 MB	-rw-r--r--	2025-07-18 07:02
6clube by Tha_perfect_provider (1).zip	67.84 MB	-rw-r--r--	2025-11-21 12:25
DEPLOYMENT_INSTRUCTIONS.md	3.05 KB	-rw-r--r--	2025-10-18 01:48
FASTEARNADS.zip	26.04 MB	-rw-r--r--	2025-09-15 19:10
FIX_DUPLICATE_COMMISSIONS.md	3.63 KB	-rw-r--r--	2025-10-18 00:32
FIX_DUPLICATE_COMMISSIONS.md.1	3.63 KB	-rw-r--r--	2025-10-18 00:32
FIX_USER_EDIT_ISSUE.md	6.15 KB	-rw-r--r--	2025-10-18 00:44
FIX_USER_EDIT_ISSUE.md.1	6.15 KB	-rw-r--r--	2025-10-18 00:44
Hyipe rio_2.zip	56.84 MB	-rw-r--r--	2025-08-31 15:56
IMPROVEMENTS_SUMMARY.md	4.11 KB	-rw-r--r--	2025-10-18 00:40
IMPROVEMENTS_SUMMARY.md.1	4.11 KB	-rw-r--r--	2025-10-18 00:40
MRby91club.sql	32.58 MB	-rw-r--r--	2025-11-09 05:09
MRby91club.zip	58.89 MB	-rw-r--r--	2025-11-09 05:09
PropLab v1.0 Nulled.zip	67.55 MB	-rw-r--r--	2025-11-21 11:36
README.md	6.77 KB	-rw-r--r--	2025-09-15 01:24
README.md.1	3.01 KB	-rw-r--r--	2025-10-18 21:46
README.txt	2.34 KB	-rw-r--r--	2025-10-17 23:08
README.txt.1	2.34 KB	-rw-r--r--	2025-10-17 23:08
README_DEPLOYMENT.txt	1.74 KB	-rw-r--r--	2025-10-18 01:49
README_REFERRAL_COMMISSIONS.md	4.02 KB	-rw-r--r--	2025-10-18 00:22
README_REFERRAL_COMMISSIONS.md.1	4.02 KB	-rw-r--r--	2025-10-18 00:22
SQL_CHANGES_SUMMARY.md	2.02 KB	-rw-r--r--	2025-10-18 00:25
SQL_CHANGES_SUMMARY.md.1	2.02 KB	-rw-r--r--	2025-10-18 00:25
Vinance-Digital-Trading-Platform-V2.7[www.shop.softbdteam.com].zip	39.3 MB	-rw-r--r--	2025-11-28 16:01
apply_database_fixes.php	5.17 KB	-rw-r--r--	2025-10-18 00:39
apply_database_fixes.php.1	5.17 KB	-rw-r--r--	2025-10-18 00:39
artisan	1.7 KB	-rw-r--r--	2025-09-15 01:54
check_commission_levels.php	3.16 KB	-rw-r--r--	2025-10-18 00:53
check_commission_levels.php.1	3.16 KB	-rw-r--r--	2025-10-18 00:53
check_database_structure.php	3.9 KB	-rw-r--r--	2025-10-18 00:55
check_database_structure.php.1	3.9 KB	-rw-r--r--	2025-10-18 00:55
check_duplicate_commissions.php	4.38 KB	-rw-r--r--	2025-10-18 00:32
check_duplicate_commissions.php.1	4.38 KB	-rw-r--r--	2025-10-18 00:32
check_referrals_table.php	2.28 KB	-rw-r--r--	2025-10-18 00:39
check_referrals_table.php.1	2.28 KB	-rw-r--r--	2025-10-18 00:39
complete_setup.sql	5.34 KB	-rw-r--r--	2025-10-18 00:25
complete_setup.sql.1	5.34 KB	-rw-r--r--	2025-10-18 00:25
complete_setup_for_import.sql	5.36 KB	-rw-r--r--	2025-10-18 01:59
complete_setup_for_import.sql.1	5.36 KB	-rw-r--r--	2025-10-18 01:59
composer.json	1.83 KB	-rw-r--r--	2025-09-15 01:27
composer.lock	294.45 KB	-rw-r--r--	2025-09-15 01:52
config.php	2.63 KB	-rw-r--r--	2025-10-18 17:56
crazydeveloperbd_auto-ptc.sql	320.06 KB	-rw-r--r--	2025-02-03 11:56
crazydeveloperbd_auto-ptc.sql.1	320.06 KB	-rw-r--r--	2025-02-03 11:56
create_table_direct.php	3.44 KB	-rw-r--r--	2025-10-18 00:09
create_table_direct.php.1	3.44 KB	-rw-r--r--	2025-10-18 00:09
css_test.php	999 B	-rw-r--r--	2025-10-18 02:06
data sycho.1	0 B	-rw-r--r--	2026-03-18 10:25
database.sql	13.77 KB	-rw-r--r--	2025-10-18 22:24
debug_referral_chain.php	6.88 KB	-rw-r--r--	2025-10-18 00:54
debug_referral_chain.php.1	6.88 KB	-rw-r--r--	2025-10-18 00:54
demo-enhanced.html	45.46 KB	-rw-r--r--	2025-09-15 01:43
earnonline.zip	88.67 KB	-rw-r--r--	2025-10-18 17:55
error.php	3.84 KB	-rw-r--r--	2025-10-18 21:45
error_log	488 B	-rw-r--r--	2025-07-04 21:02
error_log.1	37.29 KB	-rw-r--r--	2025-11-21 16:03
favicon.png	2.71 KB	-rw-r--r--	2025-06-07 20:15
favicon.png.1	6.62 KB	-rw-r--r--	2022-08-31 22:45
favicon.png.2	50.48 KB	-rw-r--r--	2025-07-18 10:14
favicon.png.3	2.21 KB	-rw-r--r--	2025-07-18 10:19
fix_css_paths.bat	1.85 KB	-rw-r--r--	2025-10-18 02:06
fix_duplicate_commissions.php	2.67 KB	-rw-r--r--	2025-10-18 00:31
fix_duplicate_commissions.php.1	2.67 KB	-rw-r--r--	2025-10-18 00:31
fix_referral_commissions.sql	677 B	-rw-r--r--	2025-10-18 00:25
fix_referral_commissions.sql.1	677 B	-rw-r--r--	2025-10-18 00:25
fix_referral_commissions_for_import.sql	705 B	-rw-r--r--	2025-10-18 01:59
fix_referral_commissions_for_import.sql.1	705 B	-rw-r--r--	2025-10-18 01:59
index-8df9a8d8.js	1.09 MB	-rw-r--r--	2026-03-18 15:16
index.php	25.73 KB	-rw-r--r--	2025-10-18 01:40
index.php.1	26.17 KB	-rw-r--r--	2025-10-18 02:11
index.php.2	23.31 KB	-rw-r--r--	2025-10-18 22:32
index.php.3	1.77 KB	-rw-r--r--	2023-12-27 04:45
index.php.backup	25.74 KB	-rw-r--r--	2025-10-18 02:05
index_professional.php	26.17 KB	-rw-r--r--	2025-10-18 02:12
index_with_css_fix.php	25.82 KB	-rw-r--r--	2025-10-18 02:06
login.php	4.14 KB	-rw-r--r--	2025-10-17 23:09
login.php.1	4.15 KB	-rw-r--r--	2025-10-18 02:12
logo.png	18.18 KB	-rw-r--r--	2025-06-07 20:15
logo.png.1	46.68 KB	-rw-r--r--	2025-07-18 10:12
logo.png.2	46.68 KB	-rw-r--r--	2025-07-18 10:11
logo.png.3	920.77 KB	-rw-r--r--	2023-07-01 15:03
logout.php	88 B	-rw-r--r--	2025-10-17 23:02
logout.php.1	88 B	-rw-r--r--	2025-10-17 23:02
mailer.php	10.16 KB	-rw-r--r--	2026-03-30 14:45
mobile-demo.html	23.36 KB	-rw-r--r--	2025-09-15 01:32
register.php	6.57 KB	-rw-r--r--	2025-10-17 23:09
register.php.1	6.58 KB	-rw-r--r--	2025-10-18 02:12
run_setup.bat	714 B	-rw-r--r--	2025-10-18 00:23
run_setup.bat.1	714 B	-rw-r--r--	2025-10-18 00:23
servertime.php	128 B	-rw-r--r--	2024-09-27 12:16
setup_referral_commissions.php	2.73 KB	-rw-r--r--	2025-10-18 00:21
setup_referral_commissions.php.1	2.73 KB	-rw-r--r--	2025-10-18 00:21
shearearn.zip	3.2 MB	-rw-r--r--	2025-10-17 21:11
test.html	203 B	-rw-r--r--	2025-10-17 23:16
test.php	59 B	-rw-r--r--	2025-10-17 23:16
test.php.1	59 B	-rw-r--r--	2025-10-17 23:16
test_commission_application.php	6.93 KB	-rw-r--r--	2025-10-18 00:55
test_commission_application.php.1	6.93 KB	-rw-r--r--	2025-10-18 00:55
test_commission_display.php	3.26 KB	-rw-r--r--	2025-10-18 00:19
test_commission_display.php.1	3.26 KB	-rw-r--r--	2025-10-18 00:19
test_commission_fix.php	3.16 KB	-rw-r--r--	2025-10-18 00:39
test_commission_fix.php.1	3.16 KB	-rw-r--r--	2025-10-18 00:39
test_mobile_menu.php	2.73 KB	-rw-r--r--	2025-10-18 01:24
test_mobile_menu.php.1	2.73 KB	-rw-r--r--	2025-10-18 01:24
test_referral.php	2.07 KB	-rw-r--r--	2025-10-17 23:55
test_referral.php.1	2.07 KB	-rw-r--r--	2025-10-17 23:55
tradex (1).sql	189.14 KB	-rw-r--r--	2025-11-21 15:51
update_referral_commissions.sql	682 B	-rw-r--r--	2025-10-18 00:25
update_referral_commissions.sql.1	682 B	-rw-r--r--	2025-10-18 00:25
update_referral_commissions_for_import.sql	710 B	-rw-r--r--	2025-10-18 01:59
update_referral_commissions_for_import.sql.1	710 B	-rw-r--r--	2025-10-18 01:59
update_referrals_table.sql	398 B	-rw-r--r--	2025-10-18 00:31
update_referrals_table.sql.1	398 B	-rw-r--r--	2025-10-18 00:31
update_referrals_table_for_import.sql	426 B	-rw-r--r--	2025-10-18 01:59
update_referrals_table_for_import.sql.1	426 B	-rw-r--r--	2025-10-18 01:59
verify-code.php	8.79 KB	-rw-r--r--	2026-03-30 14:55
verify_commissions.php	3.28 KB	-rw-r--r--	2025-10-18 00:20
verify_commissions.php.1	3.28 KB	-rw-r--r--	2025-10-18 00:20
verify_commissions_working.php	8.2 KB	-rw-r--r--	2025-10-18 00:56
verify_commissions_working.php.1	8.2 KB	-rw-r--r--	2025-10-18 00:56
website_deployment_package.zip	648.91 KB	-rw-r--r--	2025-10-18 01:49
website_deployment_package_final.zip	657.48 KB	-rw-r--r--	2025-10-18 02:06
website_deployment_package_professional.zip	667.46 KB	-rw-r--r--	2025-10-17 21:14
website_deployment_package_updated.zip	653.07 KB	-rw-r--r--	2025-10-18 01:59

Rename

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FastEarnAds - Professional Mobile-First PTC Website</title>
    <style>
        /* Mobile-first responsive design */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding-bottom: 80px; /* Space for bottom nav */
        }

.container {
            max-width: 100%;
            padding: 0 16px;
            margin: 0 auto;
        }

/* Header */
        .header {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 16px 0;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

.header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.logo {
            font-size: 24px;
            font-weight: bold;
            color: #667eea;
        }

.balance-card {
            background: linear-gradient(45deg, #28a745, #20c997);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

/* Main Content */
        .main-content {
            padding: 20px 0;
            min-height: calc(100vh - 160px);
        }

/* Dashboard Cards */
        .dashboard-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            margin-bottom: 24px;
        }

.card {
            background: white;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

.card h3 {
            color: #333;
            margin-bottom: 12px;
            font-size: 18px;
        }

.stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

.stat-item {
            text-align: center;
            padding: 12px;
            background: rgba(102, 126, 234, 0.1);
            border-radius: 12px;
        }

.stat-value {
            font-size: 20px;
            font-weight: bold;
            color: #667eea;
        }

.stat-label {
            font-size: 12px;
            color: #666;
            margin-top: 4px;
        }

/* Ad List */
        .ad-item {
            background: white;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 12px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.ad-info h4 {
            color: #333;
            margin-bottom: 4px;
        }

.ad-meta {
            font-size: 12px;
            color: #666;
        }

.ad-reward {
            text-align: center;
        }

.reward-amount {
            font-size: 18px;
            font-weight: bold;
            color: #28a745;
        }

.watch-btn {
            background: linear-gradient(45deg, #28a745, #20c997);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 25px;
            font-weight: 600;
            cursor: pointer;
            min-height: 44px;
            transition: all 0.3s ease;
        }

.watch-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
        }

.watch-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
            transform: none;
        }

/* Bottom Navigation */
        .bottom-nav {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            border-top: 1px solid #eee;
            padding: 12px 0 8px;
            display: flex;
            justify-content: space-around;
            z-index: 1000;
        }

.nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #666;
            font-size: 12px;
            padding: 4px;
            min-width: 44px;
            min-height: 44px;
            justify-content: center;
        }

.nav-item.active {
            color: #667eea;
        }

.nav-icon {
            width: 24px;
            height: 24px;
            margin-bottom: 4px;
            fill: currentColor;
        }

/* Modal */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 2000;
            justify-content: center;
            align-items: center;
        }

.modal.active {
            display: flex;
        }

.modal-content {
            background: white;
            border-radius: 16px;
            padding: 24px;
            margin: 20px;
            max-width: 400px;
            width: 100%;
            text-align: center;
        }

.ad-player {
            width: 100%;
            height: 200px;
            background: #000;
            border-radius: 12px;
            margin: 16px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
        }

.timer {
            font-size: 24px;
            font-weight: bold;
            color: #667eea;
            margin: 16px 0;
        }

.close-btn {
            background: #dc3545;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            cursor: pointer;
            margin-top: 16px;
        }

/* Responsive adjustments */
        @media (min-width: 768px) {
            .container {
                max-width: 768px;
            }
            
            .dashboard-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .stats-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

@media (min-width: 1024px) {
            .container {
                max-width: 1024px;
            }
            
            .dashboard-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

/* Utility classes */
        .text-center { text-align: center; }
        .mb-16 { margin-bottom: 16px; }
        .mb-24 { margin-bottom: 24px; }
        .hidden { display: none; }
        
        /* Success notification */
        .notification {
            position: fixed;
            top: 20px;
            right: 20px;
            background: #28a745;
            color: white;
            padding: 16px 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            z-index: 3000;
            transform: translateX(100%);
            transition: transform 0.3s ease;
        }

.notification.show {
            transform: translateX(0);
        }
    </style>
</head>
<body>
    
    <header class="header">
        <div class="container">
            <div class="header-content">
                <div class="logo">FastEarnAds</div>
                <div class="balance-card">
                    <span>💰</span>
                    <span id="balance">$0.00</span>
                </div>
            </div>
        </div>
    </header>

<main class="main-content">
        <div class="container">
            
            <section id="dashboard-section" class="page-section">
                <div class="dashboard-grid">
                    
                    <div class="card">
                        <h3>💳 Wallet Overview</h3>
                        <div class="stats-grid">
                            <div class="stat-item">
                                <div class="stat-value" id="today-earnings">$0.00</div>
                                <div class="stat-label">Today</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-value" id="total-earnings">$0.00</div>
                                <div class="stat-label">Total</div>
                            </div>
                        </div>
                    </div>

<div class="card">
                        <h3>📊 Daily Progress</h3>
                        <div class="stats-grid">
                            <div class="stat-item">
                                <div class="stat-value" id="ads-watched">0</div>
                                <div class="stat-label">Ads Watched</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-value" id="ads-remaining">5</div>
                                <div class="stat-label">Remaining</div>
                            </div>
                        </div>
                    </div>

<div class="card">
                        <h3>👥 Referrals</h3>
                        <div class="stats-grid">
                            <div class="stat-item">
                                <div class="stat-value" id="total-referrals">0</div>
                                <div class="stat-label">Friends</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-value" id="referral-earnings">$0.00</div>
                                <div class="stat-label">Earned</div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="card">
                    <h3>🚀 Quick Actions</h3>
                    <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px;">
                        <button class="watch-btn" onclick="showPage('ads')">Watch Ads</button>
                        <button class="watch-btn" onclick="showPage('refer')" style="background: linear-gradient(45deg, #667eea, #764ba2);">Invite Friends</button>
                    </div>
                </div>
            </section>

<section id="ads-section" class="page-section hidden">
                <div class="card">
                    <h3>📺 Available Ads</h3>
                    <p style="color: #666; margin-bottom: 20px;">Watch ads to earn money. Each ad can be watched once per day.</p>
                </div>

<div id="ads-list">
                    
                    <div class="ad-item">
                        <div class="ad-info">
                            <h4>Product Demo Video</h4>
                            <div class="ad-meta">⏱️ 30 seconds • 📱 Mobile App</div>
                        </div>
                        <div class="ad-reward">
                            <div class="reward-amount">$0.05</div>
                            <button class="watch-btn" onclick="startAd(1, 30, 0.05)">Watch</button>
                        </div>
                    </div>

<div class="ad-item">
                        <div class="ad-info">
                            <h4>Fashion Brand Commercial</h4>
                            <div class="ad-meta">⏱️ 45 seconds • 👕 Fashion</div>
                        </div>
                        <div class="ad-reward">
                            <div class="reward-amount">$0.08</div>
                            <button class="watch-btn" onclick="startAd(2, 45, 0.08)">Watch</button>
                        </div>
                    </div>

<div class="ad-item">
                        <div class="ad-info">
                            <h4>Gaming App Trailer</h4>
                            <div class="ad-meta">⏱️ 60 seconds • 🎮 Gaming</div>
                        </div>
                        <div class="ad-reward">
                            <div class="reward-amount">$0.12</div>
                            <button class="watch-btn" onclick="startAd(3, 60, 0.12)">Watch</button>
                        </div>
                    </div>
                </div>
            </section>

<section id="refer-section" class="page-section hidden">
                <div class="card">
                    <h3>👥 Invite Friends</h3>
                    <p style="color: #666; margin-bottom: 20px;">Earn 20% commission on your friends' earnings!</p>
                    
                    <div style="background: #f8f9fa; padding: 16px; border-radius: 12px; margin: 16px 0;">
                        <label style="font-size: 14px; color: #666;">Your Referral Link:</label>
                        <div style="display: flex; gap: 8px; margin-top: 8px;">
                            <input type="text" id="referral-link" value="https://fastearnads.com/signup?ref=USER123" 
                                   style="flex: 1; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px;" readonly>
                            <button onclick="copyReferralLink()" style="background: #667eea; color: white; border: none; padding: 12px 16px; border-radius: 8px; cursor: pointer;">📋</button>
                        </div>
                    </div>

<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;">
                        <button class="watch-btn" onclick="shareReferral('whatsapp')" style="background: #25d366;">WhatsApp</button>
                        <button class="watch-btn" onclick="shareReferral('facebook')" style="background: #1877f2;">Facebook</button>
                    </div>
                </div>
            </section>
        </div>
    </main>

<nav class="bottom-nav">
        <a href="#" class="nav-item active" onclick="showPage('dashboard')">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
            </svg>
            Home
        </a>
        <a href="#" class="nav-item" onclick="showPage('ads')">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zm-10-7h9v6h-9z"/>
            </svg>
            Watch
        </a>
        <a href="#" class="nav-item" onclick="showPage('refer')">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M16 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm4 18v-6h2.5l-2.54-7.63A3.01 3.01 0 0 0 16.6 6.3l-1.39.46 3.93 11.8L19 18z M12.5 11.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM5.5 6c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2zm2 16v-7H9.5l-2.54-7.63A3.01 3.01 0 0 0 3.6 5.3L2.21 5.76l3.93 11.8L6 17.5z"/>
            </svg>
            Refer
        </a>
        <a href="#" class="nav-item" onclick="showPage('history')">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/>
            </svg>
            History
        </a>
        <a href="#" class="nav-item" onclick="showPage('profile')">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
            </svg>
            Profile
        </a>
    </nav>

<div id="ad-modal" class="modal">
        <div class="modal-content">
            <h3 id="ad-title">Watching Ad...</h3>
            <div class="ad-player" id="ad-player">
                <span>🎬 Ad Playing...</span>
            </div>
            <div class="timer" id="ad-timer">00:30</div>
            <p id="ad-message">Please watch the complete ad to earn your reward.</p>
            <button class="close-btn" id="close-ad-btn" onclick="closeAd()" disabled>Close (Wait...)</button>
        </div>
    </div>

<div id="notification" class="notification"></div>

let currentAd = null;
        let adTimer = null;

// Initialize app
        document.addEventListener('DOMContentLoaded', function() {
            updateUI();
            showPage('dashboard');
        });

// Update UI with current data
        function updateUI() {
            document.getElementById('balance').textContent = '$' + userData.balance.toFixed(2);
            document.getElementById('today-earnings').textContent = '$' + userData.todayEarnings.toFixed(2);
            document.getElementById('total-earnings').textContent = '$' + userData.totalEarnings.toFixed(2);
            document.getElementById('ads-watched').textContent = userData.adsWatched;
            document.getElementById('ads-remaining').textContent = userData.adsRemaining;
            document.getElementById('total-referrals').textContent = userData.totalReferrals;
            document.getElementById('referral-earnings').textContent = '$' + userData.referralEarnings.toFixed(2);
        }

// Page navigation
        function showPage(page) {
            // Hide all sections
            document.querySelectorAll('.page-section').forEach(section => {
                section.classList.add('hidden');
            });

// Show selected section
            document.getElementById(page + '-section').classList.remove('hidden');

// Update nav active state
            document.querySelectorAll('.nav-item').forEach(item => {
                item.classList.remove('active');
            });
            event.target.closest('.nav-item').classList.add('active');
        }

// Start watching an ad
        function startAd(adId, duration, reward) {
            currentAd = {
                id: adId,
                duration: duration,
                reward: reward,
                startTime: Date.now()
            };

// Show modal
            document.getElementById('ad-modal').classList.add('active');
            document.getElementById('ad-title').textContent = 'Watching Ad #' + adId;
            document.getElementById('ad-timer').textContent = formatTime(duration);
            document.getElementById('close-ad-btn').disabled = true;
            document.getElementById('close-ad-btn').textContent = 'Close (Wait...)';

// Start timer
            let timeLeft = duration;
            adTimer = setInterval(() => {
                timeLeft--;
                document.getElementById('ad-timer').textContent = formatTime(timeLeft);

if (timeLeft <= 0) {
                    clearInterval(adTimer);
                    completeAd();
                }
            }, 1000);
        }

// Complete ad watching
        function completeAd() {
            if (currentAd) {
                // Award user
                userData.balance += currentAd.reward;
                userData.todayEarnings += currentAd.reward;
                userData.totalEarnings += currentAd.reward;
                userData.adsWatched++;
                userData.adsRemaining--;

// Update UI
                updateUI();

// Show success
                showNotification('🎉 Earned $' + currentAd.reward.toFixed(2) + '!');

// Enable close button
                document.getElementById('close-ad-btn').disabled = false;
                document.getElementById('close-ad-btn').textContent = 'Collect Reward';
                document.getElementById('ad-message').textContent = 'Congratulations! Reward added to your balance.';
            }
        }

// Close ad modal
        function closeAd() {
            if (adTimer) {
                clearInterval(adTimer);
            }
            document.getElementById('ad-modal').classList.remove('active');
            currentAd = null;
        }

// Copy referral link
        function copyReferralLink() {
            const link = document.getElementById('referral-link');
            link.select();
            document.execCommand('copy');
            showNotification('📋 Referral link copied!');
        }

// Share referral
        function shareReferral(platform) {
            const link = document.getElementById('referral-link').value;
            const text = "Join FastEarnAds and start earning money by watching ads! Use my referral link:";
            
            if (platform === 'whatsapp') {
                window.open(`https://wa.me/?text=${encodeURIComponent(text + ' ' + link)}`);
            } else if (platform === 'facebook') {
                window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
            }
        }

// Show notification
        function showNotification(message) {
            const notification = document.getElementById('notification');
            notification.textContent = message;
            notification.classList.add('show');
            
            setTimeout(() => {
                notification.classList.remove('show');
            }, 3000);
        }

// Format time helper
        function formatTime(seconds) {
            const mins = Math.floor(seconds / 60);
            const secs = seconds % 60;
            return mins.toString().padStart(2, '0') + ':' + secs.toString().padStart(2, '0');
        }

// Handle page clicks for navigation
        document.addEventListener('click', function(e) {
            if (e.target.closest('.nav-item')) {
                e.preventDefault();
            }
        });
    </script>
</body>
</html>