Нужно сверстать микролендинг.
К бекенду подключим сами.
C бекенда будет приходить ссылка на видео, которые необходимо воспроизводить в очередном порядке.
Над видео есть прогресс бар, который заполняется по мере проигрывания видео.
Количество прогресс баров = количеству роликов, которые надо воспроизвести.
Пользователь в любой момент может, ввести номер телефона, нажать на кнопку GO.
По нажатию на эту кнопку мы выводим уведомление, удачное заполнение или нет, в зависимости от того ввел ли пользователь 11 значный номер или нет.
Если все правильно ввел, показываем попап о успешном заполнении.
Если не правильно, то о неудачном выполнении.
После этого попапа, всегда показываем окно с подпиской и донатами.
Пример того, как должны работать прогресс бары на сайте
teredio.storyland.mobi/.
Верстка нужна только мобильная, ПК версия не предусматривается.
Важно, что бы сайт был адаптивен к разным размерам мобильных устройств.
www.figma.com/file/TbpfcG... Язык Html + js, Css