Требуется написать HTML+css вместе одним кодом для карточек

ТЕХНИЧЕ ЗАДАНИЕ (ТЗ)на разработку премиум-лендинга«Очищенная Питьевая Вода»1. Общая информация о проекте Тип сайта: Одностраничный премиум-лендинг (Landing Page) с высокой конверсией и возможностью расширения до полноценного сайта с блогом/базой знаний. Цель: Привлечение лидов (заявки на консультацию), построение доверия к бренду через эмоциональный визуал, научные факты и демонстрацию ценностей компании. Платформа: Исполнитель предлагает оптимальную платформу (Webflow или WordPress + Bricks Builder) с обоснованием в коммерческом предложении. Предпочтение отдается решениям, которые обеспечивают чистый код, высокую скорость и премиальный визуал без шаблонных решений.2. Целевая аудитория Семьи (особенно с детьми), которые заботятся о здоровье и качестве жизни. Люди, которые ценят продуманную кухню, качественную очищенную воду и долгосрочные решения для дома. Лица 30–55 лет, средний и выше среднего доход, которые ищут надежного партнера для установки системы очистки воды с сервисом.3. Визуальный стиль и дизайн (UI/UX) Референс: Прилагается референсный макет (изображение телефона с hero-секцией и блоком «Ценности»). Стиль должен полностью соответствовать этому макету: чистый, светлый, премиальный lifestyle с теплыми акцентами. Цветовая гамма: Белый и светло-серый фон (чистота), элементы натурального дерева или теплые акценты, солнечно-оранжевые/желтые кнопки CTA, глубокий синий/антрацит для текста. Изображения: Исключительно премиальный lifestyle. Живые эмоциональные люди (не смотрят в камеру), мягкое утреннее солнечное освещение, натуральные цвета. Никаких искусственных стоковых фото. Типография: Современная, читаемая, с достаточным межстрочным интервалом и белым пространством. Профессиональный уровень без перегрузки.4. Структура лендинга (6 основных блоков)БЛОК 1. Главный экран (Hero) Визуал: Большое светлое фото на весь экран — современная кухня, мама, папа, дочка и сыночек пьют чистую воду из стеклянных стаканов, улыбаются, мягкое утреннее солнце. Заголовок: «Ваше здоровье начинается с глотка очищенной питьевой воды.» Подзаголовок: Системы очистки питьевой воды с пожизненным сервисным обслуживанием для вашей семьи каждый день. CTA-кнопка: «Получить консультацию эксперта» (оранжевая/желтая, заметная).БЛОК 2. Наши Ценности и Философия (Обращение основателя) Визуал: Профессиональное фото владельца (smart casual, открытый и доверительный вид). Текст (из референса): НАША МИССИЯ Личное обращение: CTA: «Я хочу быть здоровым» (скролл до Блока 3 или формы).БЛОК 3. Просветительский курс (Научный подход) Заголовок: Узнайте больше о воде, которую вы пьете! Формат: Стильная интерактивная сетка из 10 кликабельных блоков/карточек. Каждая карточка ведет на отдельную страницу статьи/видео (рекомендуется для SEO) или модальное окно с полным текстом/видео. Примечание: Тексты/видео статей предоставляет Заказчик. Исполнитель обеспечивает удобную структуру и привлекательное отображение.БЛОК 4. Очищенная питьевая вода меняет вкус жизни! (Эмоциональные доказательства) 4 премиальные карточки в сетке или коллаже: Здоровье: Девушка пьет очищенную воду. Текст: «Восстанавливайте свое здоровье глоток за глотком.» Борщ / Блюда: Макро борща с паром. Текст: «Почувствуйте насыщенный вкус своих блюд с очищенной питьевой водой.» Кофе / Чай: Отец заварит кофе, бабушка с чашкой чая. Текст: «Раскройте настоящий аромат кофе и насладитесь ароматным чаем.» Быт / Техника: Дочка гладит рубашку чистым паром. Текст: «Сохраните технику на годы: идеальный пар без накипи.»БЛОК 5. Комплексное решение (Продукт) Визуал: Эстетичный монтаж 5-ступенчатой системы обратного осмоса под мойкой (чистый вид, без хаоса трубок) + стильный отдельный кран на столешнице. Текст: Преимущества через конечный результат для клиента (чистота, вкус, забота о здоровье). Оффер: «Система под ключ + Профессиональный монтаж + Пожизненный сервис».БЛОК 6. Блок доверия (Социальные доказательства и гарантии) Главный триггер: Большая акцентная плашка: «Если качество воды вам не понравится — верните систему в течение 60 дней (0% риска)». Элементы: Карусель отзывов (видео или скриншоты реальных переписок). Галерея реальных работ «До / После» монтажа. Логотипы / упоминания (если есть).5. Функциональные и технические требованияФормы и лидогенерация Форма консультации с полями: Имя, Телефон, Город/район, «Какая вода у вас сейчас?» (или короткий вопрос). Интеграция с Telegram-ботом или CRM (на выбор Заказчика).Аналитика и маркетинг Google Analytics 4 + событие на отправку формы. Meta Pixel (Facebook/Instagram). Настройка конверсий.Скорость и SEO PageSpeed Insights ≥ 90 на мобильном и десктопе. Чистая семантическая верстка, оптимизированные изображения, lazy loading.Мобильная версия Mobile-first дизайн. Идеальное отображение на iPhone и Android (референс — макет на телефоне).CMS и статьи Удобная система для добавления и редактирования статей курса (коллекция/посты).6. Этапы выполнения и утверждения (4 этапа) Прототип (UX-черновик): Черно-белая схема расположения блоков и кнопок. Проверка логики и акцентов. Дизайн-концепт (UI): Цветной макет первых 3 блоков с утвержденными фото. Проверка стиля, шрифтов, цветов кнопок. Полный дизайн: Визуализация всех 6 блоков. Финальные правки по графике. Верстка и запуск: Готовый сайт на выбранной платформе. Проверка скорости, адаптивности, работы форм, аналитики.7. Требования к исполнителю Опыт создания премиум-лендингов для продуктов/услуг здоровья, экологии, техники или lifestyle-брендов (обязательно портфолио с ссылками). Опыт работы с Webflow или Bricks Builder (обязательно). Готовность работать поэтапно с промежуточными утверждениями.8. Что нужно в коммерческом предложении Рекомендуемая платформа с обоснованием (Webflow / WP + Bricks). Фиксированная стоимость с разбивкой по этапам (или фикс + возможные правки). Сроки выполнения по этапам. 2–3 релевантных примера из портфолио (ссылки + короткое описание). Условия поддержки после запуска (первые 1–3 месяца). Контактное лицо и готовность к звонку/встрече для обсуждения.9. Дополнительная информация Весь текстовый контент (кроме референсных фраз) предоставляет Заказчик. Фото и визуалы: Выполняет исполнитель, интегрирует и оптимизирует. Домен и хостинг: Заказчик предоставляет или исполнитель помогает с подключением. Авторские права: После полной оплаты все права на сайт переходят Заказчику.

Добрый день. Надо подправить запуск сайта и возможно верстку на WordPresse. Сайт отображается при запуске как на скрине. Фрилансер который делал пропал и не доделал работу. Надо проверить правильность верстки и доделать ее. Как на десктоп так и на мобильной версии. Дизайн в фигме, дизайн который надо есть тоде на скриншотах, впринципе вроде сделано, но не доделано правильное отображение на разных размерах экрана.

Есть страница нашего сайта (лист ожидания) - https://onchainradar.ai Она слишком сильно перегружена и лагает. Нужно это исправить, немного подкорректировать анимации и некоторые элементы на мобильном. Сайт на html и css. Оцените сроки реализации и стоимость. Нам это нужно уже сегодня-завтра максимум. Спасибо.

Необходима помощь в настройке шаблона дизайна WIX под собственный бренд. Предпочтительно специалисты с опытом работы с Wix.

Сверстать лист для отправки клиентам (пример прикреплен), дам текст и картинку верхнюю. Это лишь пример из gpt, возможно сделаете интереснее?