# Редизайн страницы /info — Спецификация

**Дата:** 2026-05-24
**Страница:** `/info` (Информация для покупателей)
**Подход:** Минимальные правки — обновить контент существующих секций, не меняя структуру страницы.

---

## 1. Секция «Как оформить заказ» (HowToOrderSection)

MUI Stepper с ветвлением на шаге 3. Два сценария: доставка и самовывоз.

### Общие шаги (1–2):

| Шаг | Название | Описание |
|-----|----------|----------|
| 1 | Выберите товары | Найдите нужное в каталоге, добавьте в корзину |
| 2 | Проверьте корзину | Убедитесь, что состав и количество верны |

### Ветвление на шаге 3:

#### Доставка:

| Шаг | Название | Описание |
|-----|----------|----------|
| 3 | Укажите адрес доставки и получателя | Имя, телефон, email, адрес (или добавьте новый в личном кабинете) |
| 4 | Выберите способ доставки | Почта России, Озон ПВЗ, Яндекс ПВЗ, 5Post, WB ПВЗ. Дождитесь расчёта стоимости доставки — мастер скорректирует цену |
| 5 | Оплатите заказ | Онлайн через ЮKassa (карты, СБП) |
| 6 | Получите заказ | Отслеживайте по трек-номеру |

#### Самовывоз:

| Шаг | Название | Описание |
|-----|----------|----------|
| 3 | Подтвердите заказ | Выберите оплату: онлайн через ЮKassa или при получении |
| 4 | Согласуйте время получения | Мастер свяжется с вами, чтобы договориться о времени |
| 5 | Получите заказ | Адрес: ул. Мира, 34 (ссылка на /about — карта) |

### Финальный шаг (после получения):
После получения заказа можно оставить отзыв.

---

## 2. Секция «Доставка» (DeliverySection)

Две карточки:

### Самовывоз
- Бесплатно
- Адрес: 618909, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34
- Ссылка на /about (карта)
- Перед визитом согласуем время — чтобы заказ точно был готов к выдаче

### Доставка по России
Перечислить все 5 служб:
- Почта России
- Озон доставка (пункт выдачи)
- Яндекс доставка (пункт выдачи)
- 5Post (пункт выдачи)
- WB доставка (пункт выдачи)
- Каждому заказу присваивается трек-номер для отслеживания
- Стоимость рассчитывается по тарифу перевозчика, мастер скорректирует цену после оформления

---

## 3. Секция «Оплата» (PaymentSection)

Два способа:

| Способ | Описание |
|--------|----------|
| Онлайн-оплата через ЮKassa (карты, СБП) | Оплата после подтверждения заказа мастером. Перенаправление на защищённую платёжную страницу ЮKassa |
| Оплата при получении | Наличными или картой при самовывозе |

Примечание: оплата происходит после подтверждения заказа мастером.

---

## 4. Секция «Возврат» (ReturnsSection)

Без изменений — текущий контент остаётся.

---

## Файлы для изменения

| Файл | Что менять |
|------|-----------|
| `client/src/pages/info/ui/sections/HowToOrderSection.tsx` | Переписать stepper с ветвлением |
| `client/src/pages/info/ui/sections/DeliverySection.tsx` | Перечислить carriers, добавить ссылку на /about |
| `client/src/pages/info/ui/sections/PaymentSection.tsx` | Заменить «Банковская карта онлайн» на «ЮKassa (карты, СБП)» |