---
order: 3

group:
  title: Display
  order: 1
title: Welcome
description: Landing welcome page for conversations
---

<DemoTitle title="Welcome" desc="Landing welcome page for conversations"></DemoTitle>

<code src="./demo/demo0.tsx">Example</code>

<Install>import { Welcome } from '@agentscope-ai/chat'</Install>


#### Welcome Examples

The following are examples and variations of the welcome page component

<code src="./demo/demo1.tsx">With Branding - A</code>
<code src="./demo/demo2.tsx">With Branding - B</code>
<code src="./demo/demo3.tsx" height="400">Custom</code>

#### API

<ApiParser source="./index.tsx" id="IWelcomeProps"></ApiParser>