Section: Testimonial Highlight

Display testimonials in a prominent carousel/highlight format. Each testimonial features a quote, author name, title, and optional avatar.

Props

Name	Type	Required	Description	Default
`label`	string	No	Small label above heading	—
`heading`	string	No	Section heading	—
`description`	string	No	Section description	—
`testimonials`	array	Yes	Array of testimonial objects	—
`testimonials[].quote`	string	Yes	The testimonial text	—
`testimonials[].name`	string	Yes	Author's name	—
`testimonials[].title`	string	No	Author's role/company	—
`testimonials[].avatar`	string	No	URL to author's avatar image	—
`className`	string	No	Custom CSS class	—

Display

Testimonials are shown as large, featured cards — one at a time with navigation controls. This format works best for 1-5 high-impact quotes.

For a larger number of shorter testimonials displayed all at once, use Testimonials Vertical instead.

Minimal Example

{
  "type": "testimonial-highlight",
  "testimonials": [
    { "quote": "PageGun saved us weeks of development time.", "name": "Jane Smith" }
  ]
}

Full Example

{
  "type": "testimonial-highlight",
  "label": "What People Say",
  "heading": "Loved by Developers",
  "testimonials": [
    {
      "quote": "We replaced our entire WordPress blog with PageGun in an afternoon. The API is incredibly clean.",
      "name": "Sarah Chen",
      "title": "CTO at TechFlow",
      "avatar": "https://example.com/avatars/sarah.jpg"
    },
    {
      "quote": "Our AI agent manages 200+ pages autonomously. We haven't touched the CMS dashboard in months.",
      "name": "Marcus Rivera",
      "title": "Founder, AutoSites",
      "avatar": "https://example.com/avatars/marcus.jpg"
    },
    {
      "quote": "The Data Mode feature is genius. We serve encrypted content from a CDN and decrypt client-side.",
      "name": "Priya Patel",
      "title": "Lead Engineer at DevStudio",
      "avatar": "https://example.com/avatars/priya.jpg"
    }
  ]
}

Writing Effective Testimonials

Be specific: "Saved us 20 hours/month" > "Great product"
Include metrics when possible: conversion rates, time saved, pages managed
Use the author's voice: Let it sound natural, not polished
Add titles: "CTO at TechFlow" adds credibility. Anonymous quotes don't convert
Avatar images: Even small photos dramatically increase trust

When to Use Which

Section	Best For
Testimonial Highlight	1-5 featured, detailed quotes with large display
Testimonials Vertical	5+ shorter quotes in a scrollable grid

Placement

Place testimonials after your features/solution sections and before the final CTA. Social proof works best when users already understand the product but need validation before acting.