<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title>Telegram Lionfistar Airdrop</title>
  <link rel="stylesheet" href="style.css">
  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
</head>
<body>
   
<div id="airdropInfoPage" class="active">
    <div class="image-slider" id="infoImageSlider">
      <img src="https://i.postimg.cc/hPtZbPPw/Remove-bg-ai-1734610775171.png" alt="Image 1" class="active">
      <img src="https://i.postimg.cc/gjJj467r/Remove-bg-ai-1734610121008.png" alt="Image 2">
      <img src="https://lionfi.freewebhostmost.com/images/image3.jpg" alt="Image 3">
    </div>
    <div class="slide-indicators" id="slideIndicators">
      <div class="active"></div>
      <div></div>
      <div></div>
    </div>
    <div class="content-container">
      <h1>Hey Telegram User.</h1>
      <p>You've been in Telegram for a while. It's time to start this journey and get the rewards.</p>
      <button onclick="startVerification()">Continue Airdrop</button>
    </div>
  </div>

  <div id="verificationPage" class="verificationPage">
    
    <h1><strong>Checking your account</strong></h1>
  <div class="box">  <p class="text"> Account Age</p>
  <span>âœ¨</span>
  </div>
    <div class="progress-bar">
      <div id="accountAge" class="progress-bar-inner"></div>
    </div>
    <div class="box">  <p class="text"> Activity Level</p>
  <span>âœ¨</span>
  </div>
    <div class="progress-bar">
      <div id="activityLevel" class="progress-bar-inner"></div>
    </div>
 
 <div class="box">  <p class="text"> Telegram Premium</p>
  <span>âœ¨</span>
  </div>
 
    <div class="progress-bar">
      <div id="telegramPremium" class="progress-bar-inner"></div>
    </div>
    <div class="box">  <p class="text"> OG Status</p>
  <span>âœ¨</span>
  </div>
    <div class="progress-bar">
      <div id="ogStatus" class="progress-bar-inner"></div>
    </div>
    <button id="continueButton" style="display:none;" onclick="showRewardPage()">Continue</button>
  </div>

  <div id="rewardPage">
    
   <div class="titdes"> <div style="text-align: left; font-size: 32px; font-weight: bold; margin-bottom: 5px;">Hey, <span style="color: #ccc;">Dear User </span>Awesome!</div>
    <span style="text-align: left; color: #949bb1;">Here is your $lionfi reward. Bigget Airdrop in the world then Hamster Kombat. Join us for big airdrop reward.</span>
    </div>
  <div style="margin-top:20px; font-weight:bold;">Your Reward ðŸŽ‰</div><div id="rewardAmount" class="reward-amount">5000 $lionfi</div>
    <p id="date"> Timezone </p>
    <p id="dateTime"> Timezone </p>

<div class="footprintimgg">
   <img src="https://i.postimg.cc/qvFQ4srX/20241219-165906.png" id="footprintimg" alt=""></img>
 
 </div>
    <button class="lionficlaimbtn" onclick="claimReward()">Star Airdrop $Lionfi</button>
      </div>

  <div id="loadingPage">
    <h1>Loading...</h1>
  </div>
  <div class="toast" id="toast"></div>
<script src="java.js"></script>
<script src="tg.js"></script>
</body>
</html>
