Верстка

Добрый день
У нас есть мобильная версия сайта (маркетплейс) и задача сделать подвязать функционал к новым страницам сайта (опираясь на дизайн)
Работу нужно сделать как на мобильной так и на ПК версии.
Фронт реализован на Next v.14 с использованием App Routing
Бэкенд разработан на ASP.NET Core Web API v. 6-8. СУБД – MS SQLServer.
Пример ТЗ:
Сейчас на главной странице у нас есть 4 основных блока:
- Забронировать тренировку
- Купить форму и инвентарь
- Арендовать Лед и зал
- Записаться на турнир
Работаем пока над блоком "Купить форму и инвентарь"
При клике на этот раздел должна открываться новая страница и содержать в себе следующее:
Название самого блока "Купить форму и инвентарь" и стрелочка возврата на главную (при клике переходим на главную страницу)
Ниже - кнопка Меню, строка поиска по выбранному городу (город можно менять) и корзинку
Ниже сортировочный фильтр - посмотрите как растает фильтр на главной странице в раздел Расписание тренировок.
Категории фильтров:
- Категория. Про нажатии появляется список - Форма для полевого игрока, Форма для вратаря, Тренировочный инвентарь, Прочее
- Состояние (Новое, Б/у)
- Стоимость (см. варианты на платформе)
Ниже в 2 ряда будут находиться по 2 объявления с возможностью добавить в избранное их можно будет скролить вправо-влево
В объявлениях должна быть отображена информация:
Фотографии
Названия
Цены
Состояние
Категория (например - Форма для полевого игрока)
Часть ТЗ для примера (диайзан есть в фигме)