Client stories with a ten-name wordmark row, then a segmented control that filters dark linked cards by product, each a Planetary Horizon scene with the client name in Instrument Serif. Client component.
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/customer-stories-01npx shadcn add @01orbital/customer-stories-01yarn shadcn add @01orbital/customer-stories-01bunx --bun shadcn add @01orbital/customer-stories-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/resources/customer-stories-01/index.tsx, as source you own and edit.
import CustomerStories01 from "@/components/blocks/resources/customer-stories-01"
export default function Example() {
return <CustomerStories01 />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
font-instrument-serifplanetary-horizon-sceneseparatorDark Featured Report Download
Pinned-dark guides section with a heading, intro and one Split Card: a report title, summary and Download button beside a tilted artwork Poster framed by hairline orbit rings.
Frosted Glass Guide Cards
Two-column grid of dark Headline Cards on frosted glass over the scene backdrop, each with a guide title, summary, round arrow link and an author avatar with topic. Pinned dark.