Maquete realista de página de perfil X

Crie um mockup de interface de mídia social em modo escuro altamente realista, replicando fielmente o layout francês do X/Twitter para desktop, apresentado como uma captura de tela completa do navegador com fundo preto e linhas divisórias sutis em cinza escuro. A barra lateral esquerda contém 11 itens de navegação dispostos verticalmente com ícones e rótulos brancos: "Accueil" (Página Inicial), "Explorer", "Notifications" (com um pequeno ícone azul exibindo o número 3), "Messages", "Grok", "Signets", "Communities", "Premium", "Organisations certifiées", "Profil" e "Plus". Coloque um logotipo X branco na parte superior desta barra lateral, adicione um grande botão circular branco com o rótulo "Poster" um pouco abaixo e exiba a barra de login compacta da conta de Martin Dubois na parte inferior, incluindo seu nome de usuário @martindubois e um pequeno avatar circular. A barra central é {argument name="profile name" default="Martin Dubois"}. A página principal do perfil apresenta uma seta para voltar, o nome "Martin Dubois" e um selo de verificação azul no topo, com "1.248 publicações" exibido abaixo. Abaixo, há uma ampla foto panorâmica de capa que exibe a paisagem deslumbrante dos Alpes envoltos em névoa, florestas e lagos. Sobreposto no canto inferior esquerdo do banner, há um retrato circular de um jovem com roupas escuras, seu rosto ligeiramente desfocado ou obscurecido contra um fundo claro com uma borda fina. À direita do cabeçalho do perfil, há três pequenos botões de ação circulares e um botão arredondado e claro em destaque com a inscrição "Éditer le profil" (Editar perfil). Abaixo do retrato, estão o nome de exibição Martin Dubois, o selo de verificação azul, a conta @martindubois e uma biografia em francês: "Criador de conteúdo • Apaixonado por tecnologia, design e produtividade." (Criador de conteúdo • Apaixonado por tecnologia, design e produtividade.) Em seguida, adicione uma linha contendo metadados para quatro itens: localização "Lyon, França", website "martindubois.com" e "A rejoint X en janvier 2021". Na sequência, adicione uma linha com os seguidores, mostrando "320 abonnements" e "12,4k abonnés". Adicione uma barra de abas horizontal com cinco rótulos: "Posts", "Respostas", "Tweets em destaque", "Mídia" e "Curtidas", com "Posts" ativo e sublinhado em azul. Abaixo das abas, exiba um feed contendo três posts visíveis de Martin Dubois. O primeiro post está fixado, marcado como "Épinglé" (fixado), datado de "12 mai" (12 de maio) e contém o texto em francês "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lições que aprendi em 2 anos construindo este projeto) com um emoji. A contagem de interações inclui cinco números: 24 respostas, 142 retweets, 1.000 curtidas, 85.000 visualizações e uma área de favoritos/compartilhamento. A segunda publicação é datada de "2h" (há 2 horas) e contém o texto em francês "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (O melhor momento para começar foi ontem. O segundo melhor momento é agora.) Ela tem 12 respostas, 37 retweets, 256 curtidas e 8.000 visualizações. A terceira publicação, datada de "1j" (há 1 dia), diz em francês: "Un week-end à Chamonix, toujours ressourçant" (Um fim de semana em Chamonix é sempre revitalizante) e inclui um emoji de montanha junto com uma grande imagem incorporada de um pico nevado banhado por uma suave luz solar. Cada publicação usa um avatar circular à esquerda e é separada por linhas finas. Uma caixa de pesquisa arredondada com o marcador "Pesquisar" está localizada no topo da barra lateral direita. Abaixo dela, encontra-se um cartão intitulado "Você pode se interessar por", listando três perfis sugeridos para seguir, cada um com um avatar, nome de exibição, conta, selo azul de verificação e um botão branco arredondado "Seguir": "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez e "Ulrich Rozier" @ulrichrozier . Um link "Ver mais" é adicionado na parte inferior do cartão. Abaixo, crie um cartão de tendências intitulado "Tendências: França", listando quatro tendências por classificação, incluindo categoria e número de publicações: 1. "#RolandGarros" com "32.100 publicações", 2. "#FêteDesMères" com "18.400 publicações", 3. "Mbappé" com "45.200 publicações" e 4. "#LundiMotivation" com "12.300 publicações". Adicione um link "Ver mais" abaixo da lista de tendências. Na parte inferior, coloque um rodapé compacto contendo vários pequenos links legais em cinza e "© 2024 X Corp." A imagem geral deve ser quase idêntica a uma captura de tela real de um computador: tipografia limpa, espaçamento autêntico, proporções realistas da interface do usuário, cantos do cartão delicadamente arredondados, texto em preto e branco sobre fundo escuro, cor de destaque azul, ícones refinados com suavização de serrilhado e uma estética de design de produto limpa e moderna.