A masonry wall of testimonial cards in three columns. The outer columns drift slowly in opposite directions under soft top and bottom fades, and pause on hover.
Over 3,800 engineering teams run their releases on Lumen. Here is what a few of them had to say.
We replaced three internal tools with Lumen in a week. Our release notes now write themselves from merged pull requests.
Onboarding a new engineer used to take two weeks of tribal knowledge. With Lumen the context is already there, linked to every decision we made.
We rolled it out to 140 engineers across four time zones and nobody asked for training. The defaults are just right.
The first tool our designers and engineers both open every morning without being asked.
Cycle time dropped from nine days to four. I did not believe the dashboard until finance confirmed it.
Clean API, honest pricing, and a changelog that reads like a letter from a friend.
Support answered a schema question at 11pm on a Sunday, with a code sample. That alone sold the team.
It feels like it was built by people who actually ship software on Fridays.
Our incident reviews went from blame sessions to twenty-minute walkthroughs. The timeline view is the best I have used.
npx shadcn@latest add https://hyperblur.dev/r/proof-wall.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/proof-wall.tsx.
import { ProofWall } from "@/components/hyperblur/proof-wall"
<ProofWall title="What customers say" testimonials={[{ quote: "Setup took ten minutes.", name: "Maya Okafor", role: "Staff Engineer", company: "Fernhill" }]} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "Wall of love" | Small pill label above the heading. Hidden when empty. |
| title | string | "Loved by teams who ship every week" | Section heading. |
| subtitle | string | sample text | Supporting line under the heading. |
| testimonials | { quote: string; name: string; role: string; company?: string; rating?: number; featured?: boolean }[] | 9 sample testimonials | Cards, dealt into three columns in order. Featured cards get an accent glow. |
| score | string | "4.9 average across G2, Capterra and the App Store" | Rating line under the wall. Hidden when empty. |
| cta | { label: string; href: string } | null | { label: "Read all 1,240 reviews", href: "#reviews" } | Pill link under the wall. Pass null to hide it. |
| accent | string | "#8b5cf6" | Accent for stars, glow and hover borders. |
| duration | number | 40 | Seconds for one full drift loop of the left column. The right column runs a little slower. |
| height | number | 640 | Visible wall height in pixels. |