Bootstrap Card layout in typescript React

Описание проекта: Необходимо реализовать одностраничный сайт (лендинг) на платформе Shopify по готовому дизайну в Figma. Дизайн полностью готов — десктоп и мобильные версии, UI-kit, попапы, все состояния кнопок. Что нужно сделать: Верстка страницы по макету из Figma (десктоп + мобильная версия), пиксель-перфект Реализация как кастомная тема на базе нового блочного движка Shopify (Horizon) — НЕ готовый шаблон с маркетплейса, и не простая подгонка существующей темы под дизайн Все кнопки CTA ведут на WhatsApp (не на checkout/корзину) — нужно реализовать корректные wa.me ссылки с предзаполненным текстом Реализация попапов (видео-попап "Обойдите полную историю" и другие, как на макете) FAQ-блок с аккордеоном Подключение пикселей: Meta Pixel, Google Analytics 4 (события ViewContent, и кастомные события на клик по WhatsApp-кнопкам) Оптимизация под скорость загрузки на мобильном трафике (это критическое требование — целевая аудитория Польша, мобильный трафик преобладает). Ожидаю хорошие показатели Core Web Vitals / PageSpeed на мобильном Важно: Не использовать тяжелые готовые темы с маркетплейса и лишние сторонние приложения, которые утяжеляют сайт Нужен разработчик с портфолио именно кастомной разработки тем на Shopify (Liquid), а не только "сборки" из готовых шаблонов Желателен опыт работы с Core Web Vitals / performance-оптимизацией Shopify-страниц Дополнительно: После запуска возможна дальнейшая сотрудничество на постоянной основе — нужно будет вносить правки в текст/блоки, тестировать новые офферы, подключать аналогичные страницы под другие рынки К проекту прилагаю: Скриншоты дизайна (десктоп + мобильный) UI Kit с цветами, шрифтами, кнопками Ссылка на Figma (добавлю после отбора кандидатов) Сроки: обсуждаются, ориентировочно нужен запуск в ближайшее время. Бюджет: не указываю, жду предложения от исполнителей с оценкой стоимости и сроков.

О проекте:Требуется создать продающий лендинг для авторского онлайн-интенсива на действующем корпоративном сайте юридической фирмы. Платформа сайта: 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. Более подробно опишу уже в личные сообщения.