# Marketing Hero AI Chat

Landing page hero for an AI assistant or chatbot product with a live chat demo that streams an answer.

- id: `marketing-hero-ai-chat`
- Page: https://agentic-ui-kit.com/components/marketing-hero-ai-chat
- Live preview: https://agentic-ui-kit.com/live/component/marketing-hero-ai-chat?piece=marketing-hero-ai-chat

## Install

```bash
agentic-ui add marketing-hero-ai-chat
npx shadcn@4.17.0 add @agentic-ui/marketing-hero-ai-chat
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** live-chat-demo, streaming-reply, thinking-indicator, suggestion-chips, replay, dual-cta, heading-level, reduced-motion, dark-mode
- **Intents:** converse, navigate, communicate
- **Suits domains:** marketing, ai-agents, ai-workspace, saas, devtools
- **Interaction:** click, replay, keyboard-focus
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** landing page hero for an AI assistant or chatbot product with a live chat demo that streams an answer, AI SaaS homepage hero showing example prompts the visitor can click to see the assistant respond, hero section for an LLM or agent product with headline, signup button and an animated chat preview
- **Avoid when:** a real, connected chat UI inside the app (use ai-chat-shell), the product is not conversational: a static product screenshot fits better (use marketing-hero-split), pages that already have an h1 above this section (pass headingLevel h2)
- **Preserve when adapting:** single-h1, finished-turn-on-server, chip-pressed-state
- **Replace when adapting:** copy, script, assistant-name, cta-links
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** @agentic-ui/motion-streaming-text, @agentic-ui/motion-typing-indicator, lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives, motion-streaming-text, motion-typing-indicator