Full-height monochrome hero: its own Navbar, a Noir Eclipse above a centered headline, description, one button and a copyable install command, with a key light, vignette, film grain and a small mono footer line.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/centered-hero-04npx shadcn add @01orbital/centered-hero-04yarn shadcn add @01orbital/centered-hero-04bunx --bun shadcn add @01orbital/centered-hero-04Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/hero/centered-hero-04/index.tsx, as source you own and edit.
import CenteredHero04 from "@/components/blocks/hero/centered-hero-04"
export default function Example() {
return <CenteredHero04 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
buttonfilm-grainfont-geist-monofont-hanken-groteskheronavigation-menunoir-eclipseCentered Fogbow Hero
Centered dark hero with an eyebrow, headline, two buttons and a Geist Mono caption, over a Fogbow arc and two Grain layers, paper and sandpaper, on a deep blue ground.
Full-Bleed Art Hero with Scrim
Dark hero with full-bleed art and the copy set in the right half, where an EdgeScrim darkens the scene. Uses BoneSlabs by default; title, description, both actions and the art are props.