| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>DashX - API Services</title> |
| | <link rel="icon" type="image/webp" href="/icon.webp"> |
| | <meta name="description" content="DashX API provides developers with a powerful and easy-to-use platform to manage, monitor, and integrate multiple REST APIs. Get started with a modern interface, advanced analytics, and seamless API management all in one place."> |
| |
|
| | <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> |
| | <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet"> |
| | <link href="styles.css" rel="stylesheet"> |
| | <style> |
| | .navbar { |
| | background: rgba(44, 62, 80, 0.95) !important; |
| | backdrop-filter: blur(10px); |
| | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| | box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); |
| | } |
| | |
| | .navbar-brand { |
| | font-size: 1.5rem; |
| | font-weight: 700; |
| | color: #fff !important; |
| | text-decoration: none; |
| | } |
| | |
| | .navbar-brand i { |
| | color: #e74c3c; |
| | font-size: 1.8rem; |
| | margin-right: 0.5rem; |
| | } |
| | |
| | .nav-link { |
| | color: #ecf0f1 !important; |
| | font-weight: 500; |
| | transition: all 0.3s ease; |
| | padding: 0.5rem 1rem !important; |
| | border-radius: 6px; |
| | margin: 0 0.25rem; |
| | } |
| | |
| | .nav-link:hover { |
| | background: rgba(255, 255, 255, 0.1); |
| | transform: translateY(-1px); |
| | } |
| | |
| | .nav-link.text-danger { |
| | color: #e74c3c !important; |
| | } |
| | |
| | .nav-link.text-danger:hover { |
| | background: rgba(231, 76, 60, 0.1); |
| | color: #ff6b6b !important; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <nav class="navbar navbar-expand-lg navbar-dark"> |
| | <div class="container"> |
| | <a class="navbar-brand" href="/"> |
| | <i class="fas fa-bolt"></i> DashX |
| | </a> |
| | <button class="navbar-toggler" 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"> |
| | <li class="nav-item"> |
| | <a class="nav-link" href="/dashboard">Dashboard</a> |
| | </li> |
| | <li class="nav-item"> |
| | <a class="nav-link" href="/auth">Register</a> |
| | </li> |
| | </ul> |
| | </div> |
| | </div> |
| | </nav> |
| |
|
| | <header class="hero"> |
| | <div class="hero-content"> |
| | <h1 class="hero-title">Welcome to DashX</h1> |
| | <p class="hero-subtitle">Powerful API services for developers</p> |
| | <div class="hero-buttons"> |
| | <a href="/auth" class="btn btn-primary">Get Started</a> |
| | <a href="#features" class="btn btn-secondary">Learn More</a> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | <section id="features" class="features"> |
| | <div class="container"> |
| | <h2 class="section-title">Features</h2> |
| | <div class="features-grid"> |
| | <div class="feature-card"> |
| | <i class="fas fa-shield-alt feature-icon"></i> |
| | <h3>Cloudflare Bypass</h3> |
| | <p>Bypass Cloudflare Turnstile protection with multiple fallback APIs</p> |
| | </div> |
| | <div class="feature-card"> |
| | <i class="fas fa-qrcode feature-icon"></i> |
| | <h3>QR Generator</h3> |
| | <p>Generate QR codes for text, URLs, and more with custom sizes</p> |
| | </div> |
| | <div class="feature-card"> |
| | <i class="fas fa-tachometer-alt feature-icon"></i> |
| | <h3>Rate Limiting</h3> |
| | <p>Built-in rate limiting to prevent spam and ensure fair usage</p> |
| | </div> |
| | <div class="feature-card"> |
| | <i class="fas fa-key feature-icon"></i> |
| | <h3>API Key Management</h3> |
| | <p>Secure API key system with usage tracking and limits</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | <section class="stats"> |
| | <div class="container"> |
| | <div class="stats-grid"> |
| | <div class="stat-card"> |
| | <div class="stat-number" id="totalUsers">0</div> |
| | <div class="stat-label">Total Users</div> |
| | </div> |
| | <div class="stat-card"> |
| | <div class="stat-number" id="totalRequests">0</div> |
| | <div class="stat-label">API Requests</div> |
| | </div> |
| | <div class="stat-card"> |
| | <div class="stat-number" id="todayRequests">0</div> |
| | <div class="stat-label">Today's Requests</div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | <footer class="footer"> |
| | <div class="container"> |
| | <p>© 2025 DashX. All rights reserved.</p> |
| | </div> |
| | </footer> |
| |
|
| | <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script> |
| | <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script> |
| | <script src="index.js"></script> |
| | </body> |
| | </html> |
