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.

Tu barrio merece una gestión inteligente

Nidus digitaliza y controla todo el proceso de obra

Nidus

Contenido Personalizado

Las props title, subtitle, ctaLabel y ctaHref permiten adaptar el componente.

Gestión inteligente para tu comunidad

Simplificamos la administración de obras y expensas

Nidus

Props

PropTipoDefaultDescripción
titlestring"Tu barrio merece..."Título principal del footer.
subtitlestring"Nidus digitaliza..."Subtítulo descriptivo.
ctaLabelstring"Unirme al acceso anticipado"Texto del botón de acción.
ctaHrefstring"#"URL de destino del botón.
onCtaClick() => voidCallback ejecutado al hacer clic en el CTA. Tiene prioridad sobre ctaHref.
classNamestringClases 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}
/>