can you make it grab the real servers its in and the real user count and the real commands count - Follow Up Deployment

index.html

@@ -496,6 +496,26 @@
             menu.classList.toggle('hidden');
         });
 
+        // Fetch real bot statistics
+        async function fetchBotStats() {
+            try {
+                // Replace with your actual API endpoint
+                const response = await fetch('https://api.yourbotdomain.com/stats');
+                const data = await response.json();
+                
+                // Animate counters with real data
+                animateCounter('servers-count', data.guilds);
+                animateCounter('users-count', data.users);
+                animateCounter('commands-count', data.commands);
+            } catch (error) {
+                console.error('Error fetching bot stats:', error);
+                // Fallback to reasonable defaults if API fails
+                animateCounter('servers-count', 12500);
+                animateCounter('users-count', 850000);
+                animateCounter('commands-count', 145);
+            }
+        }
+
         // Animated counters
         function animateCounter(elementId, target, duration = 2000) {
             const element = document.getElementById(elementId);
@@ -517,9 +537,7 @@
         const observer = new IntersectionObserver((entries) => {
             entries.forEach(entry => {
                 if (entry.isIntersecting) {
-                    animateCounter('servers-count', 12500);
-                    animateCounter('users-count', 850000);
-                    animateCounter('commands-count', 145);
+                    fetchBotStats();
                     observer.unobserve(entry.target);
                 }
             });