Задача

Требуется создать и сверстать лендинг (одну посадочную страницу) в один html-файл (HTML + CSS + JS). Дизайн должен соответствовать концепции (первое вложение: экран с 4 заблюренными изображениями людей, подложка). Далее перечислены детали:

Блок с изображениями и шапкой

• Четыре блока с изображениями людей - необходимо сделать под блюром (за исключением зоны шапки: левая часть с названием сайта и правая часть с кнопками). Блюр должен быть снят только в этом участке (прямо поверх картинки, левее и правее соответственно).
• Любые placeholder изображения (можно стоковые) - легко заменяемые заказчиком.
• Левое название сайта: любое, например, "Example". Кликабельно, ведёт на example.com.
• В правой части шапки - кнопки «登录» () и «注册» (). Все кнопки по клику редирект: example.com.

Цветовая палитра

• На усмотрение дизайнера, но в тёмно-розовых или фиолетовых тонах (в цветовую модель ближе к тёмному + accent розового/фиолетового).
• Общее настроение - приятный минималистичный промо-сайт.

Блок чата (нижняя центральная секция)

• В интерфейсе должна находиться зона чата - визуальный блок окна для общения с агентом.
• Сама логика заказчика (Mistral AI) не нужна - достаточно «зарезервированного» готового layout’a так, чтобы можно:
  • Лёгко интегрировать внешний агент или любую iframe/API-t подключ.
  • ли, вынести это место командой: он (mы сейчас кодер) минимум должен получать placeholder дива, готового принять код диалогов.)

Все контактные и названия организаций / сайтов/url удалены, замаскированы под условные либо - стандартные, нет ссылок на прямых владельцев.