# Heroes and page introductions

> Opening sections that introduce a product, service or story and its next step.

- Category ID: `heroes`
- Part of a page: Website sections
- Published components: 2
- Page: https://pagesugar.com/categories/heroes

## Components

- [Split-media hero](https://pagesugar.com/components/hero-split-media-01.md): An opening section with the headline, copy and actions beside an image or a muted looping video. The media reserves its aspect ratio, stacks under the copy on phones and swaps sides with one prop.
- [Text-first hero](https://pagesugar.com/components/hero-text-first-01.md): A homepage opener built only from type: an optional eyebrow, a large headline, a supporting paragraph, a filled primary link, an optional secondary link and an optional note. No media, and no client JavaScript required.