Редизайн страницы /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 (карты, СБП)»

4.6 KiB Raw Blame History Unescape Escape