From 415e7c789ba83bce2ad2cdcd7ff7f4daaecc3c39 Mon Sep 17 00:00:00 2001
From: Alix <karabaevalihan@gmail.com>
Date: Wed, 6 Aug 2025 06:28:42 +0000
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20indexh.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 indexh.html | 231 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 231 insertions(+)
 create mode 100644 indexh.html
diff --git a/indexh.html b/indexh.html
new file mode 100644
index 0000000..fffce25
--- /dev/null
+++ b/indexh.html
@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>NexGen CyberDefence | Услуги информационной безопасности</title>
+<style>
+    body { margin: 0; font-family: Arial, sans-serif; background: #f9f9f9; color: #333; }
+    header { background: #1A1A40; padding: 20px; text-align: center; }
+    header h1 { margin: 0; color: #00BFFF; font-size: 2em; }
+    nav { margin-top: 10px; }
+    nav a { color: #FFFFFF; margin: 0 10px; text-decoration: none; font-weight: bold; }
+    nav a:hover { color: #00BFFF; }
+    .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; padding: 0 20px; }
+    .card { background: #FFFFFF; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 30px; text-align: center; border-top: 4px solid #0057B7; cursor: pointer; }
+    .card h3 { margin-top: 10px; color: #0057B7; }
+    .card p { color: #555; }
+    footer { background: #1A1A40; color: #AAAAAA; text-align: center; padding: 20px; font-size: 0.9em; margin-top: 40px; }
+    .modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); justify-content:center; align-items:center; }
+    .modal-content { background: #fff; padding: 30px; border-radius: 10px; text-align: center; width: 90%; max-width: 400px; }
+    .modal-content input { width: 100%; padding: 10px; margin: 10px 0; border-radius: 5px; border: 1px solid #ccc; }
+    .modal-content button { background: #0057B7; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }
+    .modal-content button:hover { background: #00BFFF; }
+</style>
+<script>
+const API = 'https://ngcd.center/api';
+let currentUser = null;
+
+async function request(url, method, data) {
+  const options = {
+    method,
+    headers: { 'Content-Type': 'application/json' }
+  };
+  if (data) options.body = JSON.stringify(data);
+  const res = await fetch(`${API}${url}`, options);
+  return res.json();
+}
+
+function openDdosModal() {
+  if (!currentUser) {
+    document.getElementById('auth-modal').style.display = 'flex';
+  } else {
+    document.getElementById('add-ddos-modal').style.display = 'flex';
+  }
+}
+
+function closeModal(id) {
+  document.getElementById(id).style.display = 'none';
+}
+
+async function submitAddDdosForm() {
+  const site = document.getElementById('add-ddos-site').value.trim();
+  if (!site || !currentUser) return;
+  try {
+    const res = await request('/add-service', 'POST', { userId: currentUser.id, type: 'DDoS Protection', target: site });
+    if (res.success) {
+      alert('Услуга добавлена');
+      closeModal('add-ddos-modal');
+      updateAccount();
+    } else {
+      alert(res.error || 'Ошибка добавления');
+    }
+  } catch (e) {
+    alert('Ошибка сети');
+  }
+}
+
+async function payCart(method) {
+  if (!currentUser) return;
+  try {
+    const res = await request('/pay', 'POST', { userId: currentUser.id });
+    if (res.success) {
+      alert(`Оплата прошла через: ${method}`);
+      closeModal('cart-modal');
+      updateAccount();
+    } else {
+      alert(res.error || 'Ошибка оплаты');
+    }
+  } catch (e) {
+    alert('Ошибка сети');
+  }
+}
+
+async function authUser(mode) {
+  const email = document.getElementById('auth-email').value.trim();
+  const pass = document.getElementById('auth-pass').value.trim();
+  if (!email || !pass) return;
+  try {
+    const data = { email, password: pass };
+    const res = await request(mode === 'login' ? '/login' : '/register', 'POST', data);
+    if (res.success) {
+      currentUser = { id: res.userId, email };
+      closeModal('auth-modal');
+      updateAccount();
+    } else {
+      if (mode === 'login' && res.error === 'Неверный email или пароль') {
+        const shouldRegister = confirm('Пользователь не найден. Зарегистрироваться с этим email?');
+        if (shouldRegister) {
+          authUser('register');
+        }
+      } else {
+        alert(res.error || 'Ошибка');
+      }
+    }
+  } catch (e) {
+    alert('Ошибка сети');
+  }
+};
+    const res = await request(mode === 'login' ? '/login' : '/register', 'POST', data);
+    if (res.success) {
+      currentUser = { id: res.userId, email };
+      closeModal('auth-modal');
+      updateAccount();
+    } else {
+      alert(res.error || 'Ошибка');
+    }
+  } catch (e) {
+    alert('Ошибка сети');
+  }
+}
+
+function logoutUser() {
+  currentUser = null;
+  updateAccount();
+}
+
+async function updateAccount() {
+  const account = document.getElementById('account');
+  if (!currentUser) {
+    account.innerHTML = `<button onclick="document.getElementById('auth-modal').style.display='flex'">Войти / Регистрация</button>`;
+    return;
+  }
+  try {
+    const res = await fetch(`${API}/services/${currentUser.id}`);
+    const services = await res.json();
+    account.innerHTML = `
+      <h3>Личный кабинет (${currentUser.email})</h3>
+      <button onclick="logoutUser()">Выйти</button><br><br>
+      <button onclick="document.getElementById('add-ddos-modal').style.display='flex'">Добавить DDoS защиту</button><br><br>
+      <button onclick="payCart('Kaspi')">Оплатить корзину</button>
+      <h4>Купленные услуги:</h4>
+      <ul>${services.map(s => `<li>${s.type}: ${s.target}</li>`).join('') || '<li>Нет услуг</li>'}</ul>
+    `;
+  } catch (e) {
+    account.innerHTML = '<p>Ошибка загрузки данных</p>';
+  }
+}
+</script>
+</head>
+<body>
+
+<header>
+  <h1>NexGen CyberDefence</h1>
+  <nav>
+    <a href="#services">Услуги</a>
+    <a href="#account">Кабинет</a>
+    <a href="#contact">Контакты</a>
+  </nav>
+</header>
+
+<section id="services">
+  <h2 style="text-align:center">Наши услуги</h2>
+  <div class="services">
+    <div class="card">
+      <h3>Аудит информационной безопасности</h3>
+      <p>Комплексная проверка защиты ваших систем и рекомендации по её улучшению.</p>
+    </div>
+    <div class="card">
+      <h3>Тестирование на проникновение (Pentest)</h3>
+      <p>Имитация атак для выявления уязвимостей до реальных угроз.</p>
+    </div>
+    <div class="card">
+      <h3>Реагирование на инциденты</h3>
+      <p>Быстрая поддержка и расследование киберинцидентов для минимизации ущерба.</p>
+    </div>
+    <div class="card">
+      <h3>Консалтинг и внедрение стандартов</h3>
+      <p>Поддержка при внедрении стандартов ISO 27001, 27017, 27018 и других.</p>
+    </div>
+    <div class="card" onclick="openDdosModal()">
+      <h3>Защита от DDoS атак</h3>
+      <p>Защитите ваш сайт или сервер от распределённых атак.</p>
+    </div>
+  </div>
+</section>
+
+<section id="account" style="text-align:center; padding:40px 20px;"></section>
+
+<section id="contact" style="padding:40px 20px; text-align:center">
+  <h2>Контакты</h2>
+  <p>Email: <a href="mailto:office@ngcd.tech">office@ngcd.tech</a></p>
+  <p>Телефон: +7-702-798-99-57</p>
+  <p>Адрес: Казахстан, г. Астана, ул. Әлихан Бөкейхан, 25А, кв. 517</p>
+</section>
+
+<footer>
+  &copy; 2025 NexGen CyberDefence. Все права защищены.
+</footer>
+
+<div id="auth-modal" class="modal">
+  <div class="modal-content">
+    <h3>Вход / Регистрация</h3>
+    <input type="email" id="auth-email" placeholder="Email">
+    <input type="password" id="auth-pass" placeholder="Пароль">
+    <button onclick="authUser('login')">Войти</button>
+    <button onclick="authUser('register')">Регистрация</button><br><br>
+    <button onclick="closeModal('auth-modal')">Отмена</button>
+  </div>
+</div>
+
+<div id="add-ddos-modal" class="modal">
+  <div class="modal-content">
+    <h3>Добавить DDoS защиту</h3>
+    <input type="text" id="add-ddos-site" placeholder="example.com или IP">
+    <button onclick="submitAddDdosForm()">Добавить</button><br><br>
+    <button onclick="closeModal('add-ddos-modal')">Отмена</button>
+  </div>
+</div>
+
+<div id="cart-modal" class="modal">
+  <div class="modal-content">
+    <h3>Корзина</h3>
+    <div id="cart-list">(Корзина больше не используется — всё через сервер)</div><br>
+    <button onclick="payCart('Kaspi')">Оплатить через Kaspi</button>
+    <button onclick="payCart('ПШЭП')">Оплатить через ПШЭП</button><br><br>
+    <button onclick="closeModal('cart-modal')">Закрыть</button>
+  </div>
+</div>
+
+</body>
+</html>
