Hero

Landing-style intro band with title, subtitle, action slot, and media slot

SSR mode

Examples

Title, subtitle and actions

Build faster, ship sooner

A modern component library for Sitecore Blazor applications — opinionated, accessible, and production-ready.

With media slot

Your data, beautifully visualised

Real-time dashboards that give your team the insight they need.

Title only — minimal

Welcome back

API

The element family below can be composed together. Click an element to jump to its properties.

Element	Purpose
Hero	Landing-style intro band. Renders a centred two-column layout (text on the left, optional media on the right) that stacks vertically on small screens. Accepts an Actions slot for primary CTA buttons and a Media slot for images or illustrations. Wrapper-styling.

Hero

Landing-style intro band. Renders a centred two-column layout (text on the left, optional media on the right) that stacks vertically on small screens. Accepts an Actions slot for primary CTA buttons and a Media slot for images or illustrations. Wrapper-styling.

Property	Type	Description
Title	string	Main heading. Rendered as `<h1>` in `text-4xl lg:text-5xl font-bold tracking-tight text-foreground`.
Subtitle	string?	Supporting tagline in `text-lg text-muted-foreground`. Omit to suppress.
Actions	RenderFragment?	Optional slot for primary/secondary CTA buttons. Rendered in a flex row below the subtitle.
Media	RenderFragment?	Optional slot for images, illustrations, or any media element. Occupies the right column on large screens.
Gutters	bool	Toggles `py-16 px-6` on the section wrapper. Default: `true`.
BgFilled	bool	Toggles `bg-subtle-bg` on the section wrapper. Default: `false` — Hero is typically transparent so the page background shows through.