LeadCaptureCube

Captura de leads para landings: newsletter / waitlist / contacto.

Newsletter / waitlist / contacto

Vista previa

variant="newsletter"

variant="contact"

import { LeadCaptureCube, type LeadAdapter } from "@eidondev/acme-ui/cubes";

const adapter: LeadAdapter = {
  submit: (lead) => db.leads.create(lead), // → { ok, message? } (newsletter/CRM/Resend)
};

// El hueco real de las landings. Tres variantes, mismo puerto.
<LeadCaptureCube adapter={adapter} variant="newsletter" hiddenFields={{ src: "hero" }} />

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

variant="newsletter"

variant="contact"

Editorial · claro

variant="newsletter"

variant="contact"

Technical · oscuro

variant="newsletter"

variant="contact"

Warm · claro

variant="newsletter"

variant="contact"

Playful · claro

variant="newsletter"

variant="contact"