Update public/index.html

public/index.html

@@ -48,8 +48,8 @@
             <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>
+                <a href="/auth" class="btn btn-primary btn-large"><i class="fas fa-rocket"></i> Start Free</a>
+                <a href="#features" class="btn btn-secondary btn-large"><i class="fas fa-info-circle"></i> Explore Features</a>
             </div>
             <div class="hero-features">
                 <div class="hero-feature-item">
@@ -72,37 +72,49 @@
             
             <div class="features-grid">
                 <div class="feature-card">
-                    <i class="fas fa-rocket feature-icon"></i>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-rocket feature-icon"></i>
+                    </div>
                     <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>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-shield-halved feature-icon"></i>
+                    </div>
                     <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>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-gauge-high feature-icon"></i>
+                    </div>
                     <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>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-key feature-icon"></i>
+                    </div>
                     <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>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-chart-line feature-icon"></i>
+                    </div>
                     <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>
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-code feature-icon"></i>
+                    </div>
                     <h3>Developer-Friendly</h3>
                     <p>Clean documentation, simple integration, and excellent support. Start building in minutes with our intuitive API design.</p>
                 </div>
@@ -170,8 +182,8 @@
                 <h2>Ready to Get Started?</h2>
                 <p>Join DashX today and experience the power of fast, reliable API services. No credit card required.</p>
                 <div class="cta-buttons">
-                    <a href="/auth" class="btn btn-primary btn-lg"><i class="fas fa-rocket"></i> Start Building Now</a>
-                    <a href="/dashboard" class="btn btn-info btn-lg"><i class="fas fa-tachometer-alt"></i> View Dashboard</a>
+                    <a href="/auth" class="btn btn-primary btn-large"><i class="fas fa-rocket"></i> Start Building Now</a>
+                    <a href="/dashboard" class="btn btn-info btn-large"><i class="fas fa-tachometer-alt"></i> View Dashboard</a>
                 </div>
             </div>
         </div>
@@ -269,4 +281,4 @@
         });
     </script>
 </body>
-</html>
+</html>