<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <title>Lugx Gaming - Product Detail</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
    <link rel="stylesheet" href="assets/css/owl.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
<!--

TemplateMo 589 lugx gaming

https://templatemo.com/tm-589-lugx-gaming

-->
  </head>

<body>

  <!-- ***** Preloader Start ***** -->
  <div id="js-preloader" class="js-preloader">
    <div class="preloader-inner">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!-- ***** Preloader End ***** -->

  <!-- ***** Header Area Start ***** -->
  <header class="header-area header-sticky">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="main-nav">
                    <!-- ***** Logo Start ***** -->
                    <a href="index.html" class="logo">
                        <img src="assets/images/logo.png" alt="" style="width: 158px;">
                    </a>
                    <!-- ***** Logo End ***** -->
                    <!-- ***** Menu Start ***** -->
                    <ul class="nav">
                  </ul>   
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                    <!-- ***** Menu End ***** -->
                </nav>
            </div>
        </div>
    </div>
  </header>
  <!-- ***** Header Area End ***** -->

  <div class="page-heading header-text">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <h3>DETAIL PRODUK</h3>
          <span class="breadcrumb"></span>
        </div>
      </div>
    </div>
  </div>

<div class="single-product section">
  <div class="container">
    <div class="row">
      <div class="col-lg-6">
        <div class="left-image">
          <img src="assets/images/sl.jpg" alt="">
        </div>
      </div>
      <div class="col-lg-6 align-self-center">
        <h4>˚<i class="fa-solid fa-star"></i> Starlight Januari</h4>
        <p>Nama Hero : Zhuxin</p>
        <p>Nama Skin : Emberwisp Mystic.</p>
        <h4>˚✎ Noted</h4>
        <p>• Starlight dikirim via gift</p>
        <p>• Starlight akan dikirim melalui gift setelah berteman selama 8 hari</p>
        <h4>˚<i class="fa-solid fa-gear"></i> Sistem</h4>
        <p>
          <i class="fa-solid fa-money-bill-1-wave"></i> Pay >
          <i class="fa-solid fa-paper-plane"></i> Send Id >
          <i class="fa-solid fa-user-plus"></i> Berteman Selama 8 Hari >
          <i class="fa-solid fa-gift"></i> Gift Starlight >
          <i class="fa-solid fa-check"></i> Done
        </p>
        <div class="button-group">
          <button onclick="redirectToWhatsApp()" class="btn btn-wa">Order via WhatsApp</button>
          <button onclick="redirectToTelegram()" class="btn btn-telegram">Order via Telegram</button>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  function redirectToWhatsApp() {
    window.location.href = "https://wa.me/62857777"; // Tautan WhatsApp
  }

  function redirectToTelegram() {
    window.location.href = "https://t.me/username"; // Ganti "username" dengan username Telegram Anda
  }
</script>

  <footer>
    <div class="container">
      <div class="col-lg-12">
        <p>Copyright © 2048 LUGX Gaming Company</p>
      </div>
    </div>
  </footer>

  <!-- Scripts -->
  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/js/isotope.min.js"></script>
  <script src="assets/js/owl-carousel.js"></script>
  <script src="assets/js/counter.js"></script>
  <script src="assets/js/custom.js"></script>

  </body>
</html>