
Plain single testimonial: a large centered quote with the speaker's name and role below. Theme tokens only, light and dark.
blocks/testimonials/minimal-testimonials-01/index.tsx
import {
Quote,
QuoteAuthor,
QuoteAuthorName,
QuoteAuthorRole,
QuoteFigure,
} from "@/components/editorial/quote"
import {
Section,
SectionContent,
} from "@/components/editorial/section"
// The copy: change text here, not in the markup.
const COPY = {
quote:
"We used to lose a day every release to finding out who had signed off. Now the answer is on the page before anyone asks.",
name: "Mara Ilves",
role: "Head of Product, Lantern Row",
} as const
export default function MinimalTestimonials01() {
return (
<Section>
<SectionContent>
<QuoteFigure variant="centered">
<Quote size="xl">
<p>{COPY.quote}</p>
</Quote>
<QuoteAuthor>
<QuoteAuthorName>{COPY.name}</QuoteAuthorName>
<QuoteAuthorRole>{COPY.role}</QuoteAuthorRole>
</QuoteAuthor>
</QuoteFigure>
</SectionContent>
</Section>
)
}