186 lines
12 KiB
HTML
186 lines
12 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-metric { display: inline-block; margin: var(--kt-ai-space-2) var(--kt-ai-space-4); text-align: center; }
|
||
.hero-metric-value { font-size: var(--kt-ai-text-4xl); font-weight: var(--kt-ai-weight-bold); color: var(--kt-ai-primary); }
|
||
.hero-metric-label { font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg-muted); }
|
||
.process-step { display: flex; gap: var(--kt-ai-space-4); align-items: flex-start; margin-bottom: var(--kt-ai-space-6); }
|
||
.step-number { width: 40px; height: 40px; border-radius: var(--kt-ai-radius-full); background: var(--kt-ai-primary); color: var(--kt-ai-bg); display: flex; align-items: center; justify-content: center; font-weight: var(--kt-ai-weight-bold); flex-shrink: 0; }
|
||
.step-content { flex: 1; }
|
||
.step-title { font-weight: var(--kt-ai-weight-semibold); margin-bottom: 4px; color: var(--kt-ai-fg); }
|
||
.step-desc { font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg-muted); margin: 0; }
|
||
.feature-icon { width: 48px; height: 48px; border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-bg-soft); display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: var(--kt-ai-space-3); }
|
||
.effect-card { background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border); border-radius: var(--kt-ai-radius-xl); padding: var(--kt-ai-space-5); text-align: left; }
|
||
.effect-value { font-size: var(--kt-ai-text-3xl); font-weight: var(--kt-ai-weight-bold); color: var(--kt-ai-primary); margin-bottom: var(--kt-ai-space-2); }
|
||
.effect-label { font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg-muted); }
|
||
.demo-link { display: inline-block; margin-top: var(--kt-ai-space-6); padding: var(--kt-ai-space-3) var(--kt-ai-space-6); background: var(--kt-ai-primary); color: var(--kt-ai-bg); text-decoration: none; border-radius: var(--kt-ai-radius-lg); font-weight: var(--kt-ai-weight-semibold); }
|
||
.demo-link:hover { opacity: 0.9; }
|
||
</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="#process">Процесс</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#effects">Эффект</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="app.html">Открыть демо →</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>ИИ-агент «Договоры аренды»</h1>
|
||
<p class="kt-ai-hero-sub">Автоматическая подготовка и проверка договоров аренды на основе заявок из Лотус с проверкой тарифов в SAP и соответствием ГК РК</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="app.html">Попробовать демо</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#process">Как работает</a>
|
||
</div>
|
||
<div style="margin-top: var(--kt-ai-space-8);">
|
||
<div class="hero-metric">
|
||
<div class="hero-metric-value">3 ч → 15 мин</div>
|
||
<div class="hero-metric-label">на договор</div>
|
||
</div>
|
||
<div class="hero-metric">
|
||
<div class="hero-metric-value">240 ч/мес</div>
|
||
<div class="hero-metric-label">экономия юристов</div>
|
||
</div>
|
||
<div class="hero-metric">
|
||
<div class="hero-metric-value">5 дней → 2 дня</div>
|
||
<div class="hero-metric-label">срок согласования</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="process" 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); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--kt-ai-space-5);">
|
||
<article class="kt-ai-tile">
|
||
<div class="feature-icon">📨</div>
|
||
<h3>1. Заявка в Лотус</h3>
|
||
<p>Инициатор филиала подаёт заявку: свободный текст + Word-форма с данными объекта и контрагента</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="feature-icon">🤖</div>
|
||
<h3>2. Работа агента</h3>
|
||
<p>Агент извлекает данные, подтягивает актуальный тариф из SAP, генерирует проект договора по шаблону</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="feature-icon">✅</div>
|
||
<h3>3. Проверки</h3>
|
||
<p>Агент проверяет проект по ГК РК, полномочия подписанта, соответствие тарифу, сверяет с контрагентской версией</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="feature-icon">✍️</div>
|
||
<h3>4. Решение юриста</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 style="margin-top: var(--kt-ai-space-9); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kt-ai-space-5);">
|
||
<div class="effect-card">
|
||
<div class="feature-icon">📝</div>
|
||
<h3>Генерация проекта</h3>
|
||
<p class="kt-ai-meta">По заявке из Лотуса генерирует проект договора по шаблону, заполняя стороны, объект, площадь, срок и сумму, подставляет актуальный тариф из SAP</p>
|
||
</div>
|
||
<div class="effect-card">
|
||
<div class="feature-icon">🔍</div>
|
||
<h3>Проверки по нормам</h3>
|
||
<p class="kt-ai-meta">Проверяет проект по ГК РК и внутренним документам, сверяет полномочия подписанта и соответствие тарифу, подсвечивает риски флагами с цитатами норм</p>
|
||
</div>
|
||
<div class="effect-card">
|
||
<div class="feature-icon">📊</div>
|
||
<h3>Сверка версий</h3>
|
||
<p class="kt-ai-meta">По контрагентской версии формирует список отклонений от шаблона с цитатами по пунктам — юрист видит все изменения сразу</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="effects" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Ожидаемый эффект</h2>
|
||
<p>Предварительная оценка эффекта от внедрения ИИ-агента</p>
|
||
</div>
|
||
<div style="margin-top: var(--kt-ai-space-9); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kt-ai-space-5);">
|
||
<div class="effect-card">
|
||
<div class="effect-value">240 ч/мес</div>
|
||
<div class="effect-label">Снижение трудозатрат юристов за счёт автоматизации ручной подготовки, переноса данных и сверки тарифа</div>
|
||
</div>
|
||
<div class="effect-card">
|
||
<div class="effect-value">100% SAP</div>
|
||
<div class="effect-label">Тариф в проекте всегда из актуального SAP — расхождение с заявкой помечается флагом автоматически</div>
|
||
</div>
|
||
<div class="effect-card">
|
||
<div class="effect-value">0 пропусков</div>
|
||
<div class="effect-label">Отсутствие пропущенных существенных отклонений контрагентских версий за счёт автоматического сравнения</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top: var(--kt-ai-space-8); display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--kt-ai-space-5);">
|
||
<div class="kt-ai-card">
|
||
<h3 class="kt-ai-h3">Было</h3>
|
||
<ul style="margin: 0; padding-left: var(--kt-ai-space-5); color: var(--kt-ai-fg-muted);">
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">3–4 часа на договор</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Согласование до 5 рабочих дней</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Ручной перенос данных из заявки</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Построчная сверка контрагентских версий</li>
|
||
<li>Заявки без единой формы</li>
|
||
</ul>
|
||
</div>
|
||
<div class="kt-ai-card">
|
||
<h3 class="kt-ai-h3">Стало</h3>
|
||
<ul style="margin: 0; padding-left: var(--kt-ai-space-5); color: var(--kt-ai-fg);">
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">15 минут на проверку</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Согласование 1–2 дня</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Автозаполнение из Лотус + SAP</li>
|
||
<li style="margin-bottom: var(--kt-ai-space-2);">Автосверка с выделением отклонений</li>
|
||
<li>Единый формат проекта от агента</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Готовы попробовать?</h2>
|
||
<p>Откройте работающий прототип — все экраны процесса от заявки до согласования</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="app.html">Открыть демо-версию</a>
|
||
<p class="kt-ai-meta" style="margin-top: var(--kt-ai-space-4);">Владелец процесса: Нургуль Турлыбекова, руководитель Службы правового обеспечения ОЦО ЮС</p>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 ОЦО ЮС · Договоры аренды</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Прототип на платформе Vibe AI</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|