Mockup realistico della pagina del profilo X

Crea un mockup di un'interfaccia di social media in modalità scura estremamente realistica, che replichi fedelmente il layout francese di X/Twitter per desktop, presentato come uno screenshot completo del browser con sfondo nero e sottili linee divisorie grigio scuro. La barra laterale sinistra contiene 11 elementi di navigazione disposti verticalmente con icone ed etichette bianche: "Accueil" (Home), "Esplora", "Notifiche" (con un piccolo badge blu che mostra il numero 3), "Messaggi", "Grok", "Signets", "Community", "Premium", "Organisations certifiées", "Profil" e "Plus". Posiziona un logo X bianco nella parte superiore di questa barra laterale, aggiungi un grande pulsante circolare bianco con l'etichetta "Poster" leggermente più in basso e visualizza la barra di accesso compatta dell'account di Martin Dubois in basso, incluso il suo nome utente @martindubois e un piccolo avatar circolare. La barra centrale è {argument name="profile name" default="Martin Dubois"} La pagina principale del profilo presenta una freccia indietro, il nome "Martin Dubois" e un badge di verifica blu in alto, con "1.248 post" visualizzato sotto. Sotto di esso c'è un'ampia foto di copertina panoramica che mostra il panorama mozzafiato delle Alpi nebbiose, delle foreste e dei laghi. Sovrapposto in basso a sinistra del banner c'è un ritratto circolare di un giovane con abiti scuri, il cui volto è leggermente sfocato o oscurato su uno sfondo chiaro con un bordo sottile. A destra dell'intestazione del profilo ci sono tre piccoli pulsanti di azione circolari e un pulsante arrotondato di colore chiaro ben visibile con l'etichetta "Éditer le profil" (Modifica il profilo). Sotto il ritratto ci sono il nome visualizzato Martin Dubois, il badge di verifica blu, l'account @martindubois e una biografia in francese: "Créateur de contenu • Passionné de tech, de design et de productivité." (Creatore di contenuti • Appassionato di tecnologia, design e produttività.) Successivamente, aggiungi una riga contenente i metadati per quattro elementi: posizione "Lione, Francia", sito web "martindubois.com" e "A rejoint X en janvier 2021". Segue una riga di follower che mostra "320 abbonamenti" e "12,4k abbonati". Aggiungi una barra delle schede orizzontale con cinque etichette: "Post", "Risposte", "Tweet in evidenza", "Media" e "Mi piace", con "Post" attivo e sottolineato in blu. Sotto le schede, visualizza un feed contenente tre post visibili di Martin Dubois. Il primo post è fissato, contrassegnato con "Épinglé" (fissato), datato "12 mai" (12 maggio) e contiene il testo in francese "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lezioni che ho imparato in 2 anni di realizzazione di questo progetto) con un'emoji. Il conteggio delle interazioni include cinque cifre: 24 risposte, 142 retweet, 1.000 like, 85.000 visualizzazioni e un'area per segnalibri/condivisioni. Il secondo post è datato "2h" (2 ore fa) e contiene il testo in francese "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (Il momento migliore per iniziare era ieri. Il secondo momento migliore è adesso.) Ha 12 risposte, 37 retweet, 256 like e 8.000 visualizzazioni. Il terzo post, datato "1j" (1 giorno fa), recita in francese "Un weekend a Chamonix, toujours ressourçant" (Un weekend a Chamonix è sempre rigenerante) e include un'emoji di montagna insieme a una grande immagine incorporata di una cima innevata bagnata da una luce solare soffusa. Ogni post utilizza un avatar circolare a sinistra ed è separato da linee sottili. In alto nella barra laterale destra si trova una casella di ricerca arrotondata con il segnaposto "Chercher" (cerca). Sotto di essa è presente una scheda intitolata "Vous pourriez aimer" (Potrebbe interessarti) che elenca tre profili suggeriti da seguire, ognuno con avatar, nome visualizzato, account, badge blu di verifica e un pulsante bianco arrotondato "Suivre" (segui): "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez e "Ulrich Rozier" @ulrichrozier . In fondo alla scheda è presente un link "Voir plus" (vedi altro). Di seguito, crea una scheda di tendenza intitolata "Tendenze: Francia", che elenchi quattro tendenze in ordine di popolarità, includendo categoria e numero di post: 1. "#RolandGarros" con "32.100 post", 2. "#FêteDesMères" con "18.400 post", 3. "Mbappé" con "45.200 post" e 4. "#LundiMotivation" con "12.300 post". Aggiungi un link "Vedi altro" sotto l'elenco delle tendenze. In fondo, inserisci un piè di pagina compatto contenente diversi piccoli link legali grigi e "© 2024 X Corp". L'immagine complessiva dovrebbe essere quasi identica a una vera schermata desktop: tipografia pulita, spaziatura autentica, proporzioni realistiche dell'interfaccia utente, angoli della scheda delicatamente arrotondati, testo in bianco e nero su sfondo scuro, colore blu di accento, icone anti-aliasing raffinate e un'estetica di design del prodotto pulita e moderna.