Сверстать несколько новых элементов на сайт

Сайт: http://dv-consulting.dev-lp.ru

1. Нужно сделать cверстать плашку в самом верху страницы. По клику на текст в ней должна открываться страница: https://dv-business.mave.digital/ (в новой вкладке).
При нажатии на крестик плашка должна закрывается и появляется в след. раз только при переходе на другую страницу или при обновлении текущей страницы.

Дизайн: https://www.figma.com/design/jYUzcvaLwoJgAwSkIbM9KK/DV-Consulting-(new)-(Copy)?node-id=4390-1625&node-type=frame&t=K3TiUbK60jlPROxL-0

2. Нужно сверстать pop-up.https://www.figma.com/design/jYUzcvaLwoJgAwSkIbM9KK/DV-Consulting-(new)-(Copy)?node-id=4392-1677&node-type=frame&t=K3TiUbK60jlPROxL-0

Попап должен появляться только на этих страницах:https://dv-consulting.ru/pp-1236/https://dv-consulting.ru/pp-878/https://dv-consulting.ru/torp/https://dv-consulting.ru/pp-616/https://dv-consulting.ru/mtk/
Появляться должен после прокрутки 40-50% страницы. В идеале если сделаете редактируемым этот момент, чтобы мы уже сами докрутили итоговую точку показа.

После закрытия попапа, пока не перейдешь на другую страницу из списка выше он не всплывает.

Закрываться попад должен по крестику и по клику мимо него.

Фон за попапом затемняем так же как это реализовано в других попапах (например по кнопке заказать звонок в шапке)

На прикрепленной картинке отметил на что смотреть в дизайне.

Важно! Интересует только верстка, бэкенд мы сделаем сами.


От вас нужна след. информация:1. Стоимость.2. Срок.3. Стоимость вашего часа работы.4. Ваш налоговый статус ИП\ООО\Самозанятый\Физлицо.5. Ваши кейсы.