# XWUIHero

Page hero: eyebrow, headline (with optional gradient highlight), subtitle, CTAs, optional preview slot, meta items.

## Basic Usage

Headline + subtitle only.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Headline + subtitle only.
```

## Marketing

Full marketing hero: eyebrow + highlighted title + two CTAs + meta strip.

```example
file: examples/Marketing.ts
html: examples/Marketing.html
title: Marketing
description: Full marketing hero: eyebrow + highlighted title + two CTAs + meta strip.
```

## Centered

Center-aligned minimal variant with a single primary CTA.

```example
file: examples/Centered.ts
html: examples/Centered.html
title: Centered
description: Center-aligned minimal variant with a single primary CTA.
```

## With Preview

Side-by-side hero + preview image.

```example
file: examples/WithPreview.ts
html: examples/WithPreview.html
title: With Preview
description: Side-by-side hero + preview image.
```

```api
```