Realistische X-profielpagina mockup

Créez une maquette d'interface de réseau social en mode sombre très réaliste qui ressemble étroitement à la mise en page de bureau de X/Twitter en français, présentée sous forme de capture d'écran de navigateur complet avec trois colonnes verticales sur un fond noir et des séparateurs gris foncé subtils. La barre latérale gauche contient exactement 11 éléments de navigation empilés verticalement avec des icônes et des étiquettes blanches : « Accueil », « Explorer », « Notifications » avec un petit badge bleu indiquant 3, « Messages », « Grok », « Signets », « Communautés », « Premium », « Organisations certifiées », « Profil » et « Plus ». En haut de cette barre latérale, placez le logo X blanc, ajoutez un grand bouton blanc arrondi étiqueté « Publier » près du milieu inférieur et affichez en bas un bloc de compte connecté compact pour Martin Dubois avec le nom d'utilisateur @martindubois et un petit avatar circulaire. La colonne centrale est la page de profil principale pour {argument name="profile name" default="Martin Dubois"}, avec une barre supérieure affichant une flèche de retour, le nom « Martin Dubois » et un badge de vérification bleu, et en dessous le texte « 1 248 publications ». En dessous de cela, incluez une large photo de couverture panoramique de montagnes alpines nuageuses et spectaculaires au-dessus d'un lac forestier. Superposez le coin inférieur gauche de la bannière une image de profil circulaire d'un jeune homme portant des vêtements sombres. Montrez clairement chaque visage avec des traits faciaux naturels et détaillés, avec un fond clair et une fine bordure. Sur le côté droit de l'en-tête du profil, placez trois petits boutons d'action circulaires et un bouton clair arrondi proéminent étiqueté « Modifier le profil ». Sous l'avatar, affichez le nom d'affichage Martin Dubois avec un badge de vérification bleu, le nom d'utilisateur @martindubois et une biographie d'une ligne en français : « Créateur de contenu • Passionné de tech, de design et de productivité ». Ajoutez ensuite une ligne de métadonnées avec exactement 4 éléments : lieu « Lyon, France », site web « martindubois.com » et « A rejoint X en janvier 2021 », suivi d'une ligne de suivi indiquant « 320 abonnements » et « 12,4 k abonnés ». Ajoutez une barre d'onglets horizontale avec exactement 5 onglets : « Publications », « Réponses », « Tweets marquants », « Médias » et « J'aime », avec « Publications » actif et souligné en bleu. Sous les onglets, affichez un flux contenant exactement 3 publications visibles de Martin Dubois. La publication 1 est épinglée, indiquée par « Épinglé », datée du « 12 mai », avec le texte français « 10 leçons que j’ai apprises en construisant mon projet pendant 2 ans » suivi d'un emoji, et une ligne d'engagement avec 5 valeurs : 24 réponses, 142 retweets, 1 k likes, 85 k vues et une zone de signet/partage. La publication 2 est datée de « 2h » avec le texte français « Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant. » et les valeurs d'engagement 12 réponses, 37 retweets, 256 likes et 8 k vues. La publication 3 est datée de « 1j » avec le texte français « Un week-end à Chamonix, toujours ressourçant » suivi d'un emoji de montagne, et comprend une grande image intégrée de pics enneigés sous une lumière douce du jour. Utilisez des avatars circulaires à gauche de chaque publication et des séparateurs fins entre les publications. La barre latérale droite commence par un champ de recherche arrondi contenant l'espace réservé « Rechercher ». En dessous, incluez une carte intitulée « Vous pourriez aimer » avec exactement 3 profils suggérés, chacun avec un avatar, un nom d'affichage, un nom d'utilisateur, un badge de vérification bleu et un bouton blanc arrondi « Suivre » : « Théo Catarino » @theocatarino, « Aurélie Martinez » @aurel_martinez et « Ulrich Rozier » @ulrichrozier. Ajoutez un lien « Voir plus » au bas de cette carte. En dessous, créez une carte de tendances intitulée « Tendances : France » répertoriant exactement 4 tendances par ordre de classement avec une catégorie et des nombres de publications : 1. « #RolandGarros » avec « 32,1 k publications », 2. « #FêteDesMères » avec « 18,4 k publications », 3. « Mbappé » avec « 45,2 k publications », 4. « #LundiMotivation » avec « 12,3 k publications ». Ajoutez un lien « Voir plus » sous la liste des tendances. En bas, placez un pied de page compact avec plusieurs liens juridiques gris et « © 2024 X Corp. ». L'image entière doit être presque indiscernable d'une capture d'écran de bureau réelle : typographie nette, espacement authentique, proportions d'interface utilisateur réalistes, cartes subtilement arrondies, texte blanc et gris sur des surfaces presque noires, couleur d'accent bleu, icônes lissées et polies, et une esthétique de conception de produit moderne et épurée.