> ## Documentation Index > Fetch the complete documentation index at: https://docs.morada.ai/llms.txt > Use this file to discover all available pages before exploring further. # Veja uma ideia de página antes de produzir o site > Veja uma ideia de página de divulgação, discuta o conteúdo com o time e ajuste o conceito conversando. export const landingArtifact = { filename: "residencial-aurora-pagina-completa.html", sha256: "8c8b2036edc7ff2c41f17b1d99d4f67fe95d90817e628aef9a14086cedb03620", html: ["\n\n\n \n \n \n Residencial Aurora — Rascunho de divulgação\n \n\n\n
Rascunho interno · empreendimento fictício · página não publicada
\n\n \n\n
\n
\n \"Ilustração\n
\n
\n

Um novo começo a dois

\n

O primeiro apê de vocês começa aqui.

\n

Um espaço para viver a rotina, receber os planos e construir novas histórias juntos.

\n
\n \n Ver detalhes do apartamento\n \n \n O botão leva aos detalhes nesta página\n
\n
\n
\n
Ilustração de IA: imagem conceitual, sem representação factual de endereço, acabamentos, áreas comuns ou características além das descritas na página.
\n
\n\n
\n
\n
\n
\n

O essencial para começar

\n

Um apartamento pensado para o começo de uma vida a dois.

\n
\n

O Residencial Aurora reúne os três diferenciais informados para esta demonstração.

\n ", "
\n\n
\n
\n
\n \n
\n
2

dormitórios

Dois dormitórios no apartamento.

\n
\n\n
\n
\n \n
\n
01

varanda

O apartamento conta com varanda.

\n
\n\n
\n
\n \n
\n
01

vaga de garagem

Uma vaga de garagem para o apartamento.

\n
\n
\n
\n
\n\n
\n
\n
\n

A apresentação do projeto

\n

Espaços prontos para receber as imagens do time.

\n

Como outras imagens ainda não foram fornecidas, os blocos ao lado permanecem identificados como espaços reservados.

\n
\n
✓
Capa incorporadaA ilustração de IA está embutida no próprio arquivo.
\n
✓
Demais imagens pendentesNenhuma imagem adicional foi criada para preencher o layout.
\n
\n
\n\n
\n
\n
\n
\n Espaço para imagem\n Sugestão de pauta visual: ambiente interno\n
\n
\n
\n
\n
\n Espaço para imagem\n Sugestão de pauta visual: varanda\n
\n
\n
\n
\n
\n\n
\n
\n
\n

Outros espaços de imagem aguardam conteúdo aprovado.

\n

As indicações abaixo são apenas sugestões de pauta visual; não descrevem características adicionais do empreendimento.

\n
\n
\n
\n
\n
\n Espaço para imagem\n Sugestão de pauta visual: distribuição dos ambientes\n
\n
\n
\n
\n
\n Espaço para imagem\n Sugestão de pauta visual: outro ambiente interno\n
\n
\n
\n
\n
\n\n
\n
\n
\n

Perguntas frequentes

\n

O que já dá para saber.

\n

As respostas refletem somente as informações do pedido original deste rascunho.

\n
\n\n
\n
\n \n

O apartamento tem dois dormitórios.

\n
\n
\n \n

Sim. O apartamento conta com varanda.

\n
\n
\n \n

Sim. O apartamento conta com uma vaga de garagem.

\n
\n
\n \n

O preço não foi informado neste rascunho.

\n
\n
\n \n

O endereço não foi informado neste rascunho.

\n
\n
\n \n

As condições de venda não foram informadas neste rascunho.

\n
\n
\n
\n
\n\n
\n
\n
\n

Residencial Aurora

\n

Um começo para chamar de nosso.

\n

Use a navegação para rever os diferenciais ou abrir as perguntas frequentes.

\n Rever os detalhes \n
\n
\n
\n
\n\n \n\n \n\n \n\n"].join("") }; export const GeneratedArtifact = ({example, source, language = "pt"}) => { const [artifact, setArtifact] = useState(null); const [expanded, setExpanded] = useState(false); const [canExpand, setCanExpand] = useState(false); const [expandFailed, setExpandFailed] = useState(false); const id = `generated-artifact-${example}`; const labels = language === "en" ? { loading: "Opening the generated example…", expand: "Enlarge example", restore: "Exit full screen", download: "Download original file", title: "Complete generated example", expandError: "Full screen is unavailable in this browser. You can still explore the example below or download it.", note: "Complete file generated in a Morada OS test conversation with fictional data. Scroll inside the example to explore the whole page." } : { loading: "Abrindo o exemplo gerado…", expand: "Ampliar exemplo", restore: "Sair da tela cheia", download: "Baixar arquivo original", title: "Exemplo completo gerado", expandError: "Não foi possível ampliar neste navegador. Você pode explorar o exemplo abaixo ou baixar o arquivo.", note: "Arquivo completo gerado em uma conversa de teste do Morada OS, com dados fictícios. Role dentro do exemplo para explorar a página inteira." }; useEffect(() => { setExpandFailed(false); const escapes = { "&": "&", '"': """, "<": "<", ">": ">" }; const html = source.html.replace(/[&"<>]/g, character => escapes[character]); const policy = "default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data: blob:; font-src data:; connect-src 'none'; base-uri 'none'; form-action 'none'; frame-src 'none'; worker-src 'none'; webrtc 'block'"; const srcDoc = ``; setArtifact({ filename: source.filename, html: source.html, srcDoc }); }, [source.html, source.filename, language]); useEffect(() => { setCanExpand(Boolean(document.fullscreenEnabled)); const changed = () => setExpanded(document.fullscreenElement?.id === id); document.addEventListener("fullscreenchange", changed); return () => document.removeEventListener("fullscreenchange", changed); }, [id]); const download = () => { if (!artifact) return; const url = URL.createObjectURL(new Blob([artifact.html], { type: "text/html;charset=utf-8" })); const anchor = document.createElement("a"); anchor.href = url; anchor.download = artifact.filename; document.body.appendChild(anchor); anchor.click(); anchor.remove(); setTimeout(() => URL.revokeObjectURL(url), 1000); }; const enlarge = () => { setExpandFailed(false); const action = expanded ? document.exitFullscreen() : document.getElementById(id)?.requestFullscreen(); action?.catch(() => setExpandFailed(true)); }; const css = ` .mo-artifact { --artifact-bg:#f8fafc; --artifact-ink:#1e293b; --artifact-line:#cbd5e1; --artifact-hover:#e2e8f0; margin:24px 0; border:1px solid var(--artifact-line); border-radius:16px; overflow:hidden; background:var(--artifact-bg); color:var(--artifact-ink); } .dark .mo-artifact { --artifact-bg:#18212e; --artifact-ink:#f1f5f9; --artifact-line:#475569; --artifact-hover:#334155; } .mo-artifact:fullscreen { width:100vw; height:100dvh; border:0; border-radius:0; margin:0; display:flex; flex-direction:column; } .mo-artifact .artifact-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:12px; border-bottom:1px solid var(--artifact-line); flex-shrink:0; } .mo-artifact .artifact-name { flex:1 1 180px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; } .mo-artifact button { min-height:44px; padding:8px 12px; border:1px solid var(--artifact-line); border-radius:8px; color:var(--artifact-ink); background:transparent; cursor:pointer; font:inherit; font-size:12px; } .mo-artifact button:hover { background:var(--artifact-hover); } .mo-artifact button:active { box-shadow:inset 0 0 0 2px var(--artifact-ink); } .mo-artifact button:focus-visible { outline:3px solid #2683eb; outline-offset:2px; } .mo-artifact button:disabled { cursor:default; opacity:.5; } .mo-artifact > iframe { display:block; width:100%; height:720px; border:0; background:white; } .mo-artifact:fullscreen > iframe { flex:1; min-height:0; height:100%; } .mo-artifact .artifact-status { padding:24px; font-size:14px; } .mo-artifact .artifact-note { margin:0; padding:12px; font-size:12px; line-height:1.6; color:var(--artifact-ink); border-top:1px solid var(--artifact-line); } .mo-artifact:fullscreen .artifact-note { display:none; } @media(max-width:600px) { .mo-artifact > iframe { height:640px; } .mo-artifact .artifact-name { flex-basis:100%; } } `; return
{artifact?.filename || labels.title} {canExpand && }
{artifact ?