Maqueta realista de página de perfil X

Crea una maqueta de interfaz de redes sociales en modo oscuro muy realista, que replique fielmente el diseño francés de la versión de escritorio de X/Twitter, presentada como una captura de pantalla completa del navegador con un fondo negro y sutiles líneas divisorias gris oscuro. La barra lateral izquierda contiene 11 elementos de navegación dispuestos verticalmente con iconos y etiquetas blancas: "Accueil" (Inicio), "Explorer", "Notifications" (con una pequeña insignia azul que muestra el número 3), "Messages", "Grok", "Signets", "Communities", "Premium", "Organisations certifiées", "Profil" y "Plus". Coloca un logotipo X blanco en la parte superior de esta barra lateral, añade un gran botón circular blanco con la etiqueta "Poster" ligeramente más abajo y muestra la barra de inicio de sesión compacta de Martin Dubois en la parte inferior, incluyendo su nombre de usuario @martindubois y un pequeño avatar circular. La barra central es {argument name="profile name" default="Martin Dubois"} La página principal del perfil muestra una flecha hacia atrás, el nombre "Martin Dubois," y una insignia de verificación azul en la parte superior, con "1,248 posts" mostrados debajo. Debajo hay una amplia foto panorámica de portada que muestra el impresionante paisaje de los Alpes brumosos, bosques y lagos. Superpuesto en la parte inferior izquierda del banner hay un retrato circular de un joven con ropa oscura, su rostro ligeramente borroso u oculto contra un fondo claro con un borde delgado. A la derecha del encabezado del perfil hay tres pequeños botones de acción circulares y un botón prominente, redondeado y de color claro con la etiqueta "Éditer le profil" (Editar perfil). Debajo del retrato están el nombre de usuario Martin Dubois, la insignia de verificación azul, la cuenta @martindubois y una biografía en francés: "Créateur de contenu • Passionné de tech, de design et de productivité." (Creador de contenido • Apasionado por la tecnología, el diseño y la productividad.) A continuación, agregue una fila que contenga metadatos para cuatro elementos: ubicación "Lyon, Francia", sitio web "martindubois.com" y "A rejoint X en janvier 2021". Esto va seguido de una fila de seguidores que muestra "320 abonnements" y "12,4k abonnés". Agregue una barra de pestañas horizontal con cinco etiquetas: "Publicaciones", "Respuestas", "Tweets destacados", "Multimedia" y "Me gusta", con "Publicaciones" activa y subrayada en azul. Debajo de las pestañas, muestre un feed que contenga tres publicaciones visibles de Martin Dubois. La primera publicación está fijada, marcada como "Épinglé" (fijada), fechada "12 mai" (12 de mayo) y contiene el texto en francés "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lecciones que aprendí en 2 años construyendo este proyecto) con un emoji. El recuento de interacciones incluye cinco cifras: 24 respuestas, 142 retweets, 1000 me gusta, 85 000 visualizaciones y un área para guardar/compartir. La segunda publicación está fechada "2h" (hace 2 horas) y contiene el texto en francés "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (El mejor momento para empezar fue ayer. El segundo mejor momento es ahora.) Tiene 12 respuestas, 37 retweets, 256 me gusta y 8000 visualizaciones. La tercera publicación, fechada "1j" (hace 1 día), dice en francés "Un week-end à Chamonix, toujours ressourçant" (Un fin de semana en Chamonix siempre es revitalizante) e incluye un emoji de montaña junto con una gran imagen incrustada de un pico de montaña nevado bañado por una suave luz solar. Cada publicación utiliza un avatar circular a la izquierda y está separada por líneas finas. Un cuadro de búsqueda redondeado con el marcador de posición "Chercher" (buscar) se encuentra en la parte superior de la barra lateral derecha. Debajo de esto hay una tarjeta titulada "Vous pourriez aimer" (Puede que te interese), que muestra tres perfiles sugeridos para seguir, cada uno con un avatar, nombre de usuario, cuenta, insignia azul de verificación y un botón blanco redondeado "Suivre" (seguir): "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez y "Ulrich Rozier" @ulrichrozier . Se agrega un enlace "Voir plus" (ver más) en la parte inferior de la tarjeta. A continuación, crea una tarjeta de tendencias titulada "Tendencias: Francia", que enumere cuatro tendencias por clasificación, incluyendo categoría y número de publicaciones: 1. "#RolandGarros" con "32.100 publicaciones", 2. "#FêteDesMères" con "18.400 publicaciones", 3. "Mbappé" con "45.200 publicaciones" y 4. "#LundiMotivation" con "12.300 publicaciones". Agrega un enlace "Ver más" debajo de la lista de tendencias. En la parte inferior, coloca un pie de página compacto que contenga varios enlaces legales pequeños en gris y "© 2024 X Corp". La imagen general debe verse casi idéntica a una captura de pantalla de escritorio real: tipografía limpia, espaciado auténtico, proporciones de interfaz de usuario realistas, esquinas de tarjeta delicadamente redondeadas, texto en blanco y negro sobre un fondo oscuro, color de acento azul, iconos suavizados refinados y una estética de diseño de producto limpia y moderna.