<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Quantum Nigga Token - $QUANTUMNGA</title>
  <link rel="stylesheet" href="niggahome.css">
  <link rel="stylesheet" href="overview.css">
</head>
<body>
  <div id="home" class="Section">
    <img class="BackgroundImage" src="imgs/nigga_1920x1080.webp" alt="background">
    <div class="LeftSide">
      <div class="MainLabelBox">
        <div class="MainLabel">Quantum Nigga Token</div>
        <div class="TokenTag">$QUANTUMNGA</div>
      </div>
      
      <div class="ContentBox">
        <nav class="NavigationBar">
          <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#overview">Overview</a></li>
            <li><a href="#" id="buyLink">Buy</a></li>
          </ul>
          <div class="IconContainer">
            <a href="https://t.me/quantumniggatoken" target="_blank" rel="noopener noreferrer">
              <svg class="TelegramIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"/></svg>
            </a>
            <a href="https://x.com/QuantumNigga_" target="_blank" rel="noopener noreferrer">
              <svg class="TwitterIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg>
            </a>
          </div>
        </nav>

        <div class="LaunchInfo">
          <div class="LaunchDateTime">
            <h2>Launch Time in Your Timezone:</h2>
            <p class="ConvertedTime" id="convertedTime"></p>
          </div>

          <div class="CountdownTimer">
            <div class="CountdownUnit">
              <div class="CountdownNumber" id="days">00</div>
              <div class="CountdownLabel">Days</div>
            </div>
            <div class="CountdownUnit">
              <div class="CountdownNumber" id="hours">00</div>
              <div class="CountdownLabel">Hours</div>
            </div>
            <div class="CountdownUnit">
              <div class="CountdownNumber" id="minutes">00</div>
              <div class="CountdownLabel">Minutes</div>
            </div>
            <div class="CountdownUnit">
              <div class="CountdownNumber" id="seconds">00</div>
              <div class="CountdownLabel">Seconds</div>
            </div>
          </div>
        </div>

        <div class="TradingPlatforms">
          <h3>Trading Platforms</h3>
          <div class="PlatformRow">
            <div class="Platform">
              <img src="imgs/pumpfun.png" alt="Pump.fun">
              <span>Wait for Launch</span>
            </div>
            <div class="Platform">
              <img src="imgs/raydium.png" alt="Raydium">
              <span>Coming Soon</span>
            </div>
          </div>
        </div>
      </div>

      <div class="ActionBoxContainer">
        <div class="InfoText">
          <h2>Buy Quantum Nigga</h2>
          <p>This is the future.</p>
        </div>
        
        <div class="BuyButton Disabled">
          <span class="SoonTag">Soon</span>
          <span class="BuyText">Buy</span>
          <div class="IconTextGroup">
            <img class="TokenIcon" src="imgs/qnigga.png" alt="QNIGGA" style="height: 24px; width: auto;">
            <span>$QNIGGA on Pump Fun</span>
          </div>
        </div>

        <div class="PriceInfo">
          <span>Price: Not Tracked Yet, Quantum Nigga initializing...</span>
        </div>
      </div>
    </div>
  </div>

  <div id="overview" class="Section">
    <div class="TechnologySection">
      <div class="TechGrid">
        <div class="TechBox">
          <div class="TechHeader">
            <span class="StatusIndicator"></span>
            Quantum Fentreactor™ 3.0
          </div>
          <div class="TechDescription">
            On BD this reactor stay turnt with that quantum sauce. 
            Real street certified, no fugazi. Got the whole blockchain 
            hot like O'Block summer, 35 000% more heat than them goofy tokens.
          </div>
          <div class="TechStatus">
            STATUS: <span class="StatusValue">Armed</span>
            <br>
            ENERGY: <span class="StatusValue">Powered by Fentanyl</span>
          </div>
          <div class="TechMetrics">
            <div class="Metric">
              <div class="MetricValue">99.9%</div>
              <div class="MetricLabel">UPTIME</div>
            </div>
            <div class="Metric">
              <div class="MetricValue">3.9x</div>
              <div class="MetricLabel">FENT EFFICIENCY</div>
            </div>
          </div>
        </div>
  
        <div class="TechBox">
          <div class="TechHeader">
            <span class="StatusIndicator"></span>
            Broke Nigga Detection System™
          </div>
          <div class="TechDescription">
            On folks nem grave, this system steady peepin them wallets no cap. 
            If you ain't got that bread up, you getting caught lackin, 
            straight out the trap.
          </div>
          <div class="TechStatus">
            STATUS: <span class="StatusValue">Armed</span>
            <br>
            DETECTION: <span class="StatusValue">Ultra Fast</span>
          </div>
          <div class="TechMetrics">
            <div class="Metric">
              <div class="MetricValue">100%</div>
              <div class="MetricLabel">FAKENESS DETECTOR</div>
            </div>
            <div class="Metric">
              <div class="MetricValue">0%</div>
              <div class="MetricLabel">CAP RATE</div>
            </div>
          </div>
        </div>
  
        <div class="TechBox">
          <div class="TechHeader">
            <span class="StatusIndicator"></span>
            YN Scanner Radar™
          </div>
          <div class="TechDescription">
            On King Von, this scanner ain't never been cap. 
            Spotting real ones from the trenches worldwide with that 
            AI vision, stayed locked in like O'Block.
          </div>
          <div class="TechStatus">
            STATUS: <span class="StatusValue">Armed</span>
            <br>
            RANGE: <span class="StatusValue">Worldwide + O'Block</span>
          </div>
          <div class="TechMetrics">
            <div class="Metric">
              <div class="MetricValue">24/7</div>
              <div class="MetricLabel">STAY WOKE</div>
            </div>
            <div class="Metric">
              <div class="MetricValue">∞</div>
              <div class="MetricLabel">VISION RANGE</div>
            </div>
          </div>
        </div>
  
        <div class="TechBox">
          <div class="TechHeader">
            <span class="StatusIndicator"></span>
            Anti-Opp Protection™
          </div>
          <div class="TechDescription">
            Real fams only, absolutely no opps allowed. 
            System stay on point like Von, catching them shorts 
            before they can even think bout that making that move.
          </div>
          <div class="TechStatus">
            STATUS: <span class="StatusValue">Armed & Dangerous</span>
            <br>
            THREAT: <span class="StatusValue">No Threat For Now</span>
          </div>
          <div class="TechMetrics">
            <div class="Metric">
              <div class="MetricValue">0</div>
              <div class="MetricLabel">OPP SUCCESS</div>
            </div>
            <div class="Metric">
              <div class="MetricValue">100%</div>
              <div class="MetricLabel">OPP ELIMINATION</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="script.js"></script>
</body>
</html>