Metrics Section
Six metric cards with Solar duotone icons, a primary-color gradient, and configurable card and button corners.
Support that feels human
Resolve every conversation faster, keep customers in the loop, and give your team one clear place to help.
See how it works- Coverage across every channel.
- 24/7
- Customer satisfaction score.
- 98%
- Average first response time.
- < 2 min
- Conversations resolved.
- 4.8M
- Issues solved in one reply.
- 92%
- Every customer conversation.
- 1 place
Add to your project
Get All Access to copy the prompt and source code.
Source is locked
All Access is $79/year and includes every pro block.
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSSolar IconsProps
| Prop | Type | Description |
|---|---|---|
primaryColor | string | Brand color used across the section. |
cornerRadius | number | string | Card and button corner radius. |
headline | string | Section heading. |
subcopy | string | Supporting text. |
ctaLabel | string | Action label. |
ctaHref | string | Action URL. |
metrics | Metric[] | Metric values, descriptions, and icons. |
className | string | Styles for the outer section. |