undefined - Follow Up Deployment

index.html

@@ -7,6 +7,16 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
+        ::selection {
+  background: #327aaf; /* fallback solid color */
+  color: white;
+}
+body {
+  cursor: url('Assets/cursor.png') 16 16, auto;
+    a:hover, button:hover {
+  cursor: url('Assets/cursor2.png') 0 0, auto;
+}
+}
         .video-background {
             position: relative;
             width: 100%;
@@ -101,7 +111,7 @@
     <!-- Hero Section with Video Background -->
     <section class="video-background">
         <video autoplay muted loop>
-            <source src="https://assets.mixkit.co/videos/preview/mixkit-city-traffic-at-night-1080-large.mp4" type="video/mp4">
+            <source src="Assets/AboutUs.mp4" type="video/mp4">
             Your browser does not support the video tag.
         </video>
         <div class="video-overlay"></div>
@@ -121,22 +131,22 @@
                         <i class="fas fa-user-plus mr-2"></i> Apply Now
                     </a>
                     <a href="#" class="px-8 py-3 bg-transparent border-2 border-blue-500 hover:bg-blue-900 hover:bg-opacity-30 rounded-full font-semibold transition duration-300 transform hover:scale-105">
-                        <i class="fas fa-book-open mr-2"></i> Read Rules
+                        <i class="fas fa-book-open mr-2"></i> Requirements
                     </a>
                 </div>
                 
                 <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-8">
                     <div class="counter-item bg-gray-900 bg-opacity-70 p-4 rounded-lg">
                         <div class="text-3xl font-bold text-[#23d7d6]" id="playerCount">0</div>
-                        <div class="text-gray-400">Players Online</div>
+                        <div class="text-gray-400">Arrests</div>
                     </div>
                     <div class="counter-item bg-gray-900 bg-opacity-70 p-4 rounded-lg">
-                        <div class="text-3xl font-bold text-blue-400">50+</div>
-                        <div class="text-gray-400">Active Members</div>
+                        <div class="text-3xl font-bold text-blue-400">5000+</div>
+                        <div class="text-gray-400">Citations</div>
                     </div>
                     <div class="counter-item bg-gray-900 bg-opacity-70 p-4 rounded-lg">
-                        <div class="text-3xl font-bold text-blue-400">24/7</div>
-                        <div class="text-gray-400">Server Uptime</div>
+                        <div class="text-3xl font-bold text-blue-400">2 Years</div>
+                        <div class="text-gray-400">Of Service</div>
                     </div>
                     <div class="counter-item bg-gray-900 bg-opacity-70 p-4 rounded-lg">
                         <div class="text-3xl font-bold text-blue-400">100%</div>
@@ -151,7 +161,7 @@
     <section class="py-20 bg-gradient-to-b from-gray-900 to-black">
         <div class="container mx-auto px-4">
             <div class="text-center mb-16">
-                <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-[#23d7d6] via-[#327aaf] to-[#43067c] bg-clip-text text-transparent">About Atlantic Shores</h2>
+<h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent">Our Community</h2>
                 <p class="max-w-4xl mx-auto text-gray-400">Discover our story and what makes our community special</p>
             </div>
             
@@ -180,10 +190,7 @@
                         </li>
                     </ul>
                 </div>
-                
-                <div class="bg-gray-800 rounded-xl overflow-hidden">
-                    <img src="https://via.placeholder.com/800x500/1e293b/ffffff?text=Community+Spotlight" alt="Atlantic Shores Community" class="w-full h-auto">
-                </div>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/o8SovrWRHYQ?si=mfDSI_iCPkuDqmk_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
             </div>
         </div>
     </section>
@@ -304,15 +311,13 @@
                             <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
                             <span class="text-gray-300">Server Status: <span class="text-green-400">Online</span></span>
                         </div>
-                        <div class="text-gray-400 mb-2">Players: <span class="text-white" id="footerPlayerCount">0</span>/128</div>
                         <div class="text-gray-400">Website: <a href="https://asrp.us" class="text-[#23d7d6] hover:underline">asrp.us</a></div>
-                        <div class="text-gray-400">IP: connect.atlanticshoresrp.com</div>
                     </div>
                 </div>
             </div>
             
             <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
-                <p>&copy; 2023 Atlantic Shores Roleplay. All rights reserved.</p>
+                <p>&copy; 2023 Atlantic Shores Roleplay. All rights reserved. | Developed By RedneckRyan</p>
             </div>
         </div>
     </footer>
@@ -339,7 +344,7 @@
         // Start counters when page loads
         window.addEventListener('load', () => {
             // Simulate 87 players online
-            animateCounter('playerCount', 87);
+            animateCounter('playerCount', 3752);
         });
         
         // Mobile menu toggle (would need actual implementation)