Blurred Image Hero

block

Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-motion aware.

pnpm dlx shadcn@latest add "https://hirael.com/r/hero-10.json"

Sign In

Blurred Image Hero

block

Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-motion aware.

pnpm dlx shadcn@latest add "https://hirael.com/r/hero-10.json"

lucide-react

button

components/blocks/hero-10.tsx

lucide-react

button

components/blocks/hero-10.tsx