Realistic X Profile Page Mockup

Create a highly realistic dark mode social media interface mockup, closely replicating the French layout of the desktop X/Twitter, presented as a full browser screenshot with a black background and subtle dark gray dividing lines. The left sidebar contains 11 vertically arranged navigation items with white icons and labels: "Accueil" (Home), "Explorer," "Notifications" (with a small blue badge displaying the number 3), "Messages," "Grok," "Signets," "Communities," "Premium," "Organisations certifiées," "Profil," and "Plus." Place a white X logo at the top of this sidebar, add a large circular white button labeled "Poster" slightly below, and display Martin Dubois's compact login account bar at the bottom, including his username @martindubois and a small circular avatar. The middle bar is {argument name="profile name" default="Martin Dubois"} The main profile page features a back arrow, the name "Martin Dubois," and a blue verification badge at the top, with "1,248 posts" displayed below. Below this is a wide panoramic cover photo showcasing the breathtaking scenery of the misty Alps, forests, and lakes. Overlaid on the lower left of the banner is a circular portrait of a young man in dark clothing, his face slightly blurred or obscured against a light background with a thin border. To the right of the profile header are three small circular action buttons and a prominent light-colored, rounded button labeled "Éditer le profil" (Edit profile). Below the portrait are the display name Martin Dubois, the blue verification badge, the account @martindubois , and a French bio: "Créateur de contenu • Passionné de tech, de design et de productivité." (Content creator • Passionate about technology, design, and productivity.) Next, add a row containing metadata for four items: location "Lyon, France", website "martindubois.com", and "A rejoint X en janvier 2021". This is followed by a row of followers showing "320 abonnements" and "12,4k abonnés". Add a horizontal tab bar with five labels: "Posts", "Replies", "Featured Tweets", "Media", and "Likes", with "Posts" active and underlined in blue. Below the tabs, display a feed containing three visible posts by Martin Dubois. The first post is pinned, marked "Épinglé" (pinned), dated "12 mai" (May 12th), and contains the French text "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lessons I learned in 2 years of building this project) with an emoji. The interaction count includes five figures: 24 replies, 142 retweets, 1,000 likes, 85,000 views, and a bookmark/share area. The second post is dated "2h" (2 hours ago), and contains the French text "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (The best time to start was yesterday. The second best time is now.) It has 12 replies, 37 retweets, 256 likes, and 8,000 views. The third post, dated "1j" (1 day ago), reads in French, "Un week-end à Chamonix, toujours ressourçant" (A weekend in Chamonix is ​​always revitalizing) and includes a mountain emoji along with a large embedded image of a snow-capped mountain peak bathed in soft sunlight. Each post uses a circular avatar on the left and is separated by thin lines. A rounded search box with the placeholder "Chercher" (search) is at the top of the right sidebar. Below this is a card titled "Vous pourriez aimer" (You might be interested in), listing three suggested profiles to follow, each with an avatar, display name, account, blue verified badge, and a white rounded "Suivre" (follow) button: "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez , and "Ulrich Rozier" @ulrichrozier . A "Voir plus" (see more) link is added at the bottom of the card. Below, create a trending card titled "Tendances: France," listing four trends by ranking, including category and number of posts: 1. "#RolandGarros" with "32,100 posts," 2. "#FêteDesMères" with "18,400 posts," 3. "Mbappé" with "45,200 posts," and 4. "#LundiMotivation" with "12,300 posts." Add a "Voir plus" link below the trend list. At the very bottom, place a compact footer containing several small gray legal links and "© 2024 X Corp." The overall image should look almost identical to a real desktop screenshot: clean typography, authentic spacing, realistic UI proportions, delicately rounded card corners, black and white text on a dark background, blue accent color, refined anti-aliased icons, and a clean, modern product design aesthetic.