DashX

Sleeping

App Files Files Community

HerzaJ commited on Nov 6, 2025

Commit

084c2de

verified ·

1 Parent(s): fcafed5

Update public/index.html

Browse files

Files changed (1) hide show

public/index.html +135 -71

public/index.html CHANGED Viewed

@@ -3,57 +3,12 @@
 <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">
@@ -67,10 +22,16 @@
             <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>
@@ -79,65 +40,168 @@
     <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>&copy; 2025 DashX. All rights reserved.</p>
         </div>
     </footer>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DashX - Fast & Reliable API Services</title>
+    <link rel="icon" type="image/webp" href="/icon.webp">
+    <meta name="description" content="DashX provides lightning-fast, reliable API services for developers. Experience powerful rate limiting, secure API key management, and exceptional performance.">
     <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">
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-dark">
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item">
+                        <a class="nav-link" href="#features"><i class="fas fa-star"></i> Features</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#stats"><i class="fas fa-chart-line"></i> Stats</a>
                     </li>
                     <li class="nav-item">
+                        <a class="nav-link" href="/dashboard"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-primary" href="/auth" style="padding: 0.5rem 1.5rem; border-radius: 25px;"><i class="fas fa-rocket"></i> Get Started</a>
                     </li>
                 </ul>
             </div>
     <header class="hero">
         <div class="hero-content">
+            <div style="display: inline-block; background: linear-gradient(135deg, rgba(255, 168, 168, 0.2), rgba(141, 150, 255, 0.2)); padding: 0.5rem 1.5rem; border-radius: 25px; margin-bottom: 1.5rem; border: 1px solid rgba(255, 168, 168, 0.3);">
+                <span style="font-weight: 600; color: var(--text-primary);"><i class="fas fa-bolt"></i> Lightning Fast API Platform</span>
+            </div>
+            <h1 class="hero-title">Build Faster with DashX</h1>
+            <p class="hero-subtitle">Powerful, reliable, and developer-friendly API services designed for modern applications</p>
             <div class="hero-buttons">
+                <a href="/auth" class="btn btn-primary"><i class="fas fa-rocket"></i> Start Free</a>
+                <a href="#features" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Explore Features</a>
+            </div>
+            <div style="margin-top: 3rem; display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; color: var(--text-secondary); font-size: 0.9rem;">
+                <div><i class="fas fa-check-circle" style="color: #8D96FF;"></i> No Credit Card Required</div>
+                <div><i class="fas fa-check-circle" style="color: #8D96FF;"></i> Free Tier Available</div>
+                <div><i class="fas fa-check-circle" style="color: #8D96FF;"></i> 24/7 Uptime</div>
             </div>
         </div>
     </header>
     <section id="features" class="features">
         <div class="container">
+            <h2 class="section-title">Why Choose DashX?</h2>
+            <p style="text-align: center; color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: -2rem auto 4rem;">Fast, secure, and scalable API infrastructure built for developers who demand excellence</p>
             <div class="features-grid">
                 <div class="feature-card">
+                    <i class="fas fa-rocket feature-icon"></i>
+                    <h3>Lightning Fast Performance</h3>
+                    <p>Experience blazing-fast response times with our optimized infrastructure. Built for speed and reliability to keep your applications running smoothly.</p>
                 </div>
                 <div class="feature-card">
+                    <i class="fas fa-shield-halved feature-icon"></i>
+                    <h3>Enterprise-Grade Security</h3>
+                    <p>Your data is protected with advanced encryption and secure API key management. Industry-leading security protocols keep your applications safe.</p>
                 </div>
                 <div class="feature-card">
+                    <i class="fas fa-gauge-high feature-icon"></i>
+                    <h3>Smart Rate Limiting</h3>
+                    <p>Intelligent rate limiting prevents abuse while ensuring fair usage. Customizable limits that scale with your application's needs.</p>
                 </div>
                 <div class="feature-card">
                     <i class="fas fa-key feature-icon"></i>
+                    <h3>Easy API Key Management</h3>
+                    <p>Generate, manage, and monitor your API keys effortlessly. Complete control with detailed usage tracking and analytics at your fingertips.</p>
+                </div>
+                <div class="feature-card">
+                    <i class="fas fa-chart-line feature-icon"></i>
+                    <h3>Real-Time Analytics</h3>
+                    <p>Track your API usage with comprehensive analytics and insights. Make data-driven decisions with detailed performance metrics.</p>
+                </div>
+                <div class="feature-card">
+                    <i class="fas fa-code feature-icon"></i>
+                    <h3>Developer-Friendly</h3>
+                    <p>Clean documentation, simple integration, and excellent support. Start building in minutes with our intuitive API design.</p>
                 </div>
             </div>
         </div>
     </section>
+    <section style="padding: 6rem 0; background: var(--glass-bg); backdrop-filter: blur(20px); border-top: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border);">
         <div class="container">
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; align-items: center;">
+                <div>
+                    <h2 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 1.5rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Built for Scale</h2>
+                    <p style="color: var(--text-secondary); font-size: 1.1rem; line-height: 1.8; margin-bottom: 1.5rem;">DashX is designed to handle millions of requests with ease. Our robust infrastructure ensures your applications stay online and responsive, no matter the load.</p>
+                    <ul style="list-style: none; padding: 0;">
+                        <li style="padding: 0.75rem 0; color: var(--text-primary); display: flex; align-items: center; gap: 1rem;">
+                            <i class="fas fa-check-circle" style="color: #8D96FF; font-size: 1.2rem;"></i>
+                            <span><strong>99.9% Uptime Guarantee</strong></span>
+                        </li>
+                        <li style="padding: 0.75rem 0; color: var(--text-primary); display: flex; align-items: center; gap: 1rem;">
+                            <i class="fas fa-check-circle" style="color: #8D96FF; font-size: 1.2rem;"></i>
+                            <span><strong>Auto-scaling Infrastructure</strong></span>
+                        </li>
+                        <li style="padding: 0.75rem 0; color: var(--text-primary); display: flex; align-items: center; gap: 1rem;">
+                            <i class="fas fa-check-circle" style="color: #8D96FF; font-size: 1.2rem;"></i>
+                            <span><strong>Global CDN Network</strong></span>
+                        </li>
+                        <li style="padding: 0.75rem 0; color: var(--text-primary); display: flex; align-items: center; gap: 1rem;">
+                            <i class="fas fa-check-circle" style="color: #8D96FF; font-size: 1.2rem;"></i>
+                            <span><strong>Real-time Monitoring</strong></span>
+                        </li>
+                    </ul>
+                </div>
+                <div style="text-align: center;">
+                    <i class="fas fa-server" style="font-size: 15rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.3;"></i>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section id="stats" class="stats">
+        <div class="container">
+            <h2 class="section-title">Trusted by Developers Worldwide</h2>
+            <p style="text-align: center; color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: -2rem auto 4rem;">Join thousands of developers building amazing applications with DashX</p>
             <div class="stats-grid">
                 <div class="stat-card">
                     <div class="stat-number" id="totalUsers">0</div>
+                    <div class="stat-label">Active Developers</div>
                 </div>
                 <div class="stat-card">
                     <div class="stat-number" id="totalRequests">0</div>
+                    <div class="stat-label">API Requests Served</div>
                 </div>
                 <div class="stat-card">
                     <div class="stat-number" id="todayRequests">0</div>
+                    <div class="stat-label">Requests Today</div>
                 </div>
             </div>
         </div>
     </section>
+    <section style="padding: 6rem 0; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(20px); border-top: 1px solid var(--glass-border);">
+        <div class="container" style="text-align: center;">
+            <h2 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 1.5rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Ready to Get Started?</h2>
+            <p style="color: var(--text-secondary); font-size: 1.2rem; max-width: 600px; margin: 0 auto 2.5rem;">Join DashX today and experience the power of fast, reliable API services. No credit card required.</p>
+            <div style="display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap;">
+                <a href="/auth" class="btn btn-primary" style="font-size: 1.1rem; padding: 1rem 2.5rem;"><i class="fas fa-rocket"></i> Start Building Now</a>
+                <a href="/dashboard" class="btn btn-info" style="font-size: 1.1rem; padding: 1rem 2.5rem;"><i class="fas fa-tachometer-alt"></i> View Dashboard</a>
+            </div>
+        </div>
+    </section>
     <footer class="footer">
         <div class="container">
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; text-align: left;">
+                <div>
+                    <h4 style="font-weight: 700; margin-bottom: 1rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;"><i class="fas fa-bolt"></i> DashX</h4>
+                    <p style="color: var(--text-secondary); font-size: 0.9rem;">Fast, reliable, and secure API services for modern developers.</p>
+                </div>
+                <div>
+                    <h5 style="font-weight: 600; margin-bottom: 1rem; color: var(--text-primary);">Product</h5>
+                    <ul style="list-style: none; padding: 0;">
+                        <li style="margin-bottom: 0.5rem;"><a href="#features" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">Features</a></li>
+                        <li style="margin-bottom: 0.5rem;"><a href="/dashboard" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">Dashboard</a></li>
+                        <li style="margin-bottom: 0.5rem;"><a href="/auth" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">Get Started</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h5 style="font-weight: 600; margin-bottom: 1rem; color: var(--text-primary);">Resources</h5>
+                    <ul style="list-style: none; padding: 0;">
+                        <li style="margin-bottom: 0.5rem;"><a href="#" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">Documentation</a></li>
+                        <li style="margin-bottom: 0.5rem;"><a href="#" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">API Reference</a></li>
+                        <li style="margin-bottom: 0.5rem;"><a href="#" style="color: var(--text-secondary); text-decoration: none; transition: color 0.3s;">Support</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h5 style="font-weight: 600; margin-bottom: 1rem; color: var(--text-primary);">Connect</h5>
+                    <div style="display: flex; gap: 1rem;">
+                        <a href="#" style="color: var(--text-secondary); font-size: 1.5rem; transition: color 0.3s;"><i class="fab fa-github"></i></a>
+                        <a href="#" style="color: var(--text-secondary); font-size: 1.5rem; transition: color 0.3s;"><i class="fab fa-discord"></i></a>
+                        <a href="#" style="color: var(--text-secondary); font-size: 1.5rem; transition: color 0.3s;"><i class="fab fa-twitter"></i></a>
+                    </div>
+                </div>
+            </div>
+            <div style="border-top: 1px solid var(--glass-border); padding-top: 2rem; text-align: center;">
+                <p>&copy; 2025 DashX. All rights reserved. Built with <i class="fas fa-heart" style="color: #FFA8A8;"></i> for developers</p>
+            </div>
         </div>
     </footer>