Hero Aurora

Sobre

Abertura de página com uma aurora de luz em camadas que se move lentamente atrás de um título de grande escala. Inclui selo de anúncio, dois botões de ação e uma faixa de logos. A animação usa apenas CSS e respeita a preferência de movimento reduzido.

Detalhes

Categoria

Hero Sections

Tipo

Seção

Framework

React

Tecnologias

React, Tailwind CSS, CSS

Publicado em

22 de outubro de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/hero-aurora.tsxtsx

Como usar

import HeroAurora from "@/components/integra/hero-aurora";

export default function Page() {
  return <HeroAurora />;
}