Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2026-01-09 22:13
admin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
assets	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
fast-earn-limited	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
includes	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
uploads	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
user	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
.htaccess	197 B	-r--r--r--	2026-04-01 03:43
ADMIN_LOGIN.txt	13.54 KB	-rw-r--r--	2025-12-22 19:34
COMPLETION.txt	20.92 KB	-rw-r--r--	2025-12-22 19:22
FEATURES.txt	16.92 KB	-rw-r--r--	2025-12-22 19:13
FIX_DATABASE_ERROR.txt	8.7 KB	-rw-r--r--	2025-12-22 19:37
FIX_UPLOAD_ERROR.txt	10.1 KB	-rw-r--r--	2025-12-22 19:45
INSTALLATION.txt	8.73 KB	-rw-r--r--	2025-12-22 19:12
PROJECT_STATUS.txt	12.33 KB	-rw-r--r--	2025-12-22 19:14
QUICK_START.txt	14.12 KB	-rw-r--r--	2025-12-22 19:15
README.md	10.54 KB	-rw-r--r--	2025-12-22 19:11
V2_UPGRADE_NOTES.txt	5.88 KB	-rw-r--r--	2025-12-22 20:04
checkout.php	16.2 KB	-rw-r--r--	2026-01-07 16:26
contact.php	6.71 KB	-rw-r--r--	2026-01-07 16:36
create_folders.php	2.91 KB	-rw-r--r--	2025-12-22 19:44
database.sql	9.14 KB	-rw-r--r--	2025-12-22 19:52
full_setup.php	29.74 KB	-rw-r--r--	2026-01-26 16:55
index.php	30.43 KB	-rw-r--r--	2026-01-07 16:56
login.php	8.83 KB	-rw-r--r--	2025-12-30 13:45
logout.php	151 B	-rw-r--r--	2025-12-22 19:01
products.php	4.69 KB	-rw-r--r--	2026-01-07 16:39
register.php	14.14 KB	-rw-r--r--	2025-12-30 13:25
seed_products.php	559 B	-rw-r--r--	2026-01-07 16:15
update_database.sql	781 B	-rw-r--r--	2025-12-22 19:36
update_db.php	4.07 KB	-rw-r--r--	2025-12-22 19:36
update_db_v10.php	816 B	-rw-r--r--	2025-12-24 21:22
update_db_v11.php	681 B	-rw-r--r--	2025-12-24 21:53
update_db_v12.php	590 B	-rw-r--r--	2026-01-07 16:12
update_db_v2.php	2.13 KB	-rw-r--r--	2025-12-22 19:53
update_db_v3.php	2.76 KB	-rw-r--r--	2025-12-22 20:05
update_db_v4.php	1.43 KB	-rw-r--r--	2025-12-22 20:11
update_db_v5.php	1.9 KB	-rw-r--r--	2025-12-23 19:11
update_db_v6.php	1.91 KB	-rw-r--r--	2025-12-23 19:29
update_db_v7.php	3.05 KB	-rw-r--r--	2025-12-23 19:33
wp-blog-header.php	2.74 KB	-rw-r--r--	2026-04-01 03:43
wp-cron.php	2.74 KB	-rw-r--r--	2026-04-01 03:43

Rename

<?php
require_once 'includes/config.php';

// Redirect if already logged in
if (isLoggedIn()) {
    if (isAdmin()) {
        header('Location: admin/dashboard.php');
    } else {
        header('Location: user/dashboard.php');
    }
    exit;
}

// Fetch active plans to display
try {
    $stmt = $pdo->prepare("SELECT * FROM plans WHERE status = 'active' ORDER BY plan_price ASC");
    $stmt->execute();
    $activePlans = $stmt->fetchAll();
} catch (PDOException $e) {
    $activePlans = [];
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo getSetting('site_name', 'Fast Earn Limited'); ?> | Premium Earning Ecosystem</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link
        href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Plus Jakarta Sans', sans-serif;
        }

html,
        body {
            overflow-x: hidden;
            width: 100%;
            position: relative;
            background-color: var(--bg);
            color: var(--text);
            line-height: 1.6;
        }

/* Hero Glow */
        .hero-glow {
            position: absolute;
            top: -10%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(0, 255, 163, 0.1) 0%, transparent 70%);
            z-index: -1;
        }

/* Navbar */
        nav {
            padding: 20px 8%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            z-index: 1000;
            background: rgba(6, 9, 18, 0.8);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--border);
        }

.logo {
            font-size: 24px;
            font-weight: 800;
            font-family: 'Outfit', sans-serif;
            text-decoration: none;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
        }

.logo span {
            color: var(--p);
        }

.nav-links {
            display: flex;
            gap: 30px;
        }

.nav-links a {
            color: var(--dim);
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: 0.3s;
        }

.nav-links a:hover {
            color: var(--p);
        }

.nav-btns {
            display: flex;
            gap: 15px;
        }

.btn-ghost {
            border: 1px solid var(--border);
            padding: 10px 20px;
            border-radius: 12px;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: 0.3s;
        }

.btn-primary {
            background: var(--p);
            color: #000;
            padding: 10px 25px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 700;
            font-size: 14px;
            box-shadow: 0 0 20px rgba(0, 255, 163, 0.2);
            transition: 0.3s;
        }

.btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 30px rgba(0, 255, 163, 0.4);
        }

/* Hero */
        .hero {
            padding: 180px 8% 100px;
            display: flex;
            align-items: center;
            gap: 50px;
            overflow: hidden;
            width: 100%;
        }

.hero-text {
            flex: 1.2;
        }

.hero-text h1 {
            font-size: 64px;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 25px;
            font-family: 'Outfit', sans-serif;
        }

.hero-text h1 span {
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.hero-text p {
            font-size: 18px;
            color: var(--dim);
            margin-bottom: 40px;
            max-width: 550px;
        }

.hero-img {
            flex: 0.8;
            position: relative;
        }

.hero-img img {
            width: 100%;
            border-radius: 30px;
            box-shadow: 0 50px 100px rgba(0, 0, 0, 0.5);
        }

/* Payment Methods Scroll Bar */
        .methods-strip {
            padding: 30px 0;
            background: rgba(255, 255, 255, 0.02);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }

.methods-track {
            display: inline-flex;
            gap: 60px;
            animation: scroll 20s linear infinite;
        }

.method-item {
            display: flex;
            align-items: center;
            gap: 15px;
            color: var(--dim);
            font-size: 20px;
            font-weight: 700;
            font-family: 'Outfit', sans-serif;
            opacity: 0.6;
        }

.method-item i {
            font-size: 28px;
            color: var(--p);
        }

@keyframes scroll {
            0% {
                transform: translateX(0);
            }

100% {
                transform: translateX(-50%);
            }
        }

/* Global Padding */
        section {
            padding: 100px 8%;
            overflow-x: hidden;
            width: 100%;
        }

.section-header {
            text-align: center;
            margin-bottom: 60px;
        }

.section-header h2 {
            font-size: 40px;
            font-family: 'Outfit', sans-serif;
            margin-bottom: 15px;
        }

.section-header p {
            color: var(--dim);
            max-width: 600px;
            margin: 0 auto;
        }

/* Plans */
        .plans-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

.plan-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: 30px;
            padding: 45px 35px;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
        }

.plan-card:hover {
            transform: translateY(-10px);
            border-color: var(--p);
        }

.plan-card.popular {
            border-color: var(--p);
            background: linear-gradient(180deg, rgba(0, 255, 163, 0.05) 0%, var(--card) 100%);
        }

.popular-tag {
            position: absolute;
            top: 20px;
            right: 20px;
            background: var(--p);
            color: #000;
            padding: 5px 12px;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 800;
        }

.plan-price {
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 10px;
            font-family: 'Outfit', sans-serif;
        }

.plan-price span {
            font-size: 16px;
            color: var(--dim);
            font-weight: 400;
        }

.plan-name {
            font-size: 22px;
            color: var(--p);
            font-weight: 700;
            margin-bottom: 30px;
        }

.plan-features {
            list-style: none;
            margin-bottom: 40px;
        }

.plan-features li {
            margin-bottom: 15px;
            color: var(--dim);
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 15px;
        }

.plan-features i {
            color: var(--p);
            font-size: 14px;
        }

.btn-buy {
            width: 100%;
            background: var(--border);
            color: #fff;
            padding: 15px;
            border-radius: 12px;
            text-decoration: none;
            display: block;
            text-align: center;
            font-weight: 700;
            transition: 0.3s;
        }

.plan-card:hover .btn-buy,
        .plan-card.popular .btn-buy {
            background: var(--p);
            color: #000;
        }

/* Reviews Session */
        .reviews {
            background: #080b16;
        }

.reviews-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
        }

.review-card {
            background: var(--card);
            border: 1px solid var(--border);
            padding: 35px;
            border-radius: 24px;
            position: relative;
        }

.reviewer {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-top: 25px;
        }

.reviewer img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid var(--p);
        }

.reviewer-info h4 {
            font-size: 16px;
            font-weight: 700;
        }

.reviewer-info p {
            font-size: 13px;
            color: var(--dim);
        }

.stars {
            color: #fbbf24;
            font-size: 14px;
            margin-bottom: 15px;
        }

.quote {
            color: var(--dim);
            font-style: italic;
            font-size: 15px;
        }

/* Footer */
        footer {
            padding: 80px 8% 40px;
            border-top: 1px solid var(--border);
            overflow: hidden;
        }

.footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 50px;
            margin-bottom: 60px;
        }

.footer-brand h2 {
            margin-bottom: 20px;
        }

.footer-brand p {
            color: var(--dim);
            max-width: 300px;
            pointer-events: none;
        }

.footer-col h4 {
            margin-bottom: 25px;
            font-size: 18px;
        }

.footer-col ul {
            list-style: none;
        }

.footer-col li {
            margin-bottom: 12px;
        }

.footer-col a {
            color: var(--dim);
            text-decoration: none;
            transition: 0.3s;
            font-size: 15px;
        }

.footer-col a:hover {
            color: var(--p);
        }

/* Responsive */
        @media (max-width: 1024px) {
            .hero {
                flex-direction: column;
                text-align: center;
                padding-top: 150px;
                padding-bottom: 50px;
                gap: 40px;
            }

.hero-text h1 {
                font-size: 48px;
            }

.hero-text p {
                margin: 0 auto 40px;
            }

.hero-text div {
                justify-content: center;
            }

.footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

/* How it Works */
        .how-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 30px;
        }

.how-card {
            background: var(--card);
            border: 1px solid var(--border);
            padding: 40px;
            border-radius: 24px;
            text-align: center;
            position: relative;
        }

.how-card:hover {
            border-color: var(--p);
            transform: translateY(-5px);
            transition: 0.3s;
        }

.step-num {
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--gradient);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            color: #000;
            font-family: 'Outfit', sans-serif;
            font-size: 18px;
            box-shadow: 0 10px 20px rgba(0, 255, 163, 0.3);
        }

.how-card i {
            font-size: 40px;
            color: var(--p);
            margin-bottom: 25px;
            display: block;
            filter: drop-shadow(0 0 10px rgba(0, 255, 163, 0.2));
        }

.how-card h3 {
            font-family: 'Outfit', sans-serif;
            font-size: 22px;
            margin-bottom: 15px;
        }

.how-card p {
            color: var(--dim);
            font-size: 15px;
        }

@media (max-width: 768px) {
            nav {
                padding: 15px 5%;
            }

.logo {
                font-size: 22px;
            }

.nav-btns {
                display: none;
                /* Hide all nav buttons in mobile header */
            }

.btn-ghost,
            .btn-primary {
                padding: 10px 18px;
                font-size: 14px;
                border-radius: 12px;
            }

section {
                padding: 70px 5%;
            }

.section-header {
                margin-bottom: 50px;
            }

.section-header h2 {
                font-size: 34px;
            }

.section-header p {
                font-size: 16px;
            }

.hero {
                padding-top: 130px;
                padding-bottom: 50px;
                gap: 30px;
            }

.hero-text h1 {
                font-size: 36px;
                margin-bottom: 20px;
            }

.hero-text p {
                font-size: 18px;
                margin-bottom: 30px;
                line-height: 1.6;
            }

.hero-text .btn-primary,
            .hero-text .btn-ghost {
                padding: 14px 24px !important;
                font-size: 15px !important;
            }

.hero-img {
                max-width: 100%;
                width: 100%;
                padding: 0 20px;
            }

.plan-price {
                font-size: 40px;
            }

.plan-name {
                font-size: 24px;
                margin-bottom: 20px;
            }

.nav-links {
                display: none;
            }

.mobile-menu-btn {
                display: block !important;
            }

.footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 30px;
            }

.footer-brand p {
                margin: 0 auto 20px;
                font-size: 14px;
            }

.footer-col h4 {
                margin-bottom: 15px;
                font-size: 16px;
            }

.footer-col li {
                margin-bottom: 8px;
            }

.footer-col a {
                font-size: 14px;
            }
        }
    </style>
</head>

<body>

<nav>
        <a href="index.php" class="logo"><i class="fas fa-bolt"></i> FAST<span>EARN</span> LIMITED</a>
        <div class="nav-links">
            <a href="#plans">Invest Plans</a>
            <a href="products.php">Marketplace</a>
            <a href="contact.php">Contact Us</a>
            <a href="#how">How it Works</a>
        </div>
        <div class="nav-btns">
            <a href="login.php" class="btn-ghost">Login Account</a>
            <a href="register.php" class="btn-primary">Register Now</a>
        </div>
        <div class="mobile-menu-btn" onclick="toggleSidebar()"
            style="display: none; font-size: 24px; color: #fff; cursor: pointer;">
            <i class="fas fa-bars"></i>
        </div>
    </nav>

<div class="sidebar" id="sidebar"
        style="position: fixed; top: 0; left: 0; width: 280px; height: 100vh; background: var(--card); z-index: 2000; transform: translateX(-100%); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); padding: 40px 30px; border-right: 1px solid var(--border);">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;">
            <a href="index.php" class="logo" style="font-size: 20px;"><i class="fas fa-bolt"></i>
                FAST<span>EARN</span></a>
            <i class="fas fa-times" onclick="toggleSidebar()"
                style="font-size: 24px; color: var(--dim); cursor: pointer;"></i>
        </div>
        <div style="display: flex; flex-direction: column; gap: 20px;">
            <a href="index.php"
                style="color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 15px;"><i
                    class="fas fa-home"></i> Home</a>
            <a href="products.php"
                style="color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 15px;"><i
                    class="fas fa-shopping-bag"></i> Marketplace</a>
            <a href="contact.php"
                style="color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 15px;"><i
                    class="fas fa-headset"></i> Contact Us</a>
            <a href="#plans" onclick="toggleSidebar()"
                style="color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 15px;"><i
                    class="fas fa-gem"></i> Plans</a>
            <hr style="border: none; border-top: 1px solid var(--border);">
            <a href="login.php"
                style="color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 15px;"><i
                    class="fas fa-sign-in-alt"></i> Login</a>
            <a href="register.php"
                style="background: var(--p); color: #000; padding: 12px; border-radius: 12px; text-decoration: none; font-weight: 700; text-align: center; margin-top: 10px;">Register
                Now</a>
        </div>
    </div>
    <div class="sidebar-overlay" id="sidebarOverlay" onclick="toggleSidebar()"
        style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1999; display: none; backdrop-filter: blur(5px);">
    </div>

<header class="hero">
        <div class="hero-glow"></div>
        <div class="hero-text" data-aos="fade-right">
            <h1>Earn From Anywhere, <span>Grow Everyday.</span></h1>
            <p>Join the world's most rewarding Ads Watching platform. Watch ads, complete daily missions, and withdraw
                your
                earnings instantly through FAST EARN LIMITED.</p>
            <div style="display: flex; gap: 20px;">
                <a href="register.php" class="btn-primary" style="padding: 16px 35px;">Start Earning</a>
                <a href="login.php" class="btn-ghost" style="padding: 16px 35px;">Login Account</a>
            </div>
        </div>
        <div class="hero-img" data-aos="zoom-in">
            <img src="assets/images/fintech_mobile_premium.jpg" alt="Earning Visual">
        </div>
    </header>

<div class="methods-strip">
        <div class="methods-track">
            <div class="method-item"><i class="fas fa-wallet"></i> JazzCash</div>
            <div class="method-item"><i class="fas fa-mobile-alt"></i> EasyPaisa</div>
            <div class="method-item"><i class="fas fa-university"></i> Bank Transfer</div>
            <div class="method-item"><i class="fab fa-bitcoin"></i> Crypto (USDT)</div>
            <div class="method-item"><i class="fas fa-credit-card"></i> Visa / Master</div>
            
            <div class="method-item"><i class="fas fa-wallet"></i> JazzCash</div>
            <div class="method-item"><i class="fas fa-mobile-alt"></i> EasyPaisa</div>
            <div class="method-item"><i class="fas fa-university"></i> Bank Transfer</div>
            <div class="method-item"><i class="fab fa-bitcoin"></i> Crypto (USDT)</div>
            <div class="method-item"><i class="fas fa-credit-card"></i> Visa / Master</div>
        </div>
    </div>

<section id="how" style="background: rgba(255, 255, 255, 0.01);">
        <div class="section-header">
            <h2 data-aos="fade-up">How it Works</h2>
            <p data-aos="fade-up" data-aos-delay="100">Start your journey to financial growth in 4 simple steps.</p>
        </div>
        <div class="how-grid">
            <div class="how-card" data-aos="fade-up">
                <div class="step-num">01</div>
                <i class="fas fa-user-plus"></i>
                <h3>Join Platform</h3>
                <p>Register your account in seconds and join the FAST EARN LIMITED ecosystem securely.</p>
            </div>
            <div class="how-card" data-aos="fade-up" data-aos-delay="100">
                <div class="step-num">02</div>
                <i class="fas fa-gem"></i>
                <h3>Select Plan</h3>
                <p>Choose from our diverse range of investment tiers that best suit your financial targets.</p>
            </div>
            <div class="how-card" data-aos="fade-up" data-aos-delay="200">
                <div class="step-num">03</div>
                <i class="fas fa-play-circle"></i>
                <h3>Complete Tasks</h3>
                <p>Watch daily ads and complete simple missions to accumulate your daily earnings.</p>
            </div>
            <div class="how-card" data-aos="fade-up" data-aos-delay="300">
                <div class="step-num">04</div>
                <i class="fas fa-money-bill-wave"></i>
                <h3>Fast Payouts</h3>
                <p>Withdraw your profits instantly to JazzCash, EasyPaisa or any Bank Account without delays.</p>
            </div>
        </div>
    </section>

<section id="plans">
        <div class="section-header">
            <h2 data-aos="fade-up">Premium Investment Plans</h2>
            <p data-aos="fade-up" data-aos-delay="100">Unlock your potential with our curated selection of earning
                tiers.</p>
        </div>
        <div class="plans-grid">
            <?php foreach ($activePlans as $index => $plan): ?>
                <div class="plan-card <?php echo ($index === 1) ? 'popular' : ''; ?>" data-aos="fade-up"
                    data-aos-delay="<?php echo $index * 100; ?>">
                    <?php if ($index === 1): ?>
                        <div class="popular-tag">MOST USEFULL PLAN</div>
                    <?php endif; ?>
                    <div class="plan-price"><?php echo formatCurrency($plan['plan_price']); ?> <span>/
                            <?php echo ($plan['plan_duration'] == 0) ? 'Lifetime' : $plan['plan_duration'] . ' Days'; ?></span>
                    </div>
                    <div class="plan-name"><?php echo htmlspecialchars($plan['plan_name']); ?></div>
                    <ul class="plan-features">
                        <li><i class="fas fa-check-circle"></i> Daily Limit: <?php echo $plan['ads_limit_per_day']; ?> Ads
                        </li>
                        <li><i class="fas fa-check-circle"></i> Referral Bonus: Level
                            <?php echo $plan['upto_level'] ?? '1'; ?>
                        </li>
                        <li><i class="fas fa-check-circle"></i> Instant Payouts</li>
                        <li><i class="fas fa-check-circle"></i> 24/7 Priority Support</li>
                    </ul>
                    <a href="register.php" class="btn-buy">Get Started</a>
                </div>
            <?php endforeach; ?>
        </div>
    </section>

<section class="reviews" id="reviews">
        <div class="section-header">
            <h2 data-aos="fade-up">Trusted by 20K+ Users</h2>
            <p data-aos="fade-up" data-aos-delay="100">See what our community says about their experience.</p>
        </div>
        <div class="reviews-grid">
            <div class="review-card" data-aos="zoom-in">
                <div class="stars"><i class="fas fa-star" v-for="i in 5"></i><i class="fas fa-star"></i><i
                        class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                <p class="quote">"This is the first Ads Watching platform that actually pays instantly. I started with
                    Basic and
                    now I'm on Premium. Highly recommended!"</p>
                <div class="reviewer">
                    <div class="reviewer-info">
                        <h4>Ahmed Hassan</h4>
                        <p>Senior Business Card</p>
                    </div>
                </div>
            </div>
            <div class="review-card" data-aos="zoom-in" data-aos-delay="100">
                <div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                        class="fas fa-star"></i><i class="fas fa-star"></i></div>
                <p class="quote">"Great support team! My withdrawal reached my JazzCash in just 2 minutes. The daily
                    missions keep things exciting."</p>
                <div class="reviewer">
                    <div class="reviewer-info">
                        <h4>Sana Malik</h4>
                        <p>Junior Business Card</p>
                    </div>
                </div>
            </div>
            <div class="review-card" data-aos="zoom-in" data-aos-delay="200">
                <div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                        class="fas fa-star"></i><i class="fas fa-star"></i></div>
                <p class="quote">"I love the referral system. I invited 10 friends and now my daily earnings have
                    skyrocketed. Best platform in 2025!"</p>
                <div class="reviewer">
                    <div class="reviewer-info">
                        <h4>Zeeshan Khan</h4>
                        <p>FastEarn Official Business Card</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

<footer>
        <div class="footer-grid">
            <div class="footer-brand">
                <h2 class="logo"><i class="fas fa-bolt"></i> FAST<span>EARN</span> LIMITED</h2>
                <p>The most advanced and transparent Ads Watching platform designed for everyone, everywhere. Powered by
                    FAST
                    EARN LIMITED.</p>
            </div>
            <div class="footer-col">
                <h4>Platform</h4>
                <ul>
                    <li><a href="#plans">Live Plans</a></li>
                    <li><a href="#reviews">User Reviews</a></li>
                    <li><a href="login.php">Login Portal</a></li>
                    <li><a href="register.php">Create Account</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Support</h4>
                <ul>
                    <li><a href="#">Help Center</a></li>
                    <li><a href="contact.php">Contact Us</a></li>
                    <li><a href="#">Terms & Conditions</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Community</h4>
                <div style="display: flex; gap: 15px; font-size: 20px;">
                    <a href="#"><i class="fab fa-telegram"></i></a>
                    <a href="#"><i class="fab fa-whatsapp"></i></a>
                    <a href="#"><i class="fab fa-facebook"></i></a>
                </div>
            </div>
        </div>
        <div
            style="text-align: center; color: var(--dim); font-size: 14px; padding-top: 40px; border-top: 1px solid var(--border);">
            &copy; 2026 <?php echo getSetting('site_name'); ?>. All Rights Reserved.
        </div>
    </footer>

// Custom Smooth Scroll
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>
</body>

</html>