Что нужно сделать
Задачи
- Инициализировать проект на Next.js, в соответствии с требованиями к продукту
- Разработать компонент NavBar
- Разработать компонент Footer
- Разработать компонент Layot для страниц продуктов
- Разработать компонент Layot для страниц базы знаний
- Разработать компонент Contact Form
- Разработать компонент Конфигуратор продукта
- Связать модальные окна ответов с поведением форм
- Запустить продукт
Layout
главный контейнер объекта, состоящий из верхнего меню, контейнера контента и футера
Каждый должен быть выполнен в 4 разрешениях
Варианты разметки
JSON Form 2.5.5
кастомизация UI компонентов
- Range input
- Radio
- Select2
- Tab group
Функции:
- onUpdate - перерасчитывает стоимость товара, на основе аттрибута monthly
- onSubmit - отправка данных данных формы в WHMCS
Linking to WHMCS - WHMCS Documentation - Валидация - в соответвии JSON Schema 0.7
Сейчас
Должно выглядеть
Из данных
{ "schema": { "configoption410": { "type": "string", "title": "ram|\u041e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c" } }, "form": [ { "title": "ram|\u041e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c", "type": "tabs", "id": "tabs410", "items": [ { "type": "tab", "title": "1333", "items": { "key": "configoption410", "id": "group46", "title": "1333", "description": "", "type": "htmlsnippet", "activeClass": "btn-success", "optionsType": "htmlsnippet", "options": [ { "title": "16Gb|16Gb DDR3, PC10600 ECC|0.00", "value": 2938, "monthly": "0.00" }, { "title": "32Gb|32Gb DDR3, PC10600 ECC|1490.00", "value": 3325, "monthly": "1490.00" }, { "title": "64Gb|64Gb DDR3, PC10600 ECC|2490.00", "value": 3326, "monthly": "2490.00" }, { "title": "128Gb|128Gb DDR3, PC10600 ECC|3990.00", "value": 3327, "monthly": "3990.00" }, { "title": "256Gb|256Gb DDR3, PC10600 ECC|6990.00", "value": 3328, "monthly": "6990.00" } ] } }, { "type": "tab", "title": "1600", "items": { "key": "configoption410", "id": "group48", "title": "1600", "description": "", "type": "htmlsnippet", "activeClass": "btn-success", "optionsType": "htmlsnippet", "options": [ { "title": "16Gb|16Gb DDR3, PC12800 ECC|390.00", "value": 3329, "monthly": "390.00" }, { "title": "32Gb|32Gb DDR3, PC12800 ECC|1790.00", "value": 3330, "monthly": "1790.00" }, { "title": "64Gb|64Gb DDR3, PC12800 ECC|2990.00", "value": 3331, "monthly": "2990.00" }, { "title": "128Gb|128Gb DDR3, PC12800 ECC|4790.00", "value": 3332, "monthly": "4790.00" }, { "title": "256Gb|256Gb DDR3, PC12800 ECC|7990.00", "value": 3333, "monthly": "7990.00" } ] } }, { "type": "tab", "title": "1866", "items": { "key": "configoption410", "id": "group49", "title": "1866", "description": "", "type": "htmlsnippet", "activeClass": "btn-success", "optionsType": "htmlsnippet", "options": [ { "title": "16Gb|16Gb DDR3, PC14900 ECC|790.00", "value": 3334, "monthly": "790.00" }, { "title": "32Gb|32Gb DDR3, PC14900 ECC|2290.00", "value": 3335, "monthly": "2290.00" }, { "title": "64Gb|64Gb DDR3, PC14900 ECC|3990.00", "value": 3336, "monthly": "3990.00" }, { "title": "128Gb|128Gb DDR3, PC14900 ECC|6790.00", "value": 3337, "monthly": "6790.00" }, { "title": "256Gb|256Gb DDR3, PC14900 ECC|12790.00", "value": 3338, "monthly": "12790.00" } ] } } ] } ] }
curl "https://cloud.servermall.ru/feeds/productpricing.php?pid=396"
CODE