Next.js (React), TypeScript, SCSS
Ищем разработчика-фрилансера (агентства не рассматриваем)
Описание:
Необходимо добавить два блока на существующую страницу: “Контакты” и “Лицензии”.
1. Слайдер “Лицензии”:
Задача: Реализовать слайдер, реализовать открытие лицензий в модальном окне при клике на соответствующую картинку лицензии.
Функциональность:
- При клике на лицензию открывается модальное окно.
- В модальном окне отображается изображение (png формат).
- Модальное окно должно иметь возможность закрытия.
- Окно должно быть адаптивным.
Важно: В макете есть слайдер. Используйте одно изображение лицензии в качестве заглушки для всех слайдов, чтобы не тратить время на копирование всех картинок.
Пример реализации: В качестве примера ориентироваться на функциональность, реализованную здесь:
https://embrylife.ru/dokumenty/ (открытие документов в модальном окне).
2. Блок “Контакты”:
Задача: Сверстать блок, интегрировать карту с Яндекса как указано в Figma
3. Общие требования к коду:
Блоки “Контакты” и “Лицензии” необходимо реализовать как отдельные React компоненты.
Сроки выполнения:
1 рабочий день
Макеты:
Figma: Главная страница
https://www.figma.com/design/MLSX4i4vmR0JDTqkIzMI4b/Embrylife-2024?node-id=2006-2&p=f&t=vFWNZwhPHyNDj24w-0
Для мобильной версии макет отсутствует. Адаптивность нужно будет придумать самостоятельно.
*Данное задание рассматривается как тестовое. Если результаты и качество кода нас устроят, мы продолжим сотрудничество и доработаем текущий проект в полном объеме
