Улучшить до зеленой зоны показатель CLS из pagespeed (сдвиг макета)

Добрый день! У нас есть проект на Next.js, React, Node.js и Strapi. В настоящее время сверстана главная страница, а две второстепенные требуют доработки. Также необходимо сверстать еще 4–5 страниц с адаптацией и сложными анимациями под разные устройства и подключить их к админ-панели Strapi. Из-за изменения загруженности предыдущего разработчика ищем нового специалиста для завершения проекта. Ищем ответственного разработчика с практическим опытом работы с этим стеком. В отзыве, пожалуйста, добавьте примеры похожих проектов. Бюджет, конечно, обсудим.

Необходимо создать одностраничный сайт (Landing Page) на WordPress + Elementor Pro для продажи электрического моноколеса. Требования: Верстка на Elementor Pro. Адаптивность (ПК, планшет, мобильные). Современный дизайн (желательно не шаблон). Наполнение страницы информацией о товаре с официального сайта (фото, видео, характеристики, описание и т.д.), получит только исполнитель проекта. Формы заявки (имя + телефон). Основные блоки: главный экран, преимущества, характеристики, галерея, комплектация, FAQ, контакты. Кнопки призыва к действию по всей странице. Базовая SEO-оптимизация. Оптимизация скорости загрузки. После завершения работы сайт должен быть полностью готов к переносу на хостинг клиента. Вся работа на вашем хостинге с ежедневной отчетностью. Прошу сразу указать: ориентировочную стоимость; срок выполнения; примеры похожих лендингов на Elementor (при наличии). пользуетесь ли электрическим транспортом в жизни (каким именно)

Это недоработанный плагин для After Effects: https://drive.google.com/drive/u/0/folders/1Nq9a672OK6ep9Com1lqelUhZxbx3_3f1 Это, если я правильно понимаю, CEP-плагин (Adobe Extension) для After Effects. Это HTML/JavaScript-панель через Adobe CSXS, которая взаимодействует с After Effects через ExtendScript. Целью было автоматизировать процесс создания видео в стиле "maze challenge", референс на YouTube GOALRUSH-f8x или аналог. Видео ручного монтажа: https://drive.google.com/file/d/1Ylzvax6w2JGDwaBqeCdbD49jh5wB5buY/view?usp=sharing Файл одного из проектов: https://drive.google.com/file/d/15vKd1L9VfHtDqK2wtLQdYEmDpH1d8Jvy/view?usp=sharing Кроме "багованности" системы через вайбкодинг (поэтому вайбкодеры мимо), не устраивали накладки такие детали (реальные правки): https://docs.google.com/spreadsheets/d/18Svc6GoQ34PgLe1HY7gNX5tPLH0Cpv9E4mfjCRBCMFU/edit?gid=0#gid=0 Нужно сделать систему, которая будет генерировать проекты в After Effects со всеми необходимыми компонентами видео, которые написаны в База.pdf, более детальная логика в виде фото, текстового документа и mind map для понимания всех возможных вариаций на диске: https://drive.google.com/drive/folders/1Uf4Pnw3SKmwpmhL7sjPZFnfAbN0arUjr?usp=sharing Еще более детально (с более углубленной описательной частью и ссылками на таймкоды в референсах) ТЗ будет фиксироваться в рабочей области проекта Конечный результат — это система, которая создает видео: от 40 секунд до 1 минуты, полностью уникальный контент каждое создание, без метаданных ИИ в файле видео, в нем должен быть понятный сюжет (ловушки, тупики, разные эмоции персонажей-знаменитостей в результате каких-то сюжетных поворотов в видео), саунд-дизайн под сюжет (крики и другие эмоции, взрывы и т.д.), стилистически не отличающиеся от видео референса с канала

Потребуется доработка рабочего лендинга -конфигуратора созданного в ИИ Созданы почти все визуализации и опции. Передадим архив. Нужно чтобы все хорошо работало, показывалось и адаптивность под моб и ПК. Прикреплен скриншот лендинга

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