Hero

Highlight section for the top of a page. It handles the framing — spacing, centering and max width — and leaves the content to you.

Main call to action

Build in Go, without npm

chi, templ, Tailwind, HTMX and Alpine — with a design system of your own that you can reuse.

@components.Hero(components.HeroProps{Class: "bg-primary/5"}) { <h1>...</h1> }