Реалистичный макет страницы профиля X

Создайте реалистичный макет интерфейса социальных сетей в темном режиме, точно воспроизводящий французский дизайн настольной версии X/Twitter, представленный в виде скриншота браузера на черном фоне с едва заметными темно-серыми разделительными линиями. Левая боковая панель содержит 11 вертикально расположенных элементов навигации с белыми значками и подписями: «Главная», «Проводник», «Уведомления» (с небольшим синим значком, отображающим цифру 3), «Сообщения», «Grok», «Signets», «Сообщества», «Premium», «Сертифицированные организации», «Профиль» и «Plus». Разместите белый логотип X в верхней части этой боковой панели, добавьте большую круглую белую кнопку с надписью «Poster» чуть ниже и отобразите компактную панель входа в учетную запись Мартина Дюбуа внизу, включая его имя пользователя @martindubois и небольшой круглый аватар. В центральной панели находится {argument name="profile name" default="Martin Dubois"}. На главной странице профиля отображается стрелка назад, имя "Martin Dubois" и синий значок подтверждения вверху, а ниже — "1248 публикаций". Ниже расположена широкая панорамная обложка, демонстрирующая захватывающие дух пейзажи туманных Альп, лесов и озер. В левом нижнем углу баннера наложен круглый портрет молодого человека в темной одежде, его лицо слегка размыто или скрыто на светлом фоне с тонкой рамкой. Справа от заголовка профиля расположены три маленькие круглые кнопки действий и заметная светлая закругленная кнопка с надписью "Éditer le profil" (Редактировать профиль). Под портретом указаны отображаемое имя Martin Dubois, синий значок подтверждения, аккаунт @martindubois и биография на французском языке: "Créateur de contenu • Passionné de tech, de design et de productivité." (Создатель контента • Увлечен технологиями, дизайном и продуктивностью.) Далее добавьте строку, содержащую метаданные для четырех элементов: местоположение «Лион, Франция», веб-сайт «martindubois.com» и «A rejoint X en janvier 2021». За ней следует строка с подписчиками, показывающая «320 подписчиков» и «12,4 тыс. подписчиков». Добавьте горизонтальную панель вкладок с пятью метками: «Публикации», «Ответы», «Рекомендуемые твиты», «Медиа» и «Лайки», при этом «Публикации» активны и подчеркнуты синим цветом. Под вкладками отобразите ленту, содержащую три видимых публикации Мартина Дюбуа. Первый пост закреплен, помечен как "Épinglé" (закреплен), датирован "12 мая" и содержит французский текст "10 уроков, которые я усвоил за 2 года работы над этим проектом" с эмодзи. Количество взаимодействий включает пять цифр: 24 ответа, 142 ретвита, 1000 лайков, 85 000 просмотров и область для закладок/поделиться. Второй пост датирован "2 часа назад" и содержит французский текст "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (Лучшее время для начала было вчера. Второе лучшее время — сейчас.) Он имеет 12 ответов, 37 ретвитов, 256 лайков и 8000 просмотров. Третий пост, датированный "1j" (1 день назад), гласит по-французски: "Un week-end à Chamonix, toujours ressourçant" (Выходные в Шамони всегда заряжают энергией) и включает в себя эмодзи горы, а также большое встроенное изображение заснеженной горной вершины, залитой мягким солнечным светом. В каждом посте слева используется круглый аватар, разделенный тонкими линиями. В верхней части правой боковой панели находится закругленное поле поиска с заполнителем "Chercher" (поиск). Ниже находится карточка под названием "Vous pourriez aimer" (Возможно, вас заинтересует), в которой перечислены три рекомендуемых профиля для подписки, каждый с аватаром, отображаемым именем, учетной записью, синим значком подтверждения и белой закругленной кнопкой "Подписаться": "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez и "Ulrich Rozier" @ulrichrozier . Внизу карточки добавлена ​​ссылка "Посмотреть больше" (Увидеть больше). Ниже создайте карточку трендов под названием «Тенденции: Франция», перечислив четыре тренда по рейтингу, включая категорию и количество публикаций: 1. «#RolandGarros» с «32 100 публикациями», 2. «#FêteDesMères» с «18 400 публикациями», 3. «Mbappé» с «45 200 публикациями» и 4. «#LundiMotivation» с «12 300 публикациями». Добавьте ссылку «Посмотреть больше» под списком трендов. В самом низу разместите компактный футер, содержащий несколько небольших серых юридических ссылок и надпись «© 2024 X Corp.». Общий вид должен быть практически идентичен реальному скриншоту рабочего стола: четкая типографика, аутентичные интервалы, реалистичные пропорции пользовательского интерфейса, изящно закругленные углы карточки, черно-белый текст на темном фоне, синий акцентный цвет, изысканные сглаженные значки и чистая, современная эстетика дизайна продукта.