MVP – копия сервиса создания AI-персонажа

## Техническое задание: MVP создания AI-персонажа (копия существующего сервиса)  (сайт отправлю в лс)

### 1. Цель проекта

* Быстро проверить спрос и юнит-экономику сервиса «создания AI-персонажа» без реализации генератора изображений и сложной базы данных.
* Собрать данные о конверсии landing → оплата и оценить CPL/CPA при рекламном трафике.
* Обеспечить простой механизм возврата средств вручную.
* Обеспечение архитектурного фундамента для дальнейшего усложнения проекта: интеграция реального генератора персонажей, реализация чата с персонажем и добавление галереи готовых персонажей.

### 2. Общий сценарий пользователя

1. Пользователь переходит на лендинг и заполняет опросник, полностью повторяющий структуру и содержание на xxxx.ai (шаги: выбор стиля персонажа, описание внешности и характера и т.д.).
2. После завершения опроса пользователь нажимает «Запустить генерацию» и оплачивает услугу.
3. Система показывает страницу прогресса «Ваш персонаж создаётся…» (имитация).
4. Администратор вручную инициирует возврат средств в панели оплаты.
5. Пользователь получает email с подтверждением возврата.

### 3. Страницы и интерфейсы

> Внимание: дизайн всех страниц и компонентов должен быть точь-в-точь как на xxxx.ai, включая адаптивные версии для мобильных и десктопных устройств.

1. Landing Page
   * Описание сервиса, базовые разделы, как на xxxx.ai (сайт отправлю в лс)
   * Призыв к действию: кнопка «Создать моего AI-персонажа».
3. Опросник (дизайн и порядок полей точь-в-точь как на xxxx.ai):

4. Страница оплаты

   * Интеграция со Stripe/PayPal.
   * Отображение суммы и кнопка «Подтвердить платеж».
5. Страница прогресса

   * Анимация прогресс-бара.
   * Сообщение: «Ваш персонаж создаётся, пожалуйста, ждите».
6. Email-уведомления

   * О завершении опросника и начале генерации.
   * О выполненном возврате средств.

### 4. Функциональные требования

#### 4.1. Опросник

* Валидация ответов на клиенте и сервере.
* Сохранение ответов в БД (таблица `questionnaire_responses`).

#### 4.2. Платёжная интеграция

* Подключение Stripe (или PayPal) с вебхуками.
* Создание платежа и ожидание события payment_intent.succeeded.
* Сохранение заказа в БД (таблица orders`): статус `paid.

#### 4.3. Имитация генерации

* После оплаты перенаправление на /progress/{order_id}.
* На фронте автоматический переход в «ожидание» (без реальных запросов к AI).

#### 4.4. Возврат средств

* В через Stripe Dashboard оператор вручную инициирует refund.

#### 4.5. Админ-панель (минимум)

* Просмотр списка заказов с фильтрами по статусам paid, refunded.
* Кнопка «Отметить как возвращено» (для записи локального статуса в БД) с отправкой уведомления.

#### 4.6. Аналитика

* Внедрить Mixpanel для подробного трекинга пользовательских событий и воронок.
* Отслеживать события: StartQuestionnaire, CompleteQuestionnaire, PaymentSuccess, RefundIssued.

### 5. Нефункциональные требования

* Адаптивность: мобильный-first.
* Время загрузки страниц не более 2 с.
* Безопасность: HTTPS, защита CSRF, валидация входящих данных.
* Соответствие GDPR: чекбокс согласия на обработку данных в форме опросника.

### 7. Технический стек

* Front-end: React + Next.js, Tailwind CSS
* Back-end: Node.js (Express или NestJS), PostgreSQL.
* Платежи: Stripe SDK + вебхуки.
* Аналитика: mixpanel

### 9. Дальнейшие шаги после MVP

* Интеграция реального генератора персонажей.
* Реализация чата с персонажем.
* Добавление галереи готовых персонажей