Верстка сайта заказов кафе

Требуется сверстать макет сайта из Figma. Сайт по заказу блюд и напитков в кафе, следующие страницы:
1. Выбор меню (длинная страницы со списком карточек блюд и кнопкой добавления в меню)
2. Окно-описание карточки самого блюда (как всплывающее окно), в котором информация о блюде, выбор размера и опций
3. Корзина со списком добавленных позиций
4. Экран статуса заказа (тип и процесс оплаты, статус приготовления блюда, оценка заказа)

Нужна адаптивная верстка под 3 размера: экран телефона (вертикальный), экран планшета (вертикальный), киоск самообслуживания (вертикальный). В макете дизайна представлены 3 варианта как должно быть.

Сверстать нужно отдельными компонентами, так как натягиваться будет на SPA приложение на Angular.
Акцентный цвет планируется сделать настраиваемым параметром.

Макеты могу отправить в Л/С если нужно ознакомиться заранее.