Hero

The center of attention for a page. Includes a headline, short content, an icon, and a call to action.

Example

Ray

When someone asks if you’re a god, you say, “YES!”

Scroll to learn more

Usage

import DocumentIcon from "@/pages/home/DocumentIcon.astro"
import { Hero } from "@/components/block/Hero.astro"

<Hero
  image={DocumentIcon}
  headline="Ray"
  cta="Scroll to learn more">

  When someone asks if you're a god, you say, "YES!"

</Hero>