IndicaAI — UI Preview

Vitrine interna para validar tokens + componentes base. A jornada pública mock está em/,/buscar,/empresas/[slug] e/cadastro.

TokensShellsButtonBadgeResponsiveTableFiltersStates

Tokens (amostras)

background
primary
accent
border

Headers / Sidebar / Shells (mockados)

PublicPageShell
Exemplo usando maxWidth="lg" e compact.
AppDashboard fornecedor
Dashboard fornecedor
DashboardShell
Exemplo usando variant="compact".
Tela mobile mock
Exemplo usando variant="immersive".
1
TechVision CFTV
CFTV • São Paulo
4.9
2.1 km
RecomendadoAlta confiança98%Atendimento rápido

Button

Inclui loading tipado e visual (sem libs).

Badge / Chips

Agora com prop size tipada.

RecomendadoAlta confiança 98%Atendimento rápidoAguardandoBloqueadoOutlinesize smsize mdsize lg

ResponsiveTable

Ações via DropdownMenu (desktop e mobile).

Desktop: tabela • Mobile: cards
Nome
Lead #1024
Status
Novo
Cidade
São Paulo
Nome
Lead #1025
Status
Em andamento
Cidade
São Bernardo
Nome
Lead #1026
Status
Aguardando
Cidade
Santo André

Filters (mock)

FilterPanel (informativo) + FilterDrawer refinado (mobile).

Filtros

Este painel é apenas informativo. Os controles de filtro ficam na página (desktop) e no drawer (mobile).

Nesta versão, o comportamento é demonstrativo e roda 100% no client.

Leads (mock)
Instalação de CFTV
São Paulo
AltaNovo
Recebido em: Hoje, 09:12
Controle de acesso
São Bernardo
MédiaEm atendimento
Recebido em: Ontem, 18:40

States

LoadingState, EmptyState, LoadingSkeleton (todos os presets).

Carregando...
Carregando recomendações...
EmptyState + LoadingSkeleton (presets)
Nenhum resultado encontrado
Tente ajustar os filtros ou buscar por outra categoria.
Preset: text
Preset: avatar
Preset: hero
Preset: list
Preset: cards
Preset: table
Preset: chat

Domain components (mock)

Card premium
TechVision CFTV
CFTV • São Paulo
4.9
2.1 km
RecomendadoAlta confiança98%Atendimento rápido
Company list (mobile-friendly)
1
TechVision CFTV
CFTV • São Paulo
4.9
2.1 km
RecomendadoAlta confiança98%Atendimento rápido
2
SegSecure Sistemas
Alarmes • São Paulo
4.7
4.8 km
Verificado
3
Elétrica Luz & Força
Elétrica • São Bernardo
4.8
6.2 km
Recomendado
Chat bubbles
Olá! Eu sou a Ayla. 👋
Quero contratar um fornecedor de CFTV.
Perfeito. Vou te sugerir opções com alta confiança.
Ayla
Olá! Eu sou a Ayla. Me conta, o que você precisa contratar hoje?
Preciso de CFTV para minha empresa.
Entendi! Encontrei algumas empresas que podem te ajudar:
TechVision CFTV
CFTV • 4.9
SegSecure Sistemas
Alarmes • 4.7