Hero
Banner principal de destaque com títulos, chamada para ação e suporte a parallax.
Hero
Banner Principal
Subtítulo descritivo do Hero
<!-- Hero Component -->
<div class="hero">
Hero content here
</div> ---
import Hero from '@/components/ui/layout/Hero/Hero.astro';
---
<Hero /> Uso
Quando usar
- Use Hero para banner principal de destaque com títulos, chamada para ação e suporte a parallax.
- Ideal para interfaces que precisam de layout
Boas práticas
- Mantenha consistência com outros componentes da mesma categoria
- Considere acessibilidade e estados de interação
- Teste em diferentes tamanhos de tela