WebPremium Verified

Portrait Switcher Testimonials UI Block

A reusable marketing testimonial section with an interactive portrait switcher, editorial typography, and warm-neutral surfaces accented in teal. Designed for product launches and campaign pages that need customer proof in a polished, page-ready block.

What you get

  • One responsive testimonial section with two or three switchable customer stories
  • Portrait controls with selected, hover, keyboard-focus, and accessible states
  • A restrained dot backdrop, warm ivory quote surface, and teal interaction accents
  • Editable content and portrait sources with no external font dependency

Good fit

  • Product launch or campaign pages with approved customer quotes
  • Existing websites that need a focused, reusable proof section

Not for

  • A complete marketing website with navigation and footer
  • Unverified customer stories or generated endorsements

What you provide

  • Approved testimonial quotes, names, and roles
  • Portrait assets or direction for replaceable portrait placeholders

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-portrait-switcher-testimonials-ui-block Create a testimonial section for people evaluating a team workspace. Show three customer stories under “Stories from the people who use it,” by Maya Chen, Jonah Reed, and Elena Park, with their roles and quotes. First: “We finally have a simple way to keep every launch detail in view.” Last: “We spend less time chasing updates and more time shaping the campaign.” Use a warm-neutral Clay Dot Portraits style.

Follow-up prompts

  • Make the portrait switcher compact enough for a narrow mobile column.
  • Replace the decorative dot motion with a static pattern while preserving the teal active state.
  • Adapt the section to these approved quotes and supplied portrait assets.

Verification

Verified

render-checkpass5.0 / 527s

FAQ

Can I use fewer than three testimonials?

Yes. The block should support two or three stories and keep the switcher balanced to the available content.

Can the portraits be placeholders?

Yes. Use clearly replaceable local placeholders until approved portraits are available; do not imply a placeholder is a real customer.

Does the block work without motion?

Yes. Switching remains user-controlled, and decorative motion must respect reduced-motion preferences.

Similar skills