Previous Team Member Card Next FAQ Item

Testimonial Card

Customer quote card with avatar, name, and star rating.

This page is a scaffold for the Testimonial Card component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Quote + avatar + name
  • Star rating
  • Company / role label
  • Source platform icon (Google, Trustpilot)
  • Long quote expandable
  • Video testimonial variant
12

Card

Flexible content container with header, body, footer, and media.

Accordion

Collapsible content panels with smooth expand/collapse animation.

Timeline

Vertical or horizontal event/step timeline with markers.

List Group

Styled list of items with optional icons, badges, and actions.

Badge

Small inline label for status, count, and category tags.

Chip

Compact interactive label for filters, tags, and selections.

Avatar

User image or initials display with size and group variants.

Statistic Card

Highlighted metric display with label, value, and trend.

Feature Card

Icon + title + description card for feature showcases.

Pricing Card

Pricing tier card with plan name, price, features, and CTA.

Team Member Card

Profile card with photo, name, role, and social links.

FAQ Item

Single expandable Q&A item for FAQ sections.
Previous Team Member Card Next FAQ Item