> ## Documentation Index
> Fetch the complete documentation index at: https://user-docs.seaticket.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Customizing the Portal Home Page

The portal's Home page is fully editable. This is what external users see first, so it's worth setting up before sharing the portal URL.

## Open the Editor

Go to **Support portal > Home > Edit portal**, then click the pencil icon on the page to open the editing panels.

The page is made up of two parts:

* A **hero section** at the top (heading, description, and the AI chat box)
* A **cards section** below it (a grid of shortcut cards you define)

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/33o1Iw8fMBPSHbDH/images/13-1.png?fit=max&auto=format&n=33o1Iw8fMBPSHbDH&q=85&s=d9127a3ca90e5940fd36b02fd166b8b7" alt="13 1" width="1795" height="809" data-path="images/13-1.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/hdao2jkpYPhaowQe/images/22-1.png?fit=max&auto=format&n=hdao2jkpYPhaowQe&q=85&s=a36169814283c0db52ee17c91ef6d03e" alt="22 1" width="1920" height="1018" data-path="images/22-1.png" />
</Frame>

## Hero Section

Click **Edit** on the hero banner to open **Page settings**, where you can set:

| Setting               | Description                                                       |
| :-------------------- | :---------------------------------------------------------------- |
| **Title**             | The main heading, e.g. "Hey 👋, how can we help?"                 |
| **Title size**        | Font size of the heading, in pixels                               |
| **Chat placeholder**  | Placeholder text shown inside the chat input, e.g. "Chat with AI" |
| **Header background** | Either a solid color (pick a hex value) or a cover image          |
| **Card layout**       | Control how many cards appear per row (2 to 6).                   |

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/33o1Iw8fMBPSHbDH/images/14.png?fit=max&auto=format&n=33o1Iw8fMBPSHbDH&q=85&s=45feb1d9fc10b2b7ff79bc4f0c744053" alt="14" width="1918" height="854" data-path="images/14.png" />
</Frame>

## Cards Section

Cards are the shortcut tiles that appear below the hero banner — typically used to link out to documentation, API references, or other resources.

* **Card layout** controls how many cards appear per row (2 to 6).
* Click **Add card** to create a new card. New cards start with placeholder text so you can edit them in place rather than starting from a blank card.
* Click an card to open **Card settings**, where you can set:
  * **Card title**
  * **Card description**
  * **Card link** — the URL the card opens when clicked
  * **Card icon** — pick an icon from the built-in icon picker

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/33o1Iw8fMBPSHbDH/images/16-1.png?fit=max&auto=format&n=33o1Iw8fMBPSHbDH&q=85&s=f8a234fdb82b1b5b500c1b29b40b877f" alt="16 1" width="1915" height="863" data-path="images/16-1.png" />
</Frame>

## Language Settings

The portal supports multiple interface languages. External users can switch the portal language from the language menu in the top-right corner.

The available languages may include:

* English
* 简体中文
* Deutsch
* Français

Click the **globe icon** in the top-right corner and select a language.

The language setting changes the portal interface, such as navigation labels and built-in UI text. Content configured by the portal administrator, such as the Home page title, description, and card content, is not translated automatically.

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/ENlZ3JsG13qaSkow/images/1-7.png?fit=max&auto=format&n=ENlZ3JsG13qaSkow&q=85&s=17fb5f3105d88c4356d66df6b7866fb4" alt="1 7" width="1920" height="753" data-path="images/1-7.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/seacloud-labs/ENlZ3JsG13qaSkow/images/2-6.png?fit=max&auto=format&n=ENlZ3JsG13qaSkow&q=85&s=f402f995bd8a209a8bd510e955383abe" alt="2 6" width="1889" height="830" data-path="images/2-6.png" />
</Frame>
