index.html

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- Etiquetas básicas para motores de búsqueda -->
<!-- SEO Optimized -->
<title>AKIRA LYTHOS BOT - AI Trading Bot with GPT-4.5 and Tesla Technology</title>
<meta name="description" content="AKIRA LYTHOS BOT: Advanced automated trading platform with GPT-4.5 artificial intelligence and Tesla technology on the Optimism Web3 network. Compatible with MetaMask, Trust Wallet, and Binance for a seamless trading experience.">
<meta name="keywords" content="AI trading bot, GPT-4.5, Tesla technology, Optimism, Web3, smart contracts, algorithmic trading, automated trading, DeFi, crypto bots, MetaMask, Trust Wallet, Binance">

<!-- Search Engine Indexing -->
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="3 days">
<meta name="author" content="AKIRA LYTHOS BOT">

<!-- Open Graph (for social media) -->
<meta property="og:title" content="AKIRA LYTHOS BOT - AI Trading with GPT-4.5 and Tesla Technology">
<meta property="og:description" content="Discover the most advanced automated trading powered by GPT-4.5 AI and Tesla technology on the Optimism Web3 network. Compatible with MetaMask, Trust Wallet, and Binance for secure transactions.">
<meta property="og:image" content="https://akiradex.pro/logo.png">
<meta property="og:url" content="https://akiradex.pro/">
<meta property="og:type" content="website">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="AKIRA LYTHOS BOT - AI Trading with GPT-4.5">
<meta name="twitter:description" content="Automated trading bots with GPT-4.5 AI and Tesla technology on Optimism Web3. Compatible with MetaMask, Trust Wallet, and Binance.">
<meta name="twitter:image" content="https://akiradex.pro/logo.png">
<meta name="twitter:site" content="@akiradex">

  <title>Akira LYTHOS BOTS </title>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" type="image/x-icon" href="logo.png">
</head>

<body>
  <div class="container on">
    <div class="screen">
      <h3 class="title">CONEXIÓN ESTABLECIDA</h3>
      <div class="box--outer">
        <div class="box">
          <div class="box--inner">
            <div class="content">
              <div class="holder">
                <b>⚡ Bienvenido a AKIRA LYTHOS IA BOTS ⚡</b>
                <p>🛠️ <strong>Protocolo de acceso:</strong> Conéctate a la DApp utilizando la red <span style="color: red;">Optimism</span> 🌐🔴.</p>
                
                <p>🤖 <strong>Akira Lythos Bot:</strong> Adquiere hasta 7 Bots Con USDT y accede a ganancias diarias garantizadas.</p>
                <p>⚡ <strong>Retiros 24hs habilitados:</strong>Reclama tu profit diario las 24hs por red Optimism 🌐🔴</p>
                <p>🚀 <strong>Referidos:</strong>Invita amigos y recomienda Akira Lythos Bots y gana USDT todos los dias</p>
                
                <div class="row">
                  <div class="col col__left label">Clase</div>
                </div>
                
                <div class="row">
                  <button id="lythosBotBtn" class="tron-button" onclick="window.location.href='menu.html'">
                    Ir a Akira Lythos Bot
                  </button>
                </div>
                
                <br>
                <div class="subscription">
                  <h4>Akira Lythos Bot utiliza tecnologia Coinigy Kavout Santieo</h4>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="splash-container">
        <img src="logo.png" alt="Logo" id="splash-logo">
    </div>
</body>

</html>


  <script>
   // Datos de la red Optimism
    const optimismConfig = {
      chainId: '0xa', // ID de la red Optimism (decimal 10, hexadecimal 0xa)
      chainName: 'Optimism',
      nativeCurrency: {
        name: 'Ether',
        symbol: 'ETH',
        decimals: 18
      },
      rpcUrls: ['https://mainnet.optimism.io'], // RPC público de Optimism
      blockExplorerUrls: ['https://explorer.optimism.io']
    };
   

    // Función para cambiar a Optimism o agregar la red
    async function switchToOptimism() {
      try {
        // Solicitar cambio a la red Optimism
        await window.ethereum.request({
          method: 'wallet_switchEthereumChain',
          params: [{ chainId: optimismConfig.chainId }]
        });
        console.log("Conectado a Optimism");
      } catch (error) {
        if (error.code === 4902) {
          // Si la red no está configurada, agregarla
          try {
            await window.ethereum.request({
              method: 'wallet_addEthereumChain',
              params: [optimismConfig]
            });
            console.log("Red Optimism agregada y seleccionada.");
          } catch (addError) {
            console.error("Error al agregar la red Optimism:", addError);
          }
        } else {
          console.error("Error al cambiar a Optimism:", error);
        }
      }
    }
     document.getElementById('splash-container').addEventListener('animationend', () => {
            document.getElementById('splash-container').remove();
            document.body.style.overflow = 'auto'; // Restaura el scroll
        });

    // Conectar MetaMask y redirigir al dashboard
    async function connectToWeb3() {
      if (window.ethereum) {
        try {
          // Cambiar o agregar la red Optimism
          await switchToOptimism();

          // Solicitar acceso a cuentas
          const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
          const userAddress = accounts[0];
          console.log("Conexión exitosa. Dirección:", userAddress);

          // Guardar la dirección del usuario en localStorage para uso posterior
          localStorage.setItem("userAddress", userAddress);

          // Redirigir a la página del dashboard
          window.location.href = "menu.html";
        } catch (error) {
          console.error("Error al conectar con MetaMask:", error);
          alert("Error al conectar con MetaMask. Por favor, inténtalo nuevamente.");
        }
      } else {
        alert("No se detectó MetaMask. Por favor, instala MetaMask para continuar.");
      }
    }

    // Asignar la función al botón
    document.getElementById("web3connect").addEventListener("click", connectToWeb3);

    // Comprobar si ya hay una conexión activa (opcional)
    window.addEventListener("load", async () => {
      if (window.ethereum) {
        const accounts = await window.ethereum.request({ method: 'eth_accounts' });
        if (accounts.length > 0) {
          console.log("Usuario ya conectado. Dirección:", accounts[0]);
          localStorage.setItem("userAddress", accounts[0]);
        }
      }
    });
  </script>
</body>

</html>