ConsentPro — Sitio de producto

Landing page de ConsentPro, la Plataforma de Administración de Consentimientos con verificación de identidad de Begroup EC. Comunica el valor del producto (gestión de consentimientos LOPDP + verificación biométrica DIDIT, certificados con QR, multi-empresa) y está optimizada para conversión.

Producto en producción (app): https://demos.begroupec.com/Plataformas/ConsentApp/consentimientos-angular/login

Stack

• React 18 + Vite 5
• Tailwind CSS 3 (design tokens en tailwind.config.js)
• Framer Motion (animaciones y scroll-reveal)
• lucide-react (iconografía)

Identidad visual

Alineada al branding real de la app (_variables.scss):

Token	Color	Uso
Azul royal	#042396	Primario de marca (Begroup)
Verde	#10B981	Estado "verificado / consentimiento otorgado"
Tinta	#0E1424	Texto y superficies oscuras
Superficie	#FAFAF7	Fondo editorial cálido

Tipografía: Fraunces (titulares serif editorial) + Inter (texto).

Desarrollo

npm install
npm run dev        # http://localhost:5192/demo-aplicaciones/consentpro/
npm run build      # genera /dist
npm run preview

El base de Vite es /demo-aplicaciones/consentpro/ para el deploy en subcarpeta.

Estructura

src/
├─ App.jsx                 # Ensamblado de secciones (orden AIDA)
├─ data.js                 # Todo el contenido / copy (neuroventa)
├─ index.css               # Tailwind + estilos base
└─ components/
   ├─ Header, Hero, TrustBar
   ├─ Riesgo               # Aversión a la pérdida (multas LOPDP)
   ├─ Verificacion         # 4 métodos de verificación de identidad
   ├─ Modulos, Plataforma, Certificado
   ├─ ComoFunciona, Escala # Roles / multi-empresa
   ├─ Cumplimiento, Beneficios, Testimonios
   ├─ Distribuidor         # Programa de canal (B2B)
   ├─ Precios, FAQ, Contacto, Footer
   └─ Logo, Reveal

Secciones (basadas en funciones reales del backend)

• Verificación de identidad: biometría facial (DIDIT), SMS, email, validación cédula/RUC
• Formularios públicos por enlace/QR, sin app ni cuenta
• Certificados PDF con código QR verificable
• Consulta pública por cédula y portal de baja/revocación
• Multi-empresa con roles (Admin / Distribuidor / Empresa / Titular)
• Planes por nivel de verificación · Dashboard y estadísticas

Deploy

Build estático a /var/www/html/socket-studio/demo-aplicaciones/consentpro vía SFTP.

npm run build
python ../deploy_consentpro.py

URL de producción: https://socket-studio.com/demo-aplicaciones/consentpro/

---

© Begroup S.A.S. — ConsentPro. Sitio desarrollado por Socket Studio.