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>