# AI Landing Pages - Criando a Primeira Página

## Escolhendo um título e alias

Ao acessar o módulo **AI Landing Pages**, você encontrará uma lista com todas as páginas já criadas.\
Cada item dessa lista exibe informações como o título da página, seu alias, status de publicação, URL (quando disponível), número de visitas, data de criação e quantidade de formulários enviados. Abaixo, o significado de alguns termos utilizados:

* Alias: alterar o alias redefine o endereço da sua página. A URL anterior deixa de funcionar e uma nova é criada automaticamente, baseada na última versão do seu código. Ele aparecerá no final do URL como neste exemplo: `https://seudominio.com/alias-da-pagina`.
* Título: é o nome que identifica a página dentro da lista. Ele não altera como a página aparece na aba do navegador nem em mecanismos de busca como o Google.

Após inserir o Título e o Alias, clique em **Salvar** para avançar ao Construtor.

<figure><img src="/files/8vdErrv14u7vsPG89AJF" alt=""><figcaption><p><em>Lista de Páginas IA.</em></p></figcaption></figure>

<figure><img src="/files/thGP43xOE3OYb3zA7yAu" alt=""><figcaption><p><em>Tela 'Editar Página'.</em></p></figcaption></figure>

## Escolhendo o método de geração

São 4 os métodos de geração da página:

* **Padrão (recomendado):** esse método utiliza um prompt sobre a sua empresa e como você imagina o site. Nele, você pode indicar quais seções a página deve ter, sobre promoções, quais formulários ou dados deseja capturar e até detalhes de estilo, como cores e tipografia.
* **Por Imagem:** nesse método, você envia prints ou imagens de sites de referência, e a inteligência artificial gera uma página semelhante, tomando essas imagens como base.
* **Guiado:** nesse método, você responde a um questionário sobre a empresa, identidade visual, objetivos, referências, produto e público-alvo. As respostas ajudam a inteligência artificial a criar uma página mais alinhada às suas necessidades.
* **Manual:** semelhante ao método **Padrão**, mas sem utilizar bibliotecas pré-definidas de CSS (como Tailwind) ou de ícones. É indicado apenas para usuários avançados que desejam um nível de customização mais flexível.

<figure><img src="/files/WcITDpsoYmSGJ3daZhO6" alt=""><figcaption><p><em>Menu de Método de Geração.</em></p></figcaption></figure>

## Exemplo de Geração:  Padrão

Abaixo está um exemplo de prompt e da página gerada. Para tornar a ilustração mais completa, a única alteração feita foi a criação da logo e da imagem de introdução, ambas geradas dentro do próprio construtor.

<figure><img src="/files/KUkL3ksFxvvg6olxIGsl" alt=""><figcaption><p><em>Prompt utilizado na geração.</em></p></figcaption></figure>

<figure><img src="/files/t5UHdhovvwtHUrTA87Zo" alt=""><figcaption><p><em>Construtor da página.</em></p></figcaption></figure>

## Salvando modificações e publicando a página

Sempre que você fizer alterações no construtor, é preciso salvá-las. No entanto, isso não é suficiente para atualizar o site em produção (a versão que aparece para os clientes). Para que a nova versão fique disponível, é necessário publicá-la clicando em **Sair**, no canto superior direito, após salvar.

<figure><img src="/files/r82SP7okrn4DjJ3yNmE8" alt=""><figcaption><p><em>Construtor da página.</em></p></figcaption></figure>

<figure><img src="/files/Oq5tYzkWpRAKajYFi4vm" alt=""><figcaption><p><em>Tela 'Editar Página'. Aviso de página não publicada.</em></p></figcaption></figure>

<figure><img src="/files/dBwVx8SKd73kFiATBcfK" alt=""><figcaption><p><em>Tela 'Editar Página'. URL disponível.</em></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/inteligencia-artificial/ai-landing-pages/ai-landing-pages-criando-a-primeira-pagina.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
