Pastein: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>AI Assistants</title> <link rel="

Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>AI Assistants</title>
<link rel="apple-touch-icon" href="https://flaticon.com">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="AI Apps">
<style>
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;padding:60px 20px;background:#0b0d17;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#ffffff}
.title{text-align:center;font-size:16px;font-weight:700;letter-spacing:6px;color:#00ffcc;text-shadow:0 0 12px rgba(0,255,204,0.3);margin-bottom:26px;text-transform:uppercase}
.card{background:rgba(20,24,41,.65);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.06);border-radius:32px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.item{display:flex;align-items:center;text-decoration:none;color:#ffffff;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background 0.2s ease}
.item:last-child{border-bottom:none}
.item:active{background:rgba(255,255,255,.05)}
.icon{width:46px;height:46px;border-radius:14px;margin-right:16px;flex-shrink:0;background:#1a1f36;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
.name{font-size:18px;font-weight:500;letter-spacing:-0.2px}
.arrow{margin-left:auto;font-size:22px;color:#4e5773;font-weight:300;padding-left:8px}
.footer{margin-top:26px;text-align:center;font-size:12px;color:#4e5773;letter-spacing:1px}
</style>
</head>
<body>

<div class="title">AI Hub Launcher</div>
<div class="card" id="list">
  <div style="padding:30px;text-align:center;color:#4e5773">Инициализация нейросетей...</div>
</div>
<div class="footer">iOS AI Quantum Launcher</div>

<script>
// Список ИИ-приложений с официальными ID App Store и базовыми схемами
const apps = [
  { id: "6448311069", name: "ChatGPT", scheme: "chatgpt://" },
  { id: "6477120684", name: "Google Gemini", scheme: "googleapp://" },
  { id: "6475403990", name: "Claude (Anthropic)", scheme: "claude://" },
  { id: "6453117818", name: "Microsoft Copilot", scheme: "ms-copilot://" },
  { id: "6473111535", name: "Grok (X)", scheme: "twitter://" }
];

const listContainer = document.getElementById('list');

async function loadApps() {
  listContainer.innerHTML = '';
  
  for (const app of apps) {
    let iconUrl = 'https://placeholder.com';
    
    try {
      // Запрос к Apple iTunes API для динамического получения иконок приложений
      const response = await fetch(`https://apple.com{app.id}`);
      const data = await response.json();
      if (data.results && data.results.length > 0) {
        // Берем качественную иконку 512x512
        iconUrl = data.results[0].artworkUrl512 || data.results[0].artworkUrl100;
      }
    } catch (e) {
      console.error("Ошибка загрузки иконки для " + app.name, e);
    }

    const itemAnchor = document.createElement('a');
    itemAnchor.className = 'item';
    itemAnchor.href = app.scheme;
    
    // Если приложение не установлено, через 1.5 секунды предложит открыть App Store
    itemAnchor.onclick = function(e) {
      const start = Date.now();
      setTimeout(() => {
        if (Date.now() - start < 2000) {
          window.location.href = `https://apple.com{app.id}`;
        }
      }, 1500);
    };

    itemAnchor.innerHTML = `
      <img class="icon" src="${iconUrl}" alt="${app.name}">
      <span class="name">${app.name}</span>
      <span class="arrow">›</span>
    `;
    
    listContainer.appendChild(itemAnchor);
  }
}

// Запуск загрузки при старте страницы
loadApps();
</script>
</body>
</html>
Больше возможностей при регистрации:
