Сайт на Next.js · разбор ситуации, претензии, калькуляторы
Юридическая компания с ИИ-разбором
Клиент боится двух вещей: что юрист «раздует» дело и что перспективы ему нарисуют розовыми. Здесь сначала короткий разбор по практике — перспективы, сроки и вилка цены без обещания выигрыша, — потом можно собрать претензию и скачать её в Word, посчитать госпошлину и неустойку и только после этого записаться. Юрист экономит первый час на типовых вопросах, а клиент видит, за что платит, ещё до договора.
Сценарий: Юридическая компания «Прецедент» в Екатеринбурге — вымышленная: шесть практик от потребителей до ДТП, три юриста и демо-кейсы с суммами и сроками.
Открыть демо
Опишите ситуацию в поле на первом экране — откроется разбор. Остальные инструменты — во вкладках «Онлайн-кабинета», заявка на консультацию появится в панели владельца.
Заявки с демо-сайта видны только вам, в «Панели владельца»: сервер проверяет форму и ничего не хранит.
Что показывает демо
Как попробовать
Разберите ситуацию
Напишите на первом экране, что случилось, или выберите пример и ответьте на вопросы — увидите перспективы, сроки, вилку цены и юриста под дело.
Скачайте претензию
На вкладке «Претензия в Word» подставьте свои данные или оставьте пример кухни и скачайте .rtf — файл откроется в Word.
Проверьте сроки и цифры
На вкладках «Пошлина и неустойка» и «Срок давности» введите сумму и дату — расчёт появится сразу, с формулой и крайней датой.
Посмотрите ход дела
В блоке «Как ведём дело» нажмите «Следующий этап» или «Проиграть» — кабинет клиента обновится вместе с этапом.
Запишитесь
Выберите день и время, юриста и оставьте телефон — в панели владельца появится заявка, к ней можно скачать .ics.
Без платных нейросетей
Платных запросов к нейросетям нет: разбор ситуации построен на правилах по ответам квиза, документы — шаблоны с подстановкой полей, госпошлина и неустойка — упрощённые формулы. В рабочей версии на месте разбора — языковая модель под контролем юриста. Расписание консультаций детерминировано. Фирма, кейсы и цены — вымышленные; это не юридическая консультация.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Карточки дел, сроки и документы — из LegalTech / CRM (Case.one, Битрикс24), сайт — витрина тех же данных
- Разбор ситуации — языковая модель (YandexGPT или GigaChat) с базой практики фирмы и обязательным ревью юристом перед советом клиенту
- Документы в DOCX с фирменным бланком, ЭДО и регистрацией исходящих
- Оплата консультации через эквайринг, запись в календарь юриста, видеозвонок
- Госпошлина и неустойка — актуальные ставки НК РФ и ключевая ставка ЦБ по API, с оговоркой что расчёт предварительный
Стек
- Все демо по стеку:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Основано на
Книги и дисциплины, идеи из которых работают в этом демо.
Книга · Уильям Арнц, Бетси Чейс, Марк Висенте
Что мы вообще знаем?
ИИ-разбор ситуации начинается с уточняющих вопросов, а не с готового вердикта.
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Клиент видит перспективы и вилку цены до договора — меньше «раздутых» ожиданий и отказных созвонов после первой встречи.
- Черновик претензии и калькуляторы снимают с юриста первый час рутины: на консультацию приходят уже с документами и цифрами.
- Запись со свободными окнами и файлом в календарь уменьшает пропуски и пустые слоты.
Для разработчиков
- Разбор ситуации — чистая функция по ответам квиза с тестами: балл, риски и вилка цены детерминированы, без вызовов модели.
- Документ собирается в текст и уходит в минимальный RTF с Unicode-escape для кириллицы — открывается в Word без библиотек.
- Госпошлина и неустойка — отдельные формулы с пояснением шагов; ключевая ставка в демо зафиксирована, чтобы тесты не плавали.
Советы
Совет 01
Пишите дисклеймер рядом с «ИИ-разбором»: это демо и не консультация — иначе посетитель примет ориентир за совет.
Совет 02
Дайте скачать документ сразу: ощущение прогресса важнее идеальной юридической формулировки на первом шаге.
Нужен такой же для вашего бизнеса?
Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.
Другие демо в этом разделе
Все демо- работает
Сайт на Next.js · лендинг услуги
Лендинг стоматологии
Одностраничный сайт клиники, который приводит пациентов: квиз подбирает лечение, калькулятор считает план с рассрочкой, онлайн-запись показывает свободное время врачей, ИИ-консультант отвечает по прайсу. Заголовок проверяется A/B-тестом, заявки и цели видны в панели владельца.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · B2B, многостраничный
Сайт производственной компании
Многостраничный сайт завода металлоконструкций, который продаёт сам: калькулятор считает стоимость здания с живым чертежом, конструктор собирает техзадание, кейсы фильтруются по отрасли, на вакансии можно откликнуться с резюме, а поиск по сайту понимает запросы своими словами.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · каталог, карта, сравнение
Каталог недвижимости с умным поиском
Каталог квартир агентства недвижимости: напишите «двушка у метро до 12 млн» — поиск сам выставит фильтры, покажет квартиры на карте города, сравнит до четырёх и пришлёт новые в Telegram.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · ИИ-перевод, SEO по языкам
Экспортный сайт на четырёх языках
Сайт экспортёра алтайского мёда на русском, английском, китайском и арабском: переведённые адреса страниц, SEO по языкам, калькулятор оптовой цены с доставкой и студия перевода, которая проверяет черновик нейросети по глоссарию.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · кабинет, ИИ-помощник, Telegram
Личный кабинет клиента
Кабинет клиента типографии: заказы с этапами производства, согласование макета с правками прямо на макете, счета с оплатой по СБП, документы с электронной подписью, новый заказ с расчётом цены, чат с ИИ-помощником и менеджером, уведомления в Telegram.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · Python в браузере, ИИ-наставник
Онлайн-школа с кабинетом ученика
Онлайн-школа аналитики: лендинг с задачей на Python, которая проверяется прямо в браузере, тест уровня с персональной программой, рассрочка с расчётом налогового вычета, кабинет ученика с домашними заданиями и ИИ-ревью, ИИ-наставник по материалам курса и сертификат с проверкой по QR-коду.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · запись по госномеру, фотоотчёт, согласование
Автосервис с записью и статусом ремонта
Сайт автосервиса: запись по госномеру или VIN в свободные окна постов, разбор «что стучит?» с вероятными причинами и вилкой цены, статус ремонта с фотоотчётом, согласованием доп. работ и оплатой по ссылке, гараж с историей обслуживания и прогнозом следующего ТО.
- Next.js
- React
- TypeScript
- работает
Сайт SaaS на Next.js · песочница, кабинет, API
SaaS: ИИ-ответы на отзывы WB и Ozon
Сайт и кабинет SaaS-сервиса, который отвечает на отзывы Wildberries и Ozon: песочница с разбором отзыва и проверками, автопилот по рейтингу, очередь с согласованием, аналитика тем, тарифы с калькулятором окупаемости, подключение магазина по ключу, счёт по ИНН и документация API с живой консолью.
- Next.js
- React
- TypeScript
- работает
Сайт ресторана на Next.js · меню, бронь, доставка
Ресторан с доставкой
Сайт ресторана с доставкой: меню с фильтрами по аллергенам и диетам, ИИ-подбор ужина по обычной фразе, бронь стола по схеме зала со свободными столами на выбранное время, корзина с зонами доставки, минимальным заказом и промокодами, отслеживание заказа с курьером на карте.
- Next.js
- React
- TypeScript
- работает
Сайт фитнес-студии на Next.js · запись, абонементы, кабинет
Фитнес-студия
Сайт фитнес-студии малых групп: расписание на неделю с местами и записью в два клика, лист ожидания с автоматическим переносом в группу, абонементы с заморозкой из кабинета, ИИ-план тренировок на 4 недели по пяти вопросам и личный кабинет со статистикой посещений.
- Next.js
- React
- TypeScript
- работает
Сайт IT-конференции на Next.js · программа, билеты, нетворкинг
Сайт конференции
Сайт двухдневной конференции: программа по залам и трекам с личным расписанием, ИИ-подбор докладов без пересечений по роли и свободному тексту, билеты волнами с промокодами и скидкой команде, QR-код на каждого участника с проверкой на входе и нетворкинг с подбором собеседников и встречами в перерывах.
- Next.js
- React
- TypeScript
- работает
Корпоративный сайт логистики на Next.js · калькулятор, трекинг, ИИ-заявка
Сайт транспортной компании
Корпоративный сайт транспортной компании: калькулятор, который сразу сравнивает сборный груз и отдельную машину, отслеживание груза с машиной на карте, ИИ-разбор заявки из письма или накладной с подсветкой пропущенных полей, карта складов и терминалов с расчётом хранения, анкета перевозчика с проверкой допуска и реквизиты с проверкой контрольных сумм.
- Next.js
- React
- TypeScript