Estructura de Páginas
Dos contextos principales: Landing Page y Dashboard. Cada uno con su lógica de grid, secciones y breakpoints.
1
Hero
Badge + Título + CTA principal + Visual
2
Produtos / Serviços
Grid de 3 cards com ícones
3
Prova Social
Portfólio, depoimentos, stats
4
Pricing
Planos + destaque no plano recomendado
5
CTA Final
Urgência + botão primário grande
Dashboard — Estructura
Shell compartilhado:
DashboardShell + DashboardSidebar + DashboardHeader. Roles: admin · cliente · revendedor.375px
Mobile S
768px
Tablet
1024px
Laptop
1440px
Desktop