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.
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-01npx shadcn add @01orbital/centered-hero-01yarn shadcn add @01orbital/centered-hero-01bunx --bun shadcn add @01orbital/centered-hero-01Part 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-01/index.tsx, as source you own and edit.
import CenteredHero01 from "@/components/blocks/hero/centered-hero-01"
export default function Example() {
return <CenteredHero01 />
}npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
buttonfogbowfont-geist-monograinheroBlue Hour Poster Hero
Full-screen poster hero over the BlueHourPhotographicScene: Geist Mono tags and stats in the four corners, a centered Instrument Serif headline with an italic second line and one outline button.
Eclipse Noir Hero
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.