A white press section with two marquee rows of typographic wordmark chips moving in opposite directions, a rotating serif press quote with progress dots, a row of award cards with laurels and a press kit link.
Halcyon has quietly become the calendar that people who hate calendars actually open.
npx shadcn@latest add https://hyperblur.dev/r/about-press-wall.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/about-press-wall.tsx.
import { AboutPressWall } from "@/components/hyperblur/about-press-wall"
<AboutPressWall interval={5000} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "Press and awards" | Pill label above the title. |
| title | string | "Covered by the people who cover the craft" | Section heading. |
| outlets | { name: string; style?: 0 | 1 | 2 | 3 | 4 | 5 }[] | 12 outlets | Wordmark chips. style picks one of six type treatments. |
| quotes | { quote: string; outlet: string; author: string }[] | 3 quotes | Quotes that rotate in the center. |
| awards | { title: string; issuer: string; year: string }[] | 4 awards | Award cards under the quote. |
| interval | number | 6000 | Milliseconds each quote stays before the next. Pauses on hover and focus. |
| pressKit | { label: string; href: string } | { label: "Download the press kit", href: "#press-kit" } | Link at the bottom. |
| accent | string | "#f59e0b" | Quote mark, laurel and hover color. |
| className | string | "" | Extra classes for the section element. |
| style | CSSProperties | Inline styles merged after the accent variable. |