Hero

Blue 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.

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.

Installation

pnpm dlx shadcn add @01orbital/poster-hero-02
npx shadcn add @01orbital/poster-hero-02
yarn shadcn add @01orbital/poster-hero-02
bunx --bun shadcn add @01orbital/poster-hero-02

Part 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/poster-hero-02/index.tsx, as source you own and edit.

Usage

import PosterHero02 from "@/components/blocks/hero/poster-hero-02"

export default function Example() {
  return <PosterHero02 />
}

Dependencies

npm: cn. The CLI installs them for you.

Registry pieces it installs with it:

  • blue-hour-photographic-scene
  • button
  • font-geist-mono
  • font-instrument-serif
  • hero