Conecte-se

O que essa tela faz

É a página estilo "linktree" do Marcos: reúne, em três blocos, os links pras redes sociais dele, pras empresas que ele tem e pros apps que recomenda baixar (estes com QR code pra escanear pelo celular). Todo o conteúdo vem da tabela de links (getLinks()), cadastrada pelo Marcos em Admin → Links.

Campo a campo

• Redes sociais (grupo: "rede") — cartões com label (nome) e url, abrem em nova aba.
• Minhas empresas (grupo: "empresa") — mesmo formato de cartão, agrupado à parte.
• Baixe os apps (grupo: "app") — em vez de cartão de link, mostra um QR code (gerado a

partir da url) que a pessoa escaneia pelo celular pra baixar o app.

• Se links.length === 0 (nenhum link cadastrado), a página mostra "Nada por aqui ainda." em vez

das seções.

• Cada grupo (Redes sociais / Minhas empresas / Baixe os apps) só aparece se tiver pelo menos um

item — grupo vazio simplesmente não é renderizado.

Ações disponíveis

• Clicar em um cartão de rede social ou empresa — abre a url em nova aba

(target="_blank"); se a URL não começar com http:// ou https://, o link vira # (não abre nada) — proteção contra URL mal formatada.

• Escanear o QR code de um app — leva o celular direto pra url do app (loja/site).
• "início" (link no topo) — volta pra /.

Esta página é só leitura — os links são cadastrados/editados em Admin → Links, não por aqui.

Dúvidas frequentes

P: Adicionei um link novo e ele não apareceu aqui. R: Confira em Admin → Links se o grupo do link (rede/empresa/app) está certo e se o cadastro foi salvo — a página lê direto da mesma tabela.

P: Um link não abre ao clicar. R: Se a URL cadastrada não começar com http:// ou https://, o site trava o clique por segurança (vira #). Corrija a URL em Admin → Links.

Erros comuns

Esta tela não tem actions.ts (não grava nada) — não há mensagens de erro de formulário aqui.