Bloco
Pricing Card
Card de plano e preço. Suporta highlight (destaque com borda e sombra hero), badge, lista de features e CTA adaptado ao nível de ênfase.
npx shadcn add @studio/pricing-card Preview
Presença
R$1.200 / único
Site profissional e presença completa nas redes.
- Site one-page
- SEO básico
- Perfil Google
Contínua
Popular R$490 / mês
Presença ativa com evolução mensal e estratégia.
- Tudo do básico
- Conteúdo mensal
- SEO avançado
- Relatório mensal
Clínica
Sob consulta
Para clínicas e equipes com demandas específicas.
- Múltiplos profissionais
- Sistema de agendamento
- Suporte prioritário
Props
| Prop | Tipo | Descrição |
|---|---|---|
name | string | Nome do plano |
price | string | Valor (ex: 'R$1.200') |
period | string | Periodicidade (ex: '/mês') |
description | string | Descrição breve do plano |
features | string[] | Lista de inclusões |
cta | { label: string; href: string } | Botão de ação |
highlight | boolean | Destaque visual (borda + sombra hero) |
badge | string | Badge de destaque (ex: 'Recomendado') |