Hero
Sección hero de la landing page. Fondo con imagen real de producto + degradado lineal, columna de copy con titular, bajada y CTAs, y columna con mockup de la plataforma. Totalmente configurable via props.
Props
| Prop | Tipo | Default |
|---|---|---|
| badge | string | "Plataforma B2B Inmobiliaria" |
| headline | string | "Gestiona todas tus propiedades…" |
| subheadline | string | "Nidus centraliza la administración…" |
| primaryCtaLabel | string | "Comenzar gratis" |
| primaryCtaHref | string | "/register" |
| secondaryCtaLabel | string | "Ver demostración" |
| secondaryCtaHref | string | "/demo" |
| stats | Array<IHeroStat> | DEFAULT_STATS |
| onCtaClick | () => void | undefined |
| className | string | undefined |
Variante por defecto
Contenido y assets por defecto. Imagen de fondo con degradado lineal oscuro.
Gestiona todas tus propiedades desde un solo lugar
+
Nidus centraliza la administracion de propiedades, contratos y arrendatarios. Optimiza tus procesos y toma decisiones con datos en tiempo real.
- Propiedades activas
- +500Propiedades activas
- Empresas confían en Nidus
- +120Empresas confían en Nidus
- Satisfacción del cliente
- 98%Satisfacción del cliente
Copy personalizado
Todas las cadenas de texto son sobreescribibles via props.
El futuro de la gestión de obrasen barrios privados.
+
Automatiza tareas, reduce errores y mantén a tu equipo siempre sincronizado con Nidus.
- Uptime garantizado
- 99.9%Uptime garantizado
- Tiempo de carga
- <2sTiempo de carga
- Soporte disponible
- 24/7Soporte disponible
Sin estadísticas
Al pasar un array vacío en stats, la franja de métricas desaparece limpiamente.
Gestiona todas tus propiedades desde un solo lugar
+
Nidus centraliza la administracion de propiedades, contratos y arrendatarios. Optimiza tus procesos y toma decisiones con datos en tiempo real.
Uso básico
import { Hero } from '@repo/ui';
// Con defaults
<Hero />
// Con callback de CTA (recomendado — scroll + tracking)
// Ver hook useCtaClick en apps/landing/hooks/use-cta-click.tsx
<Hero
headline1="Digitalizá el"
featured="futuro"
headline2="de tu barrio"
primaryCtaLabel="Unirme al acceso anticipado"
onCtaClick={heroCtaClick}
stats={[]}
/>