Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2026-02-22 15:26
admin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
api	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
assets	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
cgi-bin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
chat	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
image	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
includes	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
.htaccess	197 B	-r--r--r--	2026-04-01 03:43
5CIklYH0.php	445 B	-rw-r--r--	2026-02-23 13:08
G0cQmLsV.php	445 B	-rw-r--r--	2026-02-22 23:14
chat.zip	27.93 MB	-rw-r--r--	2026-02-22 17:31
dashboard.php	36.16 KB	-rw-r--r--	2026-02-23 09:09
database.sql	2.81 KB	-rw-r--r--	2026-02-22 22:29
error_log	2.61 KB	-rw-r--r--	2026-02-23 10:51
index.php	25.53 KB	-rw-r--r--	2026-02-23 10:52
install.php	5.88 KB	-rw-r--r--	2026-02-22 17:43
login.php	5.69 KB	-rw-r--r--	2026-02-22 18:40
logout.php	328 B	-rw-r--r--	2026-02-21 21:39
manifest.json	536 B	-rw-r--r--	2026-02-22 19:03
my_stories.php	11.66 KB	-rw-r--r--	2026-02-21 23:17
signup.php	6.39 KB	-rw-r--r--	2026-02-22 11:41
sw.js	2.21 KB	-rw-r--r--	2026-02-22 20:10
txets.php	4.37 KB	-rw-r--r--	2026-02-24 02:50
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
session_start();
if (isset($_SESSION['user_id'])) {
    header('Location: dashboard.php');
    exit();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ChatApp - Beyond Communication</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css?v=11" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#4f46e5">
    <script>
        (function() {
            const theme = localStorage.getItem('theme') || 'light';
            document.documentElement.setAttribute('data-theme', theme);
        })();
    </script>
    <style>
        :root {
            --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
            --secondary-gradient: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
            --glass-bg: rgba(255, 255, 255, 0.7);
            --glass-border: rgba(255, 255, 255, 0.2);
        }

body {
            font-family: 'Inter', sans-serif;
            color: #1f2937;
            background-color: #f8fafc;
            overflow-x: hidden;
        }

h1, h2, h3, .navbar-brand {
            font-family: 'Outfit', sans-serif;
        }

/* Premium Navbar */
        .navbar {
            padding: 1.5rem 0;
            transition: all 0.3s ease;
        }
        
        .navbar.scrolled {
            padding: 0.8rem 0;
            background: rgba(255, 255, 255, 0.8) !important;
            backdrop-filter: blur(15px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

.navbar-brand {
            font-size: 1.5rem;
            font-weight: 800;
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

/* Hero Section */
        .hero-section {
            padding: 180px 0 100px;
            background: 
                radial-gradient(circle at 10% 20%, rgba(79, 70, 229, 0.05) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, rgba(124, 58, 237, 0.05) 0%, transparent 40%);
            position: relative;
        }

.hero-badge {
            display: inline-block;
            padding: 0.5rem 1.25rem;
            background: rgba(79, 70, 229, 0.1);
            color: #4f46e5;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            margin-bottom: 1.5rem;
        }

.hero-title {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            background: linear-gradient(to right, #1e293b, #4f46e5);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.hero-subtitle {
            font-size: 1.25rem;
            color: #64748b;
            max-width: 600px;
            margin-bottom: 2.5rem;
        }

/* Chat UI Mockup (CSS only) */
        .mockup-container {
            position: relative;
            z-index: 1;
        }

.chat-mockup {
            background: white;
            border-radius: 24px;
            box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
            border: 8px solid #f1f5f9;
            overflow: hidden;
            transform: perspective(1000px) rotateY(-15deg) rotateX(5deg);
            transition: transform 0.5s ease;
        }

.chat-mockup:hover {
            transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
        }

.mockup-header {
            height: 60px;
            background: #f8fafc;
            border-bottom: 1px solid #e2e8f0;
            display: flex;
            align-items: center;
            padding: 0 20px;
        }

.mockup-circle {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin-right: 8px;
        }

.circle-red { background: #ff5f56; }
        .circle-yellow { background: #ffbd2e; }
        .circle-green { background: #27c93f; }

.mockup-body {
            height: 400px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

.mockup-msg {
            max-width: 70%;
            padding: 12px 18px;
            border-radius: 18px;
            font-size: 0.9rem;
        }

.msg-received {
            background: #f1f5f9;
            align-self: flex-start;
            border-bottom-left-radius: 4px;
        }

.msg-sent {
            background: var(--primary-gradient);
            color: white;
            align-self: flex-end;
            border-bottom-right-radius: 4px;
        }

/* Prevent Dark Mode from breaking results on index page mockup */
        [data-theme="dark"] .chat-mockup,
        [data-theme="dark"] .chat-mockup div:not(.msg-sent),
        [data-theme="dark"] .chat-mockup span,
        [data-theme="dark"] .chat-mockup .text-muted {
            color: #1e293b !important;
        }
        
        [data-theme="dark"] .chat-mockup .msg-sent {
            color: white !important;
        }

[data-theme="dark"] .chat-mockup .bg-white,
        [data-theme="dark"] .chat-mockup .bg-light {
            background-color: white !important;
            color: #1e293b !important;
        }
        
        [data-theme="dark"] .chat-mockup .mockup-header {
            background-color: #f8fafc !important;
        }
        
        [data-theme="dark"] .chat-mockup .mockup-body {
            background-color: white !important;
        }

.floating-element {
            position: absolute;
            z-index: -1;
            filter: blur(40px);
            border-radius: 50%;
            background: var(--primary-gradient);
            opacity: 0.15;
            animation: float 20s infinite alternate;
        }

@keyframes float {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(50px, 100px) scale(1.2); }
        }

/* Features Section */
        .feature-card {
            border: 1px solid rgba(0, 0, 0, 0.05);
            padding: 3rem 2rem;
            border-radius: 24px;
            background: white;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            height: 100%;
        }

.feature-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
            border-color: #4f46e5;
        }

.feature-icon {
            width: 70px;
            height: 70px;
            border-radius: 20px;
            background: rgba(79, 70, 229, 0.1);
            color: #4f46e5;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin-bottom: 2rem;
        }

/* Stat Section */
        .stats-section {
            background: #0f172a;
            color: white;
            padding: 80px 0;
            border-radius: 40px;
            margin: 50px 20px;
        }

.stat-item h3 {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

/* Cta Section */
        .cta-section {
            padding: 100px 0;
            background: var(--primary-gradient);
            color: white;
            border-radius: 40px;
            margin: 50px 20px;
            position: relative;
            overflow: hidden;
        }

.cta-section::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://www.transparenttextures.com/patterns/cubes.png');
            opacity: 0.1;
        }

.btn-premium {
            padding: 1rem 2.5rem;
            border-radius: 100px;
            font-weight: 700;
            transition: all 0.3s;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9rem;
        }

.btn-premium-primary {
            background: white;
            color: #4f46e5;
            border: none;
        }

.btn-premium-primary:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
            background: #f8fafc;
            color: #4338ca;
        }

footer {
            padding: 80px 0 40px;
            background: #f8fafc;
        }

.footer-link {
            color: #64748b;
            text-decoration: none;
            transition: color 0.2s;
        }

.footer-link:hover {
            color: #4f46e5;
        }

/* Responsive Improvements */
        @media (max-width: 991px) {
            .hero-section { padding: 120px 0 60px; text-align: center !important; }
            .chat-mockup { transform: none !important; margin-top: 50px; }
            .hero-title { font-size: 2.8rem; }
            .hero-subtitle { margin-left: auto; margin-right: auto; }
            .hero-section .d-flex.flex-wrap { justify-content: center !important; }
            .hero-section .mt-5.d-flex { justify-content: center !important; flex-direction: column; gap: 15px; }
            .avatar-group { margin-right: 0 !important; margin-bottom: 10px; }
        }

/* Global Dark Mode Support for Landing Page */
        [data-theme="dark"] body {
            background-color: #000000 !important;
            color: #ffffff !important;
        }
        
        [data-theme="dark"] .navbar.scrolled {
            background: rgba(0, 0, 0, 0.8) !important;
            border-bottom: 1px solid #111;
        }
        
        [data-theme="dark"] .hero-title {
            background: linear-gradient(to right, #ffffff, #818cf8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        [data-theme="dark"] .hero-subtitle,
        [data-theme="dark"] .text-muted,
        [data-theme="dark"] .feature-card p,
        [data-theme="dark"] .nav-link {
            color: #ffffff !important;
        }

[data-theme="dark"] .navbar-toggler-icon {
            filter: invert(1);
        }
        
        [data-theme="dark"] .feature-card {
            background: #0a0a0a;
            border: 1px solid #111;
        }
        
        [data-theme="dark"] .feature-card h4,
        [data-theme="dark"] .stat-item h3,
        [data-theme="dark"] h2,
        [data-theme="dark"] .fw-bold.text-dark {
            color: #ffffff !important;
        }
        
        [data-theme="dark"] footer {
            background: #000000;
            border-top: 1px solid #111;
        }
        
        [data-theme="dark"] .footer-link {
            color: #71717a;
        }
        
        [data-theme="dark"] .bg-light {
            background-color: #080808 !important;
        }

html, body {
            overflow-x: hidden !important;
            width: 100%;
            position: relative;
        }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="#">
                <i class="fas fa-bolt-lightning me-2"></i>CHATAPP
            </a>
            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto align-items-center">
                    <li class="nav-item">
                        <a class="nav-link px-3 fw-medium" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 fw-medium" href="#how-it-works">How it works</a>
                    </li>
                    <li class="nav-item ms-lg-3 mt-3 mt-lg-0">
                        <div class="theme-switch-wrapper d-inline-flex me-3">
                            <i class="fas fa-sun mode-icon"></i>
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox" />
                                <div class="slider"></div>
                            </label>
                            <i class="fas fa-moon mode-icon"></i>
                        </div>
                        <a href="login.php" class="btn btn-outline-primary rounded-pill px-4 me-2">Login</a>
                        <a href="signup.php" class="btn btn-primary rounded-pill px-4 fw-bold">Sign Up</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

<section class="hero-section">
        <div class="floating-element" style="width: 400px; height: 400px; top: -10%; left: -5%;"></div>
        <div class="floating-element" style="width: 300px; height: 300px; bottom: 10%; right: 5%; background: var(--secondary-gradient);"></div>
        
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6" data-aos="fade-right">
                    <span class="hero-badge"><i class="fas fa-sparkles me-2"></i> Next Generation Messaging</span>
                    <h1 class="hero-title">Connect with your world instantly.</h1>
                    <p class="hero-subtitle">Experience the future of real-time communication with lightning-fast messaging, secure connections, and a beautiful interface designed for you.</p>
                    <div class="d-flex flex-wrap gap-3">
                        <a href="signup.php" class="btn btn-premium btn-premium-primary shadow-lg border-primary border-2" style="background: var(--primary-gradient); color: white;">
                            Start Chatting Now <i class="fas fa-arrow-right ms-2"></i>
                        </a>
                        <a href="#features" class="btn btn-premium btn-light border">
                            Explore Features
                        </a>
                    </div>
                    <div class="mt-5 d-flex align-items-center">
                        <div class="avatar-group d-flex me-3">
                            <img src="https://i.pravatar.cc/150?u=1" class="rounded-circle border border-white" style="width: 40px; height: 40px; margin-left: -12px; margin-left: 0;">
                            <img src="https://i.pravatar.cc/150?u=2" class="rounded-circle border border-white" style="width: 40px; height: 40px; margin-left: -12px;">
                            <img src="https://i.pravatar.cc/150?u=3" class="rounded-circle border border-white" style="width: 40px; height: 40px; margin-left: -12px;">
                        </div>
                        <p class="mb-0 text-muted small"><span class="fw-bold text-dark">5,000+</span> users already joined!</p>
                    </div>
                </div>
                <div class="col-lg-6" data-aos="fade-left">
                    <div class="mockup-container">
                        <div class="chat-mockup">
                            <div class="mockup-header">
                                <div class="mockup-circle circle-red"></div>
                                <div class="mockup-circle circle-yellow"></div>
                                <div class="mockup-circle circle-green"></div>
                                <div class="mx-auto small fw-bold text-muted">ChatApp Messenger</div>
                            </div>
                            <div class="mockup-body">
                                <div class="mockup-msg msg-received">Hey! Have you seen the new ChatApp interface? 🚀</div>
                                <div class="mockup-msg msg-sent">Yeah! It looks absolutely stunning and works so smooth! ✨</div>
                                <div class="mockup-msg msg-received">The real-time updates are crazy fast.</div>
                                <div class="mockup-msg msg-sent">Exactly! Let's get everyone on board.</div>
                            </div>
                            <div class="p-3 bg-light border-top d-flex gap-2">
                                <div class="bg-white rounded-pill flex-grow-1 border p-2 px-3 small text-muted">Type a message...</div>
                                <div class="btn btn-primary rounded-circle" style="width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem;">
                                    <i class="fas fa-paper-plane"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="py-5" id="features">
        <div class="container py-5">
            <div class="text-center mb-5" data-aos="fade-up">
                <h6 class="text-primary fw-bold text-uppercase ls-1">Powerful Features</h6>
                <h2 class="display-5 fw-bold mb-4">Everything you need to stay connected</h2>
                <div class="mx-auto" style="width: 80px; height: 5px; background: var(--primary-gradient); border-radius: 10px;"></div>
            </div>
            <div class="row g-4 mt-2">
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-bolt"></i>
                        </div>
                        <h4>Lightning Fast</h4>
                        <p class="text-muted">Built with cutting-edge technology to ensure your messages reach instantly, without any lag or delay.</p>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="feature-card">
                        <div class="feature-icon" style="color: #0ea5e9; background: rgba(14, 165, 233, 0.1);">
                            <i class="fas fa-shield-halved"></i>
                        </div>
                        <h4>Secure & Private</h4>
                        <p class="text-muted">Your privacy is our priority. We use industry-standard encryption to keep your conversations safe and sound.</p>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                    <div class="feature-card">
                        <div class="feature-icon" style="color: #10b981; background: rgba(16, 185, 129, 0.1);">
                            <i class="fas fa-users-gear"></i>
                        </div>
                        <h4>Smart Groups</h4>
                        <p class="text-muted">Create communities, share media, and manage friend requests easily with our intuitive control system.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="stats-section text-center">
        <div class="container">
            <div class="row g-4">
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <h3>10M+</h3>
                        <p class="mb-0 opacity-75">Messages Sent</p>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <h3>5K+</h3>
                        <p class="mb-0 opacity-75">Daily Users</p>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <h3>99.9%</h3>
                        <p class="mb-0 opacity-75">Uptime</p>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <h3>4.9/5</h3>
                        <p class="mb-0 opacity-75">User Rating</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="cta-section text-center" data-aos="zoom-in">
        <div class="container position-relative" style="z-index: 2;">
            <h2 class="display-4 fw-bold mb-4">Ready to start chatting?</h2>
            <p class="lead mb-5 opacity-75">Join thousands of users who are already experiencing the future of communication.</p>
            <a href="signup.php" class="btn btn-premium btn-premium-primary shadow-lg">
                Create Free Account <i class="fas fa-rocket ms-2"></i>
            </a>
        </div>
    </section>

<footer>
        <div class="container text-center">
            <div class="mb-4">
                <a class="navbar-brand fs-3" href="#">
                    <i class="fas fa-bolt-lightning me-2"></i>CHATAPP
                </a>
            </div>
            <div class="d-flex justify-content-center gap-4 mb-5">
                <a href="#" class="footer-link">About</a>
                <a href="#" class="footer-link">Privacy</a>
                <a href="#" class="footer-link">Terms</a>
                <a href="#" class="footer-link">Support</a>
            </div>
            <div class="d-flex justify-content-center gap-3 mb-4">
                <a href="#" class="btn btn-light rounded-circle" style="width: 40px; height: 40px;"><i class="fab fa-twitter"></i></a>
                <a href="#" class="btn btn-light rounded-circle" style="width: 40px; height: 40px;"><i class="fab fa-facebook"></i></a>
                <a href="#" class="btn btn-light rounded-circle" style="width: 40px; height: 40px;"><i class="fab fa-instagram"></i></a>
                <a href="#" class="btn btn-light rounded-circle" style="width: 40px; height: 40px;"><i class="fab fa-github"></i></a>
            </div>
            <hr class="opacity-10 my-4">
            <p class="text-muted small">© 2024 ChatApp Inc. Designed with ❤️ for a better web.</p>
        </div>
    </footer>

// Theme Toggle Logic
        const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
        const currentTheme = localStorage.getItem('theme');

if (currentTheme) {
            document.documentElement.setAttribute('data-theme', currentTheme);
            if (currentTheme === 'dark') {
                toggleSwitch.checked = true;
            }
        }

toggleSwitch.addEventListener('change', switchTheme, false);

// Navbar Scroll Effect
        window.addEventListener('scroll', function() {
            const nav = document.getElementById('mainNav');
            if (window.scrollY > 50) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }
        });

// Register Service Worker for PWA with versioning to force update
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                // First unregister any old ones just in case
                navigator.serviceWorker.getRegistrations().then(registrations => {
                    for(let registration of registrations) {
                        // If it's the old version, unregister it
                        registration.unregister();
                    }
                    // Register the new version with a cache-buster query
                    navigator.serviceWorker.register('sw.js?v=10')
                        .then(reg => console.log('Final SW v10 Registered'))
                        .catch(err => console.log('Service Worker Failed', err));
                });
            });
        }
    </script>
</body>
</html>