> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-creating-the-first-page.md).

# AI Landing Pages - Creating the First Page

## Choosing a title and alias

When accessing the module **AI Landing Pages**, you will find a list with all the pages already created.\
Each item in this list displays information such as the page title, its alias, publication status, URL (when available), number of visits, creation date, and number of submitted forms. Below is the meaning of some terms used:

* Alias: changing the alias redefines your page address. The previous URL stops working and a new one is created automatically, based on the latest version of your code. It will appear at the end of the URL as in this example: `https://seudominio.com/page-alias`.
* Title: this is the name that identifies the page within the list. It does not change how the page appears in the browser tab or in search engines like Google.

After entering the Title and Alias, click **Save** to move on to the Builder.

<figure><img src="/files/b41042984e470424f6c9bfe2c119c383db915b20" alt=""><figcaption><p><em>AI Pages List.</em></p></figcaption></figure>

<figure><img src="/files/b57220818c9e03ff0f049e217071e7b7af6b7a24" alt=""><figcaption><p><em>'Edit Page' screen.</em></p></figcaption></figure>

## Choosing the generation method

There are 4 page generation methods:

* **Default (recommended):** this method uses a prompt about your company and how you imagine the site. In it, you can indicate which sections the page should have, promotions, which forms or data you want to capture, and even style details such as colors and typography.
* **By Image:** in this method, you send screenshots or images of reference sites, and artificial intelligence generates a similar page, using these images as a base.
* **Guided:** in this method, you answer a questionnaire about the company, visual identity, goals, references, product, and target audience. The answers help artificial intelligence create a page more aligned with your needs.
* **Manual:** similar to the **Default**, but without using predefined CSS libraries (such as Tailwind) or icon libraries. It is recommended only for advanced users who want a more flexible level of customization.

<figure><img src="/files/56596442469060e53acb3673a2db5e90211c63b1" alt=""><figcaption><p><em>Generation Method Menu.</em></p></figcaption></figure>

## Generation Example:  Default

Below is an example of a prompt and the generated page. To make the illustration more complete, the only change made was the creation of the logo and the intro image, both generated within the builder itself.

<figure><img src="/files/1a299f6fd1980f1bb2338b576fbd9dfd8374968b" alt=""><figcaption><p><em>Prompt used in the generation.</em></p></figcaption></figure>

<figure><img src="/files/f1e8b0f38f4a0ab5ee715540f53c2f5e52f64718" alt=""><figcaption><p><em>Page builder.</em></p></figcaption></figure>

## Saving changes and publishing the page

Whenever you make changes in the builder, you need to save them. However, this is not enough to update the live site (the version that appears to customers). For the new version to become available, you need to publish it by clicking **Exit**, in the top-right corner, after saving.

<figure><img src="/files/1aa6dc12f4084b38ca641eafcaaad3fa20aef222" alt=""><figcaption><p><em>Page builder.</em></p></figcaption></figure>

<figure><img src="/files/0f72ee4ed7ad1dc025dd280b761c34063a3fa19f" alt=""><figcaption><p><em>'Edit Page' screen. Unpublished page warning.</em></p></figcaption></figure>

<figure><img src="/files/0a6229538897b3df9216549399fc7a677913005c" alt=""><figcaption><p><em>'Edit Page' screen. URL available.</em></p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-creating-the-first-page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
