import React, { useState } from 'react';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Badge } from '@/components/ui/badge';
import { Separator } from '@/components/ui/separator';
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import {
Phone,
MessageSquare,
FileText,
Mail,
Building,
Bot,
User,
Settings,
CheckCircle,
ArrowRight,
Calculator,
Shield,
Clock,
TrendingUp,
Users,
Zap,
Star,
Play
} from 'lucide-react';
interface RoleCard {
role_id: string;
название: string;
короткое_описание: string;
основные_задачи: string[];
kpi_на_релиз: Array<{
метрика: string;
целевое: string;
}>;
интеграции: string[];
безопасность: string;
sla: string;
зарплата_цифрового_сотрудника_от: string;
онбординг: string;
cta: string;
}
interface CaseCard {
case_id: string;
компания_и_отрасль: string;
период: string;
процесс_до: string;
процесс_после: string;
kpi: Array<{
метрика: string;
до?: string;
после?: string;
изменение?: string;
}>;
экономика: {
экономия_в_мес: string;
окупаемость: string;
};
роли: string[];
как_сделали: string[];
цитата: string;
}
const ZavodAIWebsite: React.FC = () => {
const [calculatorData, setCalculatorData] = useState({
tasksPerDay: 50,
minutesPerTask: 15,
hourCost: 1000,
autoCloseRate: 60
});
const roles: RoleCard[] = [
{
role_id: "voice_contact_center",
название: "Голосовой оператор 24/7",
короткое_описание: "Принимает звонки, отвечает на FAQ, создает заявки круглосуточно",
основные_задачи: [
"Принимать и классифицировать входящие звонки",
"Отвечать на типовые вопросы клиентов",
"Создавать заявки в CRM системе",
"Эскалировать сложные случаи операторам"
],
kpi_на_релиз: [
{ метрика: "доля авто-закрытия", целевое: "до 70%" },
{ метрика: "время ответа", целевое: "с 25 до 2 мин" },
{ метрика: "экономия", целевое: "≈180 часов/мес" }
],
интеграции: ["Телефония", "CRM", "База знаний"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99.5% / поддержка 24/7",
зарплата_цифрового_сотрудника_от: "45 000 ₽/мес",
онбординг: "150 000 ₽ единоразово",
cta: "Запустить пилот"
},
{
role_id: "crm_response_manager",
название: "Менеджер по заявкам",
короткое_описание: "Обрабатывает отклики, заполняет CRM, ведет диалоги с клиентами",
основные_задачи: [
"Обрабатывать отклики на рассылки",
"Заполнять данные в CRM",
"Проставлять статусы заявок",
"Отправлять напоминания клиентам"
],
kpi_на_релиз: [
{ метрика: "скорость обработки", целевое: "×5 быстрее" },
{ метрика: "экономия", целевое: "≈250 000 ₽/мес" },
{ метрика: "завершенные диалоги", целевое: "+40%" }
],
интеграции: ["WhatsApp", "Telegram", "AmoCRM", "Email"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99.5% / поддержка в рабочие часы",
зарплата_цифрового_сотрудника_от: "35 000 ₽/мес",
онбординг: "120 000 ₽ единоразово",
cta: "Запустить пилот"
},
{
role_id: "tender_ai_specialist",
название: "Специалист по тендерам",
короткое_описание: "Собирает тендеры, проверяет требования, формирует пакеты документов",
основные_задачи: [
"Собирать тендеры с топ-площадок",
"Фильтровать по требованиям компании",
"Проводить первичную юр-проверку",
"Формировать пакеты документов"
],
kpi_на_релиз: [
{ метрика: "участий в тендерах", целевое: "×2 за месяц" },
{ метрика: "время подготовки", целевое: "-60%" },
{ метрика: "экономия", целевое: "≈120 часов/мес" }
],
интеграции: ["Тендерные площадки", "СЭД", "1С"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99% / поддержка в рабочие часы",
зарплата_цифрового_сотрудника_от: "55 000 ₽/мес",
онбординг: "200 000 ₽ единоразово",
cta: "Запустить пилот"
},
{
role_id: "email_parser",
название: "Парсер заявок из email",
короткое_описание: "Извлекает данные из писем, валидирует и записывает в CRM",
основные_задачи: [
"Извлекать данные из писем и вложений",
"Валидировать полученную информацию",
"Записывать данные в CRM",
"Уведомлять о новых заявках"
],
kpi_на_релиз: [
{ метрика: "точность извлечения", целевое: "95%" },
{ метрика: "время обработки", целевое: "минуты вместо часов" },
{ метрика: "ошибки ввода", целевое: "-80%" }
],
интеграции: ["Email", "CRM", "Файловые хранилища"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99.5% / поддержка в рабочие часы",
зарплата_цифрового_сотрудника_от: "25 000 ₽/мес",
онбординг: "80 000 ₽ единоразово",
cta: "Запустить пилот"
},
{
role_id: "doc_ops_bot",
название: "Офис-бот документооборота",
короткое_описание: "Сверяет акты и счета, маршрутизирует согласования",
основные_задачи: [
"Сверять акты и счета",
"Маршрутизировать согласования",
"Отправлять напоминания",
"Контролировать сроки"
],
kpi_на_релиз: [
{ метрика: "автообработка", целевое: "до 80%" },
{ метрика: "сроки согласований", целевое: "-50%" },
{ метрика: "экономия", целевое: "≈90 часов/мес" }
],
интеграции: ["СЭД", "1С", "Email", "Мессенджеры"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99% / поддержка в рабочие часы",
зарплата_цифрового_сотрудника_от: "40 000 ₽/мес",
онбординг: "130 000 ₽ единоразово",
cta: "Запустить пилот"
},
{
role_id: "internal_llm_assistant",
название: "Корпоративный LLM-ассистент",
короткое_описание: "Отвечает по базе из 1000+ документов со ссылками на источники",
основные_задачи: [
"Отвечать по корпоративной базе знаний",
"Предоставлять ссылки на источники",
"Уточнять запросы сотрудников",
"Обучаться на новых документах"
],
kpi_на_релиз: [
{ метрика: "точность ответов", целевое: "90%" },
{ метрика: "время поиска", целевое: "-70%" },
{ метрика: "экономия", целевое: "≈200 часов/мес" }
],
интеграции: ["Внутренние системы", "Telegram", "SharePoint"],
безопасность: "ПДн, журнал действий, человек-в-контуре",
sla: "99.5% / поддержка 24/7",
зарплата_цифрового_сотрудника_от: "60 000 ₽/мес",
онбординг: "250 000 ₽ единоразово",
cta: "Запустить пилот"
}
];
const cases: CaseCard[] = [
{
case_id: "telecom_support",
компания_и_отрасль: "Телеком-оператор, 500+ сотрудников",
период: "03.2024–08.2024",
процесс_до: "Операторы обрабатывали все звонки вручную",
процесс_после: "AI-оператор закрывает 70% типовых обращений",
kpi: [
{ метрика: "время ответа", до: "25 мин", после: "2 мин" },
{ метрика: "трудозатраты", изменение: "-30%" },
{ метрика: "NPS", изменение: "+30%" }
],
экономика: {
экономия_в_мес: "≈250 000 ₽",
окупаемость: "≤1 месяц"
},
роли: ["voice_contact_center"],
как_сделали: [
"Проанализировали 5000+ звонков за 3 месяца",
"Обучили модель на типовых сценариях",
"Настроили интеграцию с CRM и телефонией",
"Запустили пилот на 20% трафика",
"Масштабировали на весь call-центр"
],
цитата: "Клиенты получают ответы мгновенно, а наши операторы занимаются сложными задачами. Окупилось за месяц."
},
{
case_id: "manufacturing_crm",
компания_и_отрасль: "Производственная компания, B2B сегмент",
период: "01.2024–06.2024",
процесс_до: "Менеджеры вручную обрабатывали отклики на рассылки",
процесс_после: "AI-менеджер ведет первичные диалоги и заполняет CRM",
kpi: [
{ метрика: "скорость обработки", изменение: "×5 быстрее" },
{ метрика: "конверсия в встречу", изменение: "+25%" },
{ метрика: "качество данных в CRM", изменение: "+40%" }
],
экономика: {
экономия_в_мес: "≈180 000 ₽",
окупаемость: "≤2 месяца"
},
роли: ["crm_response_manager"],
как_сделали: [
"Изучили скрипты менеджеров",
"Настроили интеграцию с WhatsApp и AmoCRM",
"Обучили бота квалификации лидов",
"Внедрили постепенно по отделам",
"Настроили аналитику и отчеты"
],
цитата: "Теперь ни одна заявка не теряется, а менеджеры работают только с горячими лидами."
},
{
case_id: "construction_tenders",
компания_и_отрасль: "Строительная компания, госзаказы",
период: "02.2024–07.2024",
процесс_до: "Юристы вручную искали и анализировали тендеры",
процесс_после: "AI-специалист находит релевантные тендеры и готовит документы",
kpi: [
{ метрика: "участий в тендерах", изменение: "×2 за месяц" },
{ метрика: "время подготовки", изменение: "-60%" },
{ метрика: "выигранных тендеров", изменение: "+35%" }
],
экономика: {
экономия_в_мес: "≈320 000 ₽",
окупаемость: "≤1 месяц"
},
роли: ["tender_ai_specialist"],
как_сделали: [
"Подключили к основным тендерным площадкам",
"Настроили фильтры по профилю компании",
"Обучили проверке требований и документов",
"Интегрировали с системой документооборота",
"Запустили уведомления о новых тендерах"
],
цитата: "Участвуем в два раза больше тендеров при тех же ресурсах. Прибыль выросла на 40%."
}
];
const calculateSavings = () => {
const { tasksPerDay, minutesPerTask, hourCost, autoCloseRate } = calculatorData;
const hoursPerMonth = (tasksPerDay * minutesPerTask * 22) / 60;
const autoClosedHours = (hoursPerMonth * autoCloseRate) / 100;
const monthlySavings = autoClosedHours * hourCost;
return {
hoursPerMonth: Math.round(autoClosedHours),
monthlySavings: Math.round(monthlySavings),
paybackMonths: Math.ceil(150000 / monthlySavings)
};
};
const savings = calculateSavings();
const faqItems = [
{
question: "Как быстро можно запустить цифрового сотрудника?",
answer: "Стандартный пилот запускается за 30 дней. Включает анализ процессов, настройку интеграций, обучение модели и тестирование на ограниченном объеме задач."
},
{
question: "Какие гарантии безопасности данных?",
answer: "Соблюдаем требования ПДн, ведем полный журнал действий, поддерживаем режим 'человек-в-контуре'. Возможна установка on-premise на вашей инфраструктуре."
},
{
question: "Можно ли интегрировать с нашими системами?",
answer: "Да, поддерживаем интеграцию с 1С, CRM-системами, телефонией, мессенджерами, СЭД. Если нужной интеграции нет — разработаем под ваши требования."
},
{
question: "Что включает техническая поддержка?",
answer: "SLA 99.5%, мониторинг 24/7, обновления модели, консультации по оптимизации процессов. Поддержка через чат, email и телефон."
},
{
question: "Как происходит оплата?",
answer: "Подписная модель: единоразовый онбординг + ежемесячная 'зарплата' цифрового сотрудника. Первый месяц — бесплатный пилот с измерением KPI."
}
];
return (
{/* Header */}
{/* Hero Section */}
Цифровые сотрудники под подписку.
Снимаем рутину, экономим бюджет, ускоряем ответ.
Старт за 30 дней. На 40% дешевле эквивалентного FTE. SLA и безопасность для предприятия.
С 2017 года
25+ готовых модулей
Кейсы с измеримыми KPI
{/* Roles Catalog */}
Каталог цифровых сотрудников
Готовые решения для автоматизации типовых процессов. Каждый сотрудник специализируется на конкретных задачах.
{roles.map((role) => (
{role.role_id === 'voice_contact_center' &&
}
{role.role_id === 'crm_response_manager' &&
}
{role.role_id === 'tender_ai_specialist' &&
}
{role.role_id === 'email_parser' &&
}
{role.role_id === 'doc_ops_bot' &&
}
{role.role_id === 'internal_llm_assistant' &&
}
{role.название} {role.sla.split('/')[0]} {role.короткое_описание} Основные задачи:
{role.основные_задачи.slice(0, 3).map((task, idx) => (
-
{task}
))}
KPI на релиз:
{role.kpi_на_релиз.map((kpi, idx) => (
{kpi.целевое}
))}
Зарплата от
{role.зарплата_цифрового_сотрудника_от}
))}
{/* Calculator */}
Калькулятор выгоды
Рассчитайте экономию от внедрения цифрового сотрудника
Параметры вашего процесса
Результат расчета:
Экономия часов/мес: {savings.hoursPerMonth} ч
Экономия ₽/мес: {savings.monthlySavings.toLocaleString()} ₽
Окупаемость пилота: {savings.paybackMonths} мес
{/* Cases */}
Кейсы внедрения
Реальные результаты клиентов с измеримыми KPI и сроками окупаемости
{cases.map((case_item) => (
{case_item.период} {case_item.экономика.окупаемость}
{case_item.компания_и_отрасль} Результаты:
{case_item.kpi.map((kpi, idx) => (
{kpi.метрика}:
{kpi.изменение || `${kpi.до} → ${kpi.после}`}
))}
Экономия в месяц: {case_item.экономика.экономия_в_мес}
"{case_item.цитата}"
))}
{/* Security & Compliance */}
Безопасность и соответствие требованиям
Готовы работать с государственными и корпоративными заказчиками
Защита данных -
Соблюдение ПДн
-
Журнал всех действий
-
Шифрование данных
Человек в контуре -
Контроль решений
-
Эскалация сложных случаев
-
Аудит процессов
On-premise -
Установка на вашей инфраструктуре
-
Полный контроль данных
-
Соответствие корп. политикам
{/* Platform Overview */}
{/* FAQ */}
Часто задаваемые вопросы
{faqItems.map((item, index) => (
{item.question}
{item.answer}
))}
{/* Contact Form */}
{/* Footer */}
);
};
export default ZavodAIWebsite;