v2: полный лендинг по ТЗ
This commit is contained in:
parent
63d464d05b
commit
5ad8ce91a4
200
index.html
200
index.html
@ -3,78 +3,190 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>ИИ-агент мониторинга исполнения Плана мероприятий по производственной безопасности</title>
|
||||
<title>ИИ-агент мониторинга производственной безопасности — АО «Самрук-Казына»</title>
|
||||
<style>
|
||||
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
|
||||
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--gray-200:#E5E7EB;--green:#10B981;--red:#EF4444;--amber:#F59E0B}
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
|
||||
a{color:var(--cyan);text-decoration:none}
|
||||
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
|
||||
.hero{background:var(--ink);color:var(--white);text-align:center}
|
||||
.hero{background:var(--ink);color:var(--white);text-align:center;padding:100px 0}
|
||||
.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
|
||||
.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin:0 auto 32px}
|
||||
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
|
||||
.btn:hover{background:#1be5ff}
|
||||
.section h2{font-size:36px;font-weight:700;margin-bottom:24px;text-align:center}
|
||||
.card{background:var(--gray-100);border-radius:16px;padding:32px;margin-bottom:16px}
|
||||
@media (max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}}
|
||||
.hero p{font-size:20px;color:#9aa3b2;max-width:650px;margin:0 auto 32px}
|
||||
.hero .badge{display:inline-block;background:rgba(0,229,255,.1);color:var(--cyan);padding:6px 16px;border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px}
|
||||
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:16px 32px;border-radius:8px;font-weight:700;text-decoration:none;font-size:18px;transition:.2s}
|
||||
.btn:hover{background:#1be5ff;transform:translateY(-1px)}
|
||||
.btn-secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}
|
||||
.btn-secondary:hover{background:var(--ink);color:var(--white);transform:none}
|
||||
.section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:12px}
|
||||
.section-subtitle{font-size:18px;color:var(--gray-500);text-align:center;max-width:650px;margin:0 auto 48px}
|
||||
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
|
||||
.card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:32px;transition:.2s}
|
||||
.card:hover{border-color:var(--cyan);box-shadow:0 4px 24px rgba(0,229,255,.08)}
|
||||
.card .icon{font-size:36px;margin-bottom:16px}
|
||||
.card h3{font-size:20px;font-weight:700;margin-bottom:8px}
|
||||
.card p{font-size:15px;color:var(--gray-500);line-height:1.6}
|
||||
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;text-align:center}
|
||||
.stat{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:40px 24px}
|
||||
.stat .num{font-size:48px;font-weight:800;color:var(--cyan);line-height:1;margin-bottom:8px}
|
||||
.stat .label{font-size:15px;color:var(--gray-500)}
|
||||
.checklist{list-style:none;max-width:700px;margin:0 auto}
|
||||
.checklist li{padding:12px 0;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:12px;font-size:16px}
|
||||
.checklist li::before{content:"✔";color:var(--green);font-weight:700;font-size:18px}
|
||||
.faq{max-width:750px;margin:0 auto}
|
||||
.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px 28px;margin-bottom:12px}
|
||||
.faq-item h3{font-size:18px;font-weight:700;margin-bottom:6px}
|
||||
.faq-item p{font-size:15px;color:var(--gray-500)}
|
||||
.cta{background:var(--ink);color:var(--white);text-align:center}
|
||||
.cta h2{font-size:36px;font-weight:700;margin-bottom:16px}
|
||||
.cta p{font-size:18px;color:#9aa3b2;max-width:550px;margin:0 auto 32px}
|
||||
.footer{text-align:center;padding:40px 24px;font-size:14px;color:var(--gray-500);border-top:1px solid var(--gray-200)}
|
||||
@media (max-width:640px){
|
||||
.hero h1{font-size:34px}
|
||||
.hero{padding:60px 0}
|
||||
.section-title{font-size:28px}
|
||||
.container{padding:48px 20px}
|
||||
.cards{grid-template-columns:1fr}
|
||||
.stats{grid-template-columns:1fr 1fr}
|
||||
.stat .num{font-size:32px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>ИИ-агент мониторинга исполнения Плана мероприятий по производственной безопасности</h1>
|
||||
<p>Автоматизация сбора информации, контроля исполнения и анализа эффективности для АО «Самрук-Казына»</p>
|
||||
<a class="btn" href="#features">Узнать больше</a>
|
||||
<div class="badge">MVP • 2026</div>
|
||||
<h1>ИИ-агент мониторинга производственной безопасности</h1>
|
||||
<p>Единая цифровая платформа для автоматизации контроля исполнения Плана мероприятий, анализа эффективности и подготовки управленческих решений в Группе компаний АО «Самрук-Казына»</p>
|
||||
<a class="btn" href="#cta">Запросить демо</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="features" class="section">
|
||||
<div class="container">
|
||||
<h2>Ключевые возможности</h2>
|
||||
<div class="card">
|
||||
<h3>Централизованный сбор данных</h3>
|
||||
<p>Сбор отчетной информации от филиалов и дочерних организаций через веб-интерфейс. Формирование единой базы данных исполнения Плана.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Управление мероприятиями</h3>
|
||||
<p>Ведение электронного реестра мероприятий, назначение ответственных, установка контрольных сроков и мониторинг статусов в реальном времени.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Подтверждение исполнения</h3>
|
||||
<p>Загрузка подтверждающих материалов (фото, акты, протоколы и др.) и формирование электронного архива с историей изменений.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Искусственный интеллект</h3>
|
||||
<p>Анализ отчетов и материалов, проверка полноты отчетности, выявление рисков, автоматическое формирование выводов и рекомендаций для руководства.</p>
|
||||
<h2 class="section-title">Основные задачи системы</h2>
|
||||
<p class="section-subtitle">Платформа закрывает полный цикл — от сбора данных до управленческой отчётности</p>
|
||||
<div class="cards">
|
||||
<div class="card">
|
||||
<div class="icon">📥</div>
|
||||
<h3>Централизованный сбор данных</h3>
|
||||
<p>Сбор отчётной информации от филиалов и дочерних организаций через веб-интерфейс. Формирование единой базы данных исполнения Плана.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">📋</div>
|
||||
<h3>Управление мероприятиями</h3>
|
||||
<p>Электронный реестр мероприятий, назначение ответственных, контрольные сроки и мониторинг статусов в реальном времени.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">📎</div>
|
||||
<h3>Подтверждение исполнения</h3>
|
||||
<p>Загрузка фото, актов, протоколов, приказов, презентаций, видео. Электронный архив с историей изменений и версионированием.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">🆔</div>
|
||||
<h3>Цифровой паспорт мероприятия</h3>
|
||||
<p>Карточка с описанием, сроками, ответственным, статусом, % выполнения, историей, комментариями и выводами ИИ.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">🤖</div>
|
||||
<h3>Искусственный интеллект</h3>
|
||||
<p>Анализ отчётов и материалов, проверка полноты, оценка достаточности подтверждения, выявление рисков и формирование рекомендаций.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">⏰</div>
|
||||
<h3>Контроль дисциплины</h3>
|
||||
<p>Мониторинг сроков, авто-напоминания исполнителям, эскалация просрочек руководителям, рейтинг организаций.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">📊</div>
|
||||
<h3>Аналитика и дашборды</h3>
|
||||
<p>Процент исполнения по филиалам и направлениям, анализ просрочек и причин, карта рисков, динамика по периодам.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">📑</div>
|
||||
<h3>Формирование отчётности</h3>
|
||||
<p>Автоматические ежемесячные, квартальные и годовые отчёты, аналитические справки, презентационные материалы.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="icon">🎯</div>
|
||||
<h3>Управленческий помощник</h3>
|
||||
<p>Проекты поручений, перечень проблемных мероприятий, системные нарушения, прогноз достижения целевых показателей.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" style="background:var(--gray-100)">
|
||||
<div class="container">
|
||||
<h2>Эффект от внедрения</h2>
|
||||
<div class="card" style="text-align:center;">
|
||||
<h3>Сокращение ручного сбора отчетности на 80%</h3>
|
||||
</div>
|
||||
<div class="card" style="text-align:center;">
|
||||
<h3>Повышение достоверности и прозрачности контроля</h3>
|
||||
</div>
|
||||
<div class="card" style="text-align:center;">
|
||||
<h3>Оперативное выявление рисков и нарушений</h3>
|
||||
</div>
|
||||
<div class="card" style="text-align:center;">
|
||||
<h3>Управленческая отчетность в режиме реального времени</h3>
|
||||
<h2 class="section-title">Ожидаемый эффект</h2>
|
||||
<p class="section-subtitle">Ключевые показатели, на которые влияет внедрение платформы</p>
|
||||
<div class="stats">
|
||||
<div class="stat">
|
||||
<div class="num">−80%</div>
|
||||
<div class="label">Сокращение ручного сбора отчётности</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="num">100%</div>
|
||||
<div class="label">Прозрачность контроля исполнения</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="num">×3</div>
|
||||
<div class="label">Скорость выявления рисков</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="num">24/7</div>
|
||||
<div class="label">Отчётность в реальном времени</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h2>Готов увидеть ИИ-агента в действии?</h2>
|
||||
<p style="max-width:600px;margin:0 auto 24px;text-align:center;color:var(--gray-500)">Оставьте заявку, и мы свяжемся с вами для демонстрации системы.</p>
|
||||
<a class="btn" href="https://t.me/your_telegram_bot" target="_blank">Получить демо через Telegram</a>
|
||||
<a class="btn btn-secondary" href="mailto:info@samruk-ai.kz">Написать на email</a>
|
||||
<h2 class="section-title">Интеграции</h2>
|
||||
<p class="section-subtitle">Система встраивается в существующий ИТ-ландшафт</p>
|
||||
<ul class="checklist">
|
||||
<li>Корпоративная электронная почта (уведомления и напоминания)</li>
|
||||
<li>Системы электронного документооборота (СЭД)</li>
|
||||
<li>Корпоративные BI-платформы (экспорт данных)</li>
|
||||
<li>Экспорт в Excel, Word, PDF</li>
|
||||
<li>API для внешних систем и порталов</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" style="background:var(--gray-100)">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Часто задаваемые вопросы</h2>
|
||||
<div class="faq">
|
||||
<div class="faq-item">
|
||||
<h3>Кто будет пользоваться системой?</h3>
|
||||
<p>Ответственные работники филиалов и ДО, руководители направлений ПБ, проверяющие и топ-менеджмент АО «Самрук-Казына». Каждая роль имеет свой набор прав и интерфейс.</p>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3>Какие документы можно загружать?</h3>
|
||||
<p>Фотографии, акты, протоколы, приказы, презентации, отчёты, видеоматериалы и любые иные подтверждающие документы в форматах PDF, DOCX, XLSX, PPTX, JPG, PNG, MP4.</p>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3>Как ИИ помогает в анализе?</h3>
|
||||
<p>ИИ проверяет полноту отчётности, выявляет отсутствующие документы, оценивает достаточность подтверждения, прогнозирует риски нарушения сроков и формирует краткие аналитические справки.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="cta" class="cta">
|
||||
<div class="container">
|
||||
<h2>Готовы увидеть платформу в действии?</h2>
|
||||
<p>Оставьте заявку — проведём демонстрацию системы и ответим на вопросы</p>
|
||||
<a class="btn" href="mailto:info@samruk-ai.kz">Запросить демо</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
© 2026 АО «Самрук-Казына» — Цифровая платформа производственной безопасности
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user