Realistisches X-Profilseiten-Mockup

Erstelle ein hochrealistisches Dark-Mode-Mockup einer Social-Media-Oberfläche, das dem Desktop-Layout von X/Twitter in Französisch sehr ähnlich ist, dargestellt als vollständiger Browser-Screenshot mit drei vertikalen Spalten auf schwarzem Hintergrund und subtilen dunkelgrauen Trennlinien. Die linke Seitenleiste enthält genau 11 vertikal gestapelte Navigationspunkte mit weißen Symbolen und Beschriftungen: „Accueil“, „Explorer“, „Notifications“ mit einem kleinen blauen Badge mit der Zahl 3, „Messages“, „Grok“, „Signets“, „Communautés“, „Premium“, „Organisations certifiées“, „Profil“ und „Plus“. Platziere oben in dieser Seitenleiste das weiße X-Logo, füge in der unteren Mitte einen großen, abgerundeten weißen Button mit der Beschriftung „Poster“ hinzu und zeige unten einen kompakten Block für das angemeldete Konto von Martin Dubois mit dem Handle @martindubois und einem kleinen kreisförmigen Avatar. Die mittlere Spalte ist die Hauptprofilseite für {argument name="profile name" default="Martin Dubois"}, mit einer oberen Leiste, die einen Zurück-Pfeil, den Namen „Martin Dubois“ und ein blaues Verifizierungszeichen zeigt, und darunter den Text „1 248 posts“. Darunter befindet sich ein breites, panoramisches Titelbild mit dramatischen, bewölkten Alpengipfeln über einem Waldsee. Überlappe die untere linke Ecke des Banners mit einem kreisförmigen Profilbild eines jungen Mannes in dunkler Kleidung. Zeige jedes Gesicht deutlich mit natürlichen, detaillierten Gesichtszügen, mit einem blassen Hintergrund und einem dünnen Rand. Platziere auf der rechten Seite des Profilheaders drei kleine kreisförmige Aktionsbuttons und einen prominenten abgerundeten hellen Button mit der Beschriftung „Éditer le profil“. Unter dem Avatar zeige den Anzeigenamen Martin Dubois mit einem blauen Verifizierungszeichen, den Handle @martindubois und eine einzeilige Biografie auf Französisch: „Créateur de contenu • Passionné de tech, de design et de productivité.“ Füge dann eine Metadatenzeile mit genau 4 Elementen hinzu: Standort „Lyon, France“, Website „martindubois.com“ und „A rejoint X en janvier 2021“, gefolgt von einer Follower-Zeile mit der Aufschrift „320 abonnements“ und „12,4 k abonnés“. Füge eine horizontale Tab-Leiste mit genau 5 Tabs hinzu: „Posts“, „Réponses“, „Tweets marquants“, „Médias“ und „J’aime“, wobei „Posts“ aktiv und blau unterstrichen ist. Unter den Tabs zeige einen Feed mit genau 3 sichtbaren Posts von Martin Dubois. Post 1 ist angepinnt, was durch „Épinglé“ angezeigt wird, datiert mit „12 mai“, mit dem französischen Text „10 leçons que j’ai apprises en construisant mon projet pendant 2 ans“ gefolgt von einem Emoji, und einer Engagement-Zeile mit 5 Werten: 24 Antworten, 142 Reposts, 1 k Likes, 85 k Aufrufe und einem Lesezeichen-/Teilebereich. Post 2 ist datiert mit „2h“ mit dem französischen Text „Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.“ und Engagement-Werten von 12 Antworten, 37 Reposts, 256 Likes und 8 k Aufrufe. Post 3 ist datiert mit „1j“ mit dem französischen Text „Un week-end à Chamonix, toujours ressourçant“ gefolgt von einem Berg-Emoji und enthält ein großes eingebettetes Bild von schneebedeckten Berggipfeln unter weichem Tageslicht. Verwende kreisförmige Avatare links von jedem Post und dünne Trennlinien zwischen den Posts. Die rechte Seitenleiste beginnt mit einem abgerundeten Suchfeld mit dem Platzhalter „Chercher“. Darunter befindet sich eine Karte mit dem Titel „Vous pourriez aimer“ mit genau 3 vorgeschlagenen Profilen, jeweils mit Avatar, Anzeigename, Handle, blauem Verifizierungszeichen und einem weißen abgerundeten „Suivre“-Button: „Théo Catarino“ @theocatarino, „Aurélie Martinez“ @aurel_martinez und „Ulrich Rozier“ @ulrichrozier. Füge einen Link „Voir plus“ am unteren Rand dieser Karte hinzu. Darunter erstelle eine Trends-Karte mit dem Titel „Tendances : France“, die genau 4 Trends in absteigender Reihenfolge mit Kategorie und Post-Anzahl auflistet: 1. „#RolandGarros“ mit „32,1 k posts“, 2. „#FêteDesMères“ mit „18,4 k posts“, 3. „Mbappé“ mit „45,2 k posts“, 4. „#LundiMotivation“ mit „12,3 k posts“. Füge einen Link „Voir plus“ unter der Trendliste hinzu. Platziere am alleruntersten eine kompakte Fußzeile mit mehreren kleinen grauen Rechtslinks und „© 2024 X Corp.“ Das gesamte Bild sollte fast nicht von einem echten Desktop-Screenshot zu unterscheiden sein: scharfe Typografie, authentische Abstände, realistische UI-Proportionen, subtile abgerundete Karten, weiße und graue Schrift auf fast schwarzen Oberflächen, blaue Akzentfarbe, polierte Anti-Aliasing-Symbole und ein sauberes, modernes Produktdesign-Ästhetik.