# Dark Hero

Full-width dark hero banner with gradient background, badge, headline, and CTA button

## Surfaces

web, google-apps-script-web, mcp-apps

## Fields

| Field | Type |
|---|---|
| heading | string |
| subtext | string (optional) |
| badge | string (optional, small label above heading) |
| gradient | string (optional, CSS gradient e.g. linear-gradient(135deg,#1e1b4b,#312e81)) |
| cta_label | string (optional) |
| cta_url | string (optional) |
| align | string (optional, left|center) |

## Example payload

```json
{
  "type": "dark_hero",
  "heading": "Dark Hero"
}
```

Live page: https://a2uicatalog.ai/atoms/dark_hero/
Full field contract: https://a2uicatalog.ai/spec.json