Components

Dialog

Modal sobreposto. Usado para lead capture, confirmações e formulários rápidos.

Import

import {
  Dialog, DialogContent, DialogDescription,
  DialogHeader, DialogTitle, DialogTrigger, DialogFooter,
} from "@/components/ui/dialog"

Básico

<Dialog>
  <DialogTrigger asChild>
    <Button>Abrir</Button>
  </DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Título</DialogTitle>
      <DialogDescription>Descrição</DialogDescription>
    </DialogHeader>
    {/* conteúdo */}
    <DialogFooter>
      <Button>Confirmar</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>

CTA modal — exit intent / botão de landing page

Oferta limitada

Diagnóstico gratuito

Analisamos sua oferta atual e mostramos onde está perdendo LTV. Sem compromisso.