Верстка простого ленда HTML/CSS/JS (не WP!)

Это примеры наших лендингов:

https://pepper.deals/landers/wm750-main-204322/index.html

https://pepper.deals/landers/shein800-gw-quiz/index.html

Мы хотим сделать улучшенный дизайн на Tailwind (pure, bootstrap, не важно - желательно, единый фреймворк на весь ленд) на основе того, что есть и добавить новые блоки.

1 Воссоздать все существующие уже блоки с нуля на новом фреймворке
(включая опрос и ответы на вопросы)
возможно, измененный дизайн/фон - на твой вкус.

2 Добавить новые блоки (дальше расписаны новые блоки/элементы)

Новые блоки:

Буллеты/Нумерация отдельным блоком с заголовком

Пример:

5 Simple Steps To Get A Reward Worth Up To $1000 

✅ Choose the value of the Reward 

✅ Fill out your basic info

✅ Complete a super simple survey

✅ After you complete the survey, it will take you to the offer wall

✅ Complete enough offers to qualify for the reward
🎉 Receive the reward & celebrate!

===========================================================

Комменты (без аватарок)https://tailwindui.com/components/ecommerce/components/reviews

===========================================================

Пакеты - расположен после квиза

По типу как на картинке, только в рамках фреймворка, соответственно:

Заголовок над пакетами:

Your PayPal Cash Reward awaits you!

Что должно быть внутри пакетов?

Title:

$100 PayPal Cash

$500 PayPal Cash

$1000 PayPal Cash

Images of 3 different PayPal Rewards

Примеры:

Описания:

100% Free Participation

Earn Less

Save Your Time

100% Free Participation

Earn More

Spend More Time

Includes Paid Offers

Earn More

Save Your Time

Button:

Start Now

===========================================================

Картинка или несколько картинок в ряд с заголовком

===========================================================

Квиз

если прокликать до конца - можно увидеть затемнение и “анализ ответов” - тоже сделать с нуля, желательно в рамках того же фреймворка

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

Опрос/Пакеты - есть 3 варианта:

1 Только опрос

2 Только пакеты

3 Пакеты после прохождения квиза

===========================================================

дополнительно:

Никакой особый дизайн не нужен, просто верстка из существующих во фреймворке элементов.

У нас (не верстальщиков) должна быть возможность легко скрывать и открывать или менять местами все блоки, дивы, менять тексты, картинки и т.д. 

то есть вывести каждый элемент в коде отдельным блоком.

По итогу желательно убрать из файла фреймворка всё неиспользуемое, чтобы максимально облегчить загрузку. 

По примеру нынешнего ленда - ориентир на mobile, но чтобы на десктопе выглядел тоже приятно (не надо делать отдельную версию)