Landing/Footer
Footer
Sección de cierre de la landing page con título destacado, subtítulo, llamado a la acción e isologo de Nidus sobre fondo verde bosque.
Por Defecto
Footer con contenido predeterminado de Nidus.
Contenido Personalizado
Las props title, subtitle, ctaLabel y ctaHref permiten adaptar el componente.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| title | string | "Tu barrio merece..." | Título principal del footer. |
| subtitle | string | "Nidus digitaliza..." | Subtítulo descriptivo. |
| ctaLabel | string | "Unirme al acceso anticipado" | Texto del botón de acción. |
| ctaHref | string | "#" | URL de destino del botón. |
| onCtaClick | () => void | — | Callback ejecutado al hacer clic en el CTA. Tiene prioridad sobre ctaHref. |
| className | string | — | Clases CSS adicionales. |
Uso básico
import { LandingFooter } from '@repo/ui';
// Con defaults
<LandingFooter />
// Con callback de CTA (recomendado — scroll + tracking)
// Ver hook useCtaClick en apps/landing/hooks/use-cta-click.tsx
<LandingFooter
title="Tu barrio merece una gestión inteligente"
subtitle="Nidus digitaliza y controla todo el proceso de obra"
ctaLabel="Unirme al acceso anticipado"
onCtaClick={footerCtaClick}
/>