Верстка сайта из дизайна-макета ( Vue.js )

О проекте:Требуется создать продающий лендинг для авторского онлайн-интенсива на действующем корпоративном сайте юридической фирмы. Платформа сайта: WordPress. Ожидаемый URL страницы: сайт/online_intensive1. Дизайн и структура:Есть готовый прототип в виде чистого HTML/CSS кода (включает тексты, структуру, цветовую гамму, адаптивность и вертикальные видеоотзывы 9:16). Код будет передан исполнителю.Задача по дизайну:Взять этот код за основу, но не просто скопировать. Приветствуется доработка UX/UI, добавление аккуратных микроанимаций, теней, современных эффектов (фич), которые сделают страницу более привлекательной и продающей, сохраняя строгий корпоративный стиль.2. Интеграция с CMS (Редактируемость):Критически важно:Лендинг не должен висеть на сайте как «голый» HTML-код. Страницу необходимо собрать с помощью визуального конструктора (Elementor) или реализовать через гибкие поля (ACF).У заказчика должна быть возможность легко менять любые тексты, ссылки, тарифы и фотографии прямо из админ-панели WordPress без вмешательства в код.3. Технические требования и адаптивность:Полная адаптивность кроссбраузерной верстки: Desktop, Tablet, Mobile. Страница должна корректно отображаться на всех типах устройств (в том числе пропорции 3 вертикальных видеоотзывов).Высокая производительность:Обязательна базовая оптимизация скорости загрузки (Google PageSpeed). Изображения должны быть сжаты и конвертированы в формат WebP, скрипты и стили минифицированы.4. Форма обратной связи (Лидогенерация):На лендинге есть форма заявки (Имя, Телефон). Ее нужно сделать полностью рабочей.Все заявки должны моментально отправляться на корпоративный email: info@сайт.Необходимо настроить отправку через SMTP-сервер или использовать надежный плагин (WPForms / Contact Form 7), чтобы заявки гарантированно не попадали в папку «Спам».5. Мультиязычность:Текущий сайт подразумевает наличие трех языков (РУС, КАЗ, АНГЛ).В рамках проекта исполнитель должен настроить мультиязычность для нового лендинга (с помощью встроенного на сайте плагина).В процессе выполнения задачи заказчик предоставит готовые переводы текста на казахский и английский языки. Исполнитель должен создать и оформить эти дополнительные языковые версии страницы.6. Интеграция с главным сайтом:Настроить переход на лендинг с основного сайта.В главном меню (в хедере) действующего сайта salyk.net необходимо добавить новую кнопку или пункт меню (например, «Онлайн-интенсив»), которая будет вести на адрес /online_intensive.Дополнительно: сделать функцию переключения между языкамиrus/eng/kazв стиле сайта.

Вирус в настоящее время проник на сайт. Сайт не функционирует должным образом. В частности, главная страница работает некорректно. Нам нужен разработчик, который сможет исправить эту ошибку как можно скорее.

Есть сайт, который функционирует, нужно изменить структуру главного меню и создать несколько новых страниц (уже по тому шаблону, что есть, с тем же дизайном) Что есть: Структура меню: Главная О нас Услуги: йога с щенками, йога + звуковая ванна + церемония с какао, звуковая ванна, йога с ламами Подарочная карта Блог Контакты Что нужно сделать: 1. Изменить структуру меню на следующую: Главная О нас Еженедельные мероприятия Сезонные мероприятия Частные мероприятия Подарочная карта Блог Контакты 2. Создать новые страницы (каталог услуг) Еженедельные мероприятия Сезонные мероприятия (на этой странице сделать разделение Осень-Зима, Весна-Лето (или сделать пометки рядом с каждой карточкой продукта, когда он доступен) Частные мероприятия Эти страницы сделать на основе существующей страницы - то есть скопировать существующую страницу и привязать к ней страницы услуг, они должны отображаться там автоматически, если поставить галочку 3. Добавить следующие услуги на страницу еженедельных мероприятий: Йога с щенками Звуковая ванна 4. Добавить следующие услуги на страницу сезонных мероприятий: Звуковая ванна Bloom Frequency Йога с ламами Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Йога, церемония с какао и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна 5. Добавить услуги на страницу частных мероприятий: Частная йога с щенками в студии Частная йога с щенками на вашем месте Частная звуковая ванна для одного Частная групповая звуковая ванна Частные звуковые ванны и чайные церемонии для команд, лидеров и корпоративных мероприятий 6. Привязать календарь системы simplybookme к страницам: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна Эта система бронирования уже настроена на сайте, нужно по такому же принципу, как и сейчас, привязать календарь к перечисленным страницам. 6.1. Добавить кнопку “в списке ожидания” на страницы: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна После того как человек нажимает на кнопку - должна появиться форма, где человек оставляет свой email, имя и отправляет эту форму. С нашей стороны клиенту должно приходить письмо, что он попал в список ожидания, и нам должно приходить уведомление, что кто-то добавился в список ожидания. Через simplybook не получится, нужно, наверное, делать через формы shopify, или можете предложить другое решение

На основе уже имеющегося шаблона дизайна сайта сделать версту для фреймворка Laravel. Макет дизайна сделан в Figma. Более подробно опишу уже в личные сообщения.

Есть воронка продаж для интернет магазина который мы хотим повторить у себя Выглядит она вот так Основной лендинг (товар который основной в продаже например рубашка ) Потом страница чек аут (где человек вводит свои данные и выбирает сколько например рубашек он хочет купить) Потом он идет дальше по воронке и ему предлагают допродажу 1 (носки) + потом допродажу 2 (трусы) и финал страница спасибо Как это должно работать в плане перехода по страницам и логике вы можете посмотреть здесь (нужно дойти до конца до страницы спасибо)https://3plus3.heroman.com.ua/standard/ У нас есть примеры страниц которые мы хотим сделать у себя То есть для нас по сути мы скопируем дизайн - верстаем - заполняем под наш товар Страницы с допродажами будут такие же по дизайну и структуре как в сайте что кинул выше (трусы) Вам заполнять не надо будет страницы инфой только собрать скелет - чтобы заявка правильно приходила Также придумывать структуру тоже не нужно страницы От вас по сути Скопировать и сверстать Настроить чтобы технически правильно работало Показать как с этим работать чтобы могли сами это делать Есть 2 конструктора сайтов на примете, с 1 плотно работаем сейчас и нужно понять можно ли на нем такое развернуть (но я читал в гпт можно)