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

Создайте высокореалистичный макет интерфейса социальной сети в темном режиме, который тесно напоминает настольную раскладку X/Twitter на французском языке, представленный как скриншот полного браузера с тремя вертикальными столбцами на черном фоне и тонкими серыми разделителями. Левая боковая панель содержит ровно 11 элементов навигации, расположенных вертикально, с белыми значками и метками: «Accueil» (Главная), «Explorer» (Исследовать), «Notifications» (Уведомления) с маленьким синим значком, показывающим 3, «Messages» (Сообщения), «Grok», «Signets» (Закладки), «Communautés» (Сообщества), «Premium», «Organisations certifiées» (Сертифицированные организации), «Profil» (Профиль) и «Plus» (Еще). В верхней части этой боковой панели разместите белый логотип X, рядом с серединой внизу добавьте большую круглую белую кнопку с надписью «Poster» (Опубликовать), а внизу покажите компактный блок авторизованной учетной записи для Martin Dubois с именем пользователя @martindubois и небольшим круглым аватаром. Центральная колонка — это основная страница профиля для {argument name="profile name" default="Martin Dubois"}, с верхней панелью, показывающей стрелку назад, имя «Martin Dubois» и синий значок проверки, а под ней текст «1 248 posts» (1248 публикаций). Ниже включите широкую панорамную обложку с драматичными облачными альпийскими горами над лесным озером. Перекрывая нижний левый угол баннера, разместите круглое изображение профиля молодого человека в темной одежде. Отобразите каждое лицо четко с естественными, детализированными чертами лица, с бледным фоном и тонкой рамкой. С правой стороны заголовка профиля разместите три небольшие круглые кнопки действия и одну заметную круглую светлую кнопку с надписью «Éditer le profil» (Редактировать профиль). Под аватаром покажите отображаемое имя Martin Dubois с синим значком проверки, имя пользователя @martindubois и краткую биографию на французском языке: «Créateur de contenu • Passionné de tech, de design et de productivité.» (Создатель контента • Увлечен технологиями, дизайном и продуктивностью). Затем добавьте строку метаданных ровно с 4 элементами: местоположение «Lyon, France» (Лион, Франция), веб-сайт «martindubois.com» и «A rejoint X en janvier 2021» (Присоединился к X в январе 2021 г.), за которыми следует строка подписчиков: «320 abonnements» (320 подписок) и «12,4 k abonnés» (12,4 тыс. подписчиков). Добавьте горизонтальную панель вкладок ровно с 5 вкладками: «Posts» (Публикации), «Réponses» (Ответы), «Tweets marquants» (Заметные твиты), «Médias» (Медиа) и «J’aime» (Мне нравится), при этом вкладка «Posts» активна и подчеркнута синим цветом. Под вкладками покажите ленту, содержащую ровно 3 видимые публикации от Martin Dubois. Публикация 1 закреплена, что указывается надписью «Épinglé» (Закреплено), датирована «12 mai» (12 мая), содержит французский текст «10 leçons que j’ai apprises en construisant mon projet pendant 2 ans» (10 уроков, которые я извлек, строя свой проект в течение 2 лет), за которым следует эмодзи, и строку вовлеченности с 5 значениями: 24 ответа, 142 репоста, 1 тыс. лайков, 85 тыс. просмотров и область закладок/поделиться. Публикация 2 датирована «2h» (2 часа назад) с французским текстом «Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.» (Лучшее время для начала было вчера. Второе лучшее время — сейчас.) и значения вовлеченности: 12 ответов, 37 репостов, 256 лайков и 8 тыс. просмотров. Публикация 3 датирована «1j» (1 день назад) с французским текстом «Un week-end à Chamonix, toujours ressourçant» (Выходные в Шамони, всегда восстанавливающие силы), за которым следует эмодзи горы, и включает большое встроенное изображение заснеженных горных вершин под мягким дневным светом. Используйте круглые аватары слева от каждой публикации и тонкие разделители между публикациями. Правая боковая панель начинается с круглой строки поиска, содержащей заполнитель «Chercher» (Поиск). Ниже включите карточку с надписью «Vous pourriez aimer» (Вам может понравиться) с ровно 3 предлагаемыми профилями, каждый из которых имеет аватар, отображаемое имя, имя пользователя, синий значок проверки и белую круглую кнопку «Suivre» (Подписаться): «Théo Catarino» @theocatarino, «Aurélie Martinez» @aurel_martinez и «Ulrich Rozier» @ulrichrozier. Добавьте ссылку «Voir plus» (Смотреть больше) внизу этой карточки. Под ней создайте карточку трендов с надписью «Tendances : France» (Тренды: Франция), перечисляющую ровно 4 тренда в ранжированном порядке с категорией и количеством публикаций: 1. «#RolandGarros» с «32,1 k posts» (32,1 тыс. публикаций), 2. «#FêteDesMères» с «18,4 k posts» (18,4 тыс. публикаций), 3. «Mbappé» с «45,2 k posts» (45,2 тыс. публикаций), 4. «#LundiMotivation» с «12,3 k posts» (12,3 тыс. публикаций). Добавьте ссылку «Voir plus» (Смотреть больше) ниже списка трендов. В самом низу разместите компактный футер с несколькими небольшими серыми юридическими ссылками и «© 2024 X Corp.» (© 2024 X Corp.). Все изображение должно выглядеть почти неотличимо от реального скриншота рабочего стола: четкая типографика, аутентичные интервалы, реалистичные пропорции пользовательского интерфейса, тонкие скругленные карточки, белый и серый текст на почти черных поверхностях, синий акцентный цвет, отполированные сглаженные значки и чистая современная эстетика дизайна продукта.