Component library · Lunnoa Reports

<Testimonial>

testimonialTestimonialPresentation

One testimonial tile with quote, avatar, and attribution; centred hero layout when alone, compact card when three share a slide.

When to use: Always inside `<TestimonialGrid>`. Customer proof on a sales or outcomes slide. Use one for a hero quote; three for a balanced row.

Often with: TestimonialGridQuoteSlideFeaturedQuoteSlide

Preview

The first automation went live in two weeks.

Maria Fernandes

CFO · Acme Corp

Prop	Type	Notes
children	ReactNode	Required. Quote body.
name	string	Required. Speaker name.Example: `Maria Fernandes`
role	string	Optional. Job title.Example: `Head of Finance`
company	string	Optional. Organisation.Example: `Acme Corp`
avatarUrl	string	Optional. Optional headshot URL.
initials	string	Optional. Avatar fallback.Example: `MF`

Examples

<TestimonialGrid>
  <Testimonial name="Maria Fernandes" role="CFO" company="Acme Corp" initials="MF">
    The first automation went live in two weeks.
  </Testimonial>
</TestimonialGrid>

<TestimonialGrid>

testimonialTestimonialPresentation

Wrapper for one or three `<Testimonial>` children on a slide; hero layout for a single quote, three-column row otherwise; staggered entrance (client).

When to use: Outcomes or credibility slide after use cases or roadmap. Exactly one or three testimonials per slide.

Often with: TestimonialQuoteSlideTeamGrid

Preview

What teams say after Wave 1

“
The first automation went live in two weeks. Finance finally trusts the numbers.
”

Maria Fernandes

Head of Finance, Acme Corp

“
Order acknowledgements now go out in five minutes, not a day.
”

James Okafor

Operations Manager, Acme Corp

“
HR triage dropped from forty minutes to under ten on day one.
”

Sarah Chen

People Operations, Acme Corp

Prop	Type	Notes
title	string	Optional. Optional slide heading.
description	string	Optional. Optional subtitle.
children	ReactNode	Required. One or three <Testimonial> elements.
tween	object	Optional. Optional GSAP vars for card entrance.

Examples

<TestimonialGrid title="What teams say after Wave 1">
  <Testimonial name="Maria Fernandes" role="Head of Finance" company="Acme Corp" initials="MF">
    The first automation went live in two weeks. Finance finally trusts the numbers.
  </Testimonial>
  <Testimonial name="James Okafor" role="Operations Manager" company="Acme Corp" initials="JO">
    Order acknowledgements now go out in five minutes, not a day.
  </Testimonial>
  <Testimonial name="Sarah Chen" role="People Operations" company="Acme Corp" initials="SC">
    HR triage dropped from forty minutes to under ten on day one.
  </Testimonial>
</TestimonialGrid>