Общая задача

Необходимо сверстать лендинг из 14 блоков по макету в Figma. Верстка выполняется строго на Zero Block (конструктор без шаблонов), с полной свободой от готовых стилей. Результат должен быть идеально адаптивным под 5 контрольных точек: десктоп (1200px+), планшет (960px, 640px), мобильные (480px, 320px).

Требования к блокам

1. Hero-блок (главный экран)

  • Нестандартное видео - реализация через Video Mask, HTML-код или SVG-контейнер (строго по макету).
  • Видео формат: автоплей, без звука (mute), зацикленный (loop), без элементов управления плеером.
  • Оптимизация: вес видео не более 5-10 Мб, либо использовать стриминг по прямой ссылке (чтобы не тормозить загрузку).

Технические параметры Zero Block

  • В рамках Zero Block использовать только Zero Block - полная свобода от шаблонов.
  • Window Container - для фона и видео, тянущегося на всю ширину.
  • Grid Container (1200px) - для контента основных блоков.
  • Включить Autoscale для десктопа (Scale Grid), чтобы дизайн сохранял пропорции на разрешениях от 1440px и выше.

Адаптивность

  • Desktop (1200+): базовая версия.
  • Tablet (960 / 640): перестроение элементов, проверка читабельности текста поверх видео.
  • Mobile (480 / 320): полная пересборка блоков под вертикальный формат. Особое внимание адаптации видео в первом блоке (обрезка или замена на мобильную версию).

Дизайн и дополнительные инструкции предоставлены в файле Figma. Ссылка на макет - в личных сообщениях.