Сверстать простую веб-страницу html, CSS/SCSS, js , react

1. https://www.figma.com/file/RIRJzIEVHYFjkT0879pyOZ/%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B?type=design&node-id=0%3A1&mode=design&t=pGLl7kxZV67uwf3m-1
2. HTML/CSS/SCSS:
3. • Создайте HTML-файл и сверстайте веб-страницу, используя HTML5 и CSS/SCSS.
   • Обратите внимание на семантику HTML и использование современных CSS-свойств.
   • Используйте SCSS для управления стилями. (По желанию) Разделите стили на множество модулей и используйте переменные и миксины для повторного использования стилей.
   • Убедитесь, что веб-страница отзывчива и хорошо выглядит на различных устройствах (мобильных, планшетах, настольных компьютерах) и в различных браузерах. (Меню на мобильной версии позволяется не верстать)
   • Все функциональные элементы должны быть доступны и управляемы с помощью клавиатуры.
4. JavaScript Добавьте интерактивность на веб-страницу, используя JavaScript. Реализуйте следующие функции:
   • При нажатии на кнопки консультаций, должно отображаться дополнительное содержимое на странице.
   • Реализуйте простую валидацию формы: проверьте, что все обязательные поля заполнены перед отправкой формы.
   • Реализуйте простую анимацию для элементов на странице (например, плавное появление или исчезновение).
   • Сохраняйте данные в LocalStorage
5. JS Framework
   • Реализуйте проект на одном из фреймворков - React или Vue3.
   • Данное число должно быть равно курсу “GBP" из следующего эндпоинта - https://www.cbr-xml-daily.ru/daily_json.js округленное до целого числа.
     
     Фото 1
   • Данное число должно равно сумме цифровых значений даты. Пример: Если сегодня 01.01.2000, то сумма 0 + 1 + 0 + 1 + 2 + 0 + 0 + 0 = 4
     
     Фото 2

Дополнительные требования