151 lines
7.8 KiB
HTML
151 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" data-theme="auto">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Агент по охране труда — Техника Безопасности</title>
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦺</text></svg>">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.hero-icon { font-size: clamp(48px, 8vw, 80px); margin-bottom: var(--kt-ai-space-6); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>🦺 Агент ТБ</strong>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#features">Возможности</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#documents">Документы</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#contact">Начать работу</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<div class="hero-icon">🦺</div>
|
||
<h1>Ваш персональный агент по охране труда</h1>
|
||
<p class="kt-ai-hero-sub">ИИ-помощник для создания инструкций, приказов, отчётов и журналов по технике безопасности. Соблюдайте нормативы и защищайте сотрудников без бумажной волокиты.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#contact">Попробовать бесплатно</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#features">Узнать больше</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="features" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Что умеет агент</h2>
|
||
<p>Три основных направления помощи специалисту по охране труда</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">📄</div>
|
||
<h3>Разработка документации</h3>
|
||
<p>Инструкции по ТБ, приказы, распоряжения, отчёты, журналы учёта и программы обучения — всё в форматах Word, PDF и Excel.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">💡</div>
|
||
<h3>Консультирование и анализ</h3>
|
||
<p>Оценка рисков на рабочем месте, консультации по нормам охраны труда, анализ причин инцидентов и рекомендации по профилактике.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">📢</div>
|
||
<h3>Внутренние коммуникации</h3>
|
||
<p>Памятки и плакаты для сотрудников, тексты рассылок и уведомлений о новых требованиях безопасности.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="documents" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap" data-width="wide">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Какие документы создаёт</h2>
|
||
<p>Готовые шаблоны и индивидуальные документы под вашу организацию</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)" data-cols="2">
|
||
<article class="kt-ai-tile">
|
||
<h3>📋 Инструкции по охране труда</h3>
|
||
<p>Детальные инструкции для разных профессий и видов работ с учётом специфики вашего производства.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>📑 Приказы и распоряжения</h3>
|
||
<p>Официальные документы по назначению ответственных, проведению инструктажей и проверок.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>📊 Отчёты и журналы</h3>
|
||
<p>Формы учёта несчастных случаев, протоколы проверок, журналы инструктажей сотрудников.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>📚 Программы обучения</h3>
|
||
<p>Планы вводного, первичного и повторного инструктажей для нового и действующего персонала.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Почему это удобно</h2>
|
||
<p>Экономьте время и будьте уверены в соответствии нормативам</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile">
|
||
<h3>⚡ Быстро</h3>
|
||
<p>Документ за минуты вместо часов поиска шаблонов и проверки актуальности норм.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>✅ Надёжно</h3>
|
||
<p>Документы соответствуют общим нормам охраны труда и правилам безопасности.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<h3>📱 Доступно</h3>
|
||
<p>Работает в Telegram, на сайте или через API — выбирайте удобный формат.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Начните обеспечивать безопасность прямо сейчас</h2>
|
||
<p>Напишите агенту в Telegram или задайте вопрос прямо на этой странице. Первая консультация — бесплатно.</p>
|
||
<div style="display:flex;gap:var(--kt-ai-space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--kt-ai-space-6)">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://t.me/your_bot">Открыть в Telegram</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#ask">Задать вопрос</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Агент ТБ — Охрана труда и техника безопасности</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Создано с помощью Alem AI</span>
|
||
</footer>
|
||
|
||
<script>
|
||
// Плавное появление секций при скролле
|
||
var io=new IntersectionObserver(function(entries){
|
||
entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('in'); });
|
||
},{threshold:.15});
|
||
document.querySelectorAll('.kt-ai-tile, .kt-ai-section-head').forEach(function(el){
|
||
el.classList.add('reveal');
|
||
io.observe(el);
|
||
});
|
||
</script>
|
||
<style>
|
||
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
|
||
.reveal.in{opacity:1;transform:none}
|
||
</style>
|
||
|
||
</body>
|
||
</html>
|