diff --git a/Veltron-MC/index.html b/Veltron-MC/index.html
index a71c607..528d496 100644
--- a/Veltron-MC/index.html
+++ b/Veltron-MC/index.html
@@ -4,37 +4,86 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Veltron-MC</title>
-    <!-- The style.css file allows you to change the look of your web pages.
-         If you include the next line in all your web pages, they will all share the same look.
-         This makes it easier to make new pages for your site. -->
+
     <link rel="icon" type="image/x-icon" href="https://www.veltron.net/images/Veltron-MC/server-icon.png">
     <link href="https:///www.veltron.net/css/Veltron-MC.css" rel="stylesheet" type="text/css" media="all">
+
+    <!-- POPUP STYLE -->
+    <style>
+      .popup-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0,0,0,0.6);
+        display: none;
+        justify-content: center;
+        align-items: center;
+        z-index: 99999;
+      }
+
+      .popup-box {
+        background: white;
+        padding: 30px;
+        border-radius: 12px;
+        text-align: center;
+        width: 320px;
+        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+        font-family: Arial, sans-serif;
+      }
+
+      .popup-box h1 {
+        margin-bottom: 10px;
+      }
+
+      .popup-box button {
+        margin: 10px 5px 0 5px;
+        padding: 10px 15px;
+        border: none;
+        cursor: pointer;
+        border-radius: 6px;
+        background: #2d6cdf;
+        color: white;
+        font-weight: bold;
+      }
+
+      .popup-box button:hover {
+        background: #1f4fb3;
+      }
+    </style>
   </head>
+
   <body style="background-color:white">
-    
-    <div id=sitecanvas>
-    
-      <div id=siteheader>
+
+    <div id="sitecanvas">
+
+      <div id="siteheader">
         <img src="https://www.veltron.net/images/Veltron-MC/1/veltron_mc.png" width="1020" height="235" alt="Veltron-MC">
       </div>
-      
-      <div id=sitemenu>
-        <nav class=nav>
-            <a href=https://play.veltron.net>🏠︎</a>
-            <a href=#about>Introduction</a>
-            <a href=# style="justify-content: flex-end;"><img src="https://www.veltron.net/images/Veltron-MC/1/Joinbutton.png" alt="Join Button" class=joinbutton></a>
-            <a href=https://fluxer.go.veltron.net>Fluxer Chat</a>
-            <a href=https://www.veltron.net>VELTRON</a>
+
+      <div id="sitemenu">
+        <nav class="nav">
+          <a href="https://play.veltron.net">🏠︎</a>
+          <a href="#about">Introduction</a>
+
+          <!-- JOIN BUTTON -->
+          <a href="#" id="joinBtn" style="justify-content: flex-end;">
+            <img src="https://www.veltron.net/images/Veltron-MC/1/Joinbutton.png" alt="Join Button" class="joinbutton">
+          </a>
+
+          <a href="https://fluxer.go.veltron.net">Fluxer Chat</a>
+          <a href="https://www.veltron.net">VELTRON</a>
         </nav>
       </div>
-      
+
       <div id=pagecontent>
 <div class="welcomeFlex" id="about">
           <div>
             <h1>Welcome to Veltron-MC!</h1>
-      
+
             <p>Veltron-MC is a vanilla survival multiplayer (SMP) server designed for modern versions of Minecraft. Currently on an offseason break, the server focuses on refreshing the core survival experience with added challenges and rewarding gameplay. Players can explore a world filled with custom features, unique encounters, and engaging events, all while enjoying a classic SMP environment.</p>
-            
+
             <b style="Font-family:verdana">Join us today!</b>
           </div>
           <img src="http://www.veltron.net/images/Veltron-MC/2024-07-31_13.16.16.png">
@@ -47,9 +96,9 @@
         <div class=mainFlex>
           <div>
             <h2>What Makes Us Different?</h2>
-            
+
             <p>Experience Ironland in it's fullest the Ironland way today! Ironland is a rich and vibrant country waiting to be explored!</p>
-            
+
             <div class=mainFlex2 style="padding: 0px 20px 20px 0px;">
               <div>
                 <h3>New Custom Content!</h3>
@@ -85,10 +134,52 @@
 
       </div>
 
-    </div> 
-    
+    </div>
+
 <p style="color:white; text-align:center;">
   2014-<script>document.write(new Date().getFullYear());</script> © Veltron Network  </a>
 </p>
 </body>
+</html>
+    <!-- POPUP -->
+    <div id="serverPopup" class="popup-overlay">
+      <div class="popup-box">
+        <h1>Server Details</h1>
+        <p><b>Cross-platform Supported</b></p>
+        <p>Bedrock: Latest Version Supported</p>
+        <p>Java: 1.8 – 1.21.x Compatible</p>
+
+        <button onclick="copyIP()">Copy IP</button>
+        <button onclick="closePopup()">Close</button>
+      </div>
+    </div>
+
+    <!-- JS (WORKING RELIABLE VERSION) -->
+    <script>
+      const popup = document.getElementById("serverPopup");
+      const joinBtn = document.getElementById("joinBtn");
+
+      joinBtn.addEventListener("click", function (e) {
+        e.preventDefault();
+        popup.style.display = "flex";
+      });
+
+      function closePopup() {
+        popup.style.display = "none";
+      }
+
+      function copyIP() {
+        navigator.clipboard.writeText("play.veltron.net");
+        alert("Copied: play.veltron.net");
+      }
+
+      // click outside to close (nice upgrade)
+      popup.addEventListener("click", function (e) {
+        if (e.target === popup) {
+          closePopup();
+        }
+      });
+    </script>
+
+  </body>
 </html>
