Hero

Shows the product working in the first viewport. With a provider key set (OpenAI, Anthropic or OpenRouter) the chat runs a real agent loop: reasoning, tool calls, an approval card for risky actions and a cost footer. Without a key, a clearly labelled scripted run auto-plays so the page demos on day zero.

Source

src/components/sections/hero.tsxInteractive · ships client JS

Built with

ChatHeroAI SDK useChat/api/chat

Where to edit

• →Headline, subcopy, CTAs and metrics: hero in site.config.ts
• →The scripted demo run: demo.heroRun in site.config.ts (older configs: demo.heroChat)
• →Model and system prompt: ai in site.config.ts; tools and their approval policy in src/lib/demo-tools.ts