Hero

Blocos de páginaCLI

Hero de landing: eyebrow, título com gradiente, subtítulo, ações e 6 fundos.

Instalação

bash

pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css

/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

tsx

import {
  Hero,
  HeroContent,
  HeroEyebrow,
  HeroTitle,
  HeroSubtitle,
  HeroActions
} from "aura-ui-components/hero";

Exportações

HeroHeroContentHeroEyebrowHeroTitleHeroSubtitleHeroActionsheroVariants

Tipos

HeroPropsHeroContentPropsHeroEyebrowPropsHeroTitlePropsHeroSubtitlePropsHeroActionsProps

Dependências npm

class-variance-authority

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.