Создание Battle Pass и Достижения (React.js)

Необходимо разработать фронтенд-интерфейсы для двух систем: Battle Pass (по аналогии с Genshin Impact) — с уровнями, наградами и прогрессом. Достижения и бонусы — список задач с наградами, статусом выполнения. Технологии: React.js остальное на ваше усмотрение Требуемые работы 1. Battle Pass Пример: (https://ibb.co/twcs849F) Интерфейс: Горизонтальный скролл уровней с бесплатными и Premium-наградами. Прогресс-бар с XP и таймером сезона. Кнопки: "Купить Premium", "Получить награду". Функционал: Анимации получения наград (эффекты всплытия, свечения). Адаптив под мобильные устройства. 2. Система достижений Пример: (https://ibb.co/b5kTH8S9) Интерфейс: Карточки достижений с: Названием, описанием цели, наградами. Прогрессом (например, "38/40"). Статусом ("Выполнено"/"В процессе"). Кто выполнил, кто был первым, сколько человек было. Функционал: Получение наград с анимацией. Попап с деталями достижения.