# Plan Landing Page - Novasis

## Producto

- **Nombre**: Novasis
- **Slogan**: "Innovando tu negocio"
- **Tipo**: SaaS POS/ERP para el mercado paraguayo
- **Proyecto**: Independiente en `/var/www/html/proyectos/novasis-landing-page`
- **Stack**: Vite + React + CSS puro (sin MUI) + Lucide icons + Framer Motion

---

## Estructura de la landing

### 1. Navbar (fijo, transparente -> solido al scroll)

- Logo Novasis (horizontal claro para fondo oscuro)
- Links: Funcionalidades, Por que Novasis, Capturas, FAQ, Contacto
- CTA: "Comenzar ahora" -> link a registro o WhatsApp

### 2. Hero Section (100vh)

- Titulo: "Innovando tu negocio"
- Subtitulo: descripcion del sistema con los diferenciadores clave
- CTA principal + secundario
- Screenshot del dashboard oscuro como hero image
- Fondo con gradiente oscuro + patron geometrico sutil

### 3. Metrics Bar

- Metricas de confianza (empresas, facturas, uptime, soporte)
- Animacion de counter al scroll

### 4. Features Section - Funcionalidades principales

- Cards grandes para los modulos estrella:
  - Facturacion Electronica SIFEN
  - POS Administrativo y Retail
  - Multi-empresa / Multi-moneda
- Grid de features secundarias:
  - Inventario y Stock
  - Cuentas a Cobrar
  - Cuentas a Pagar
  - Compras y Gastos
  - Tesoreria (Apertura/Cierre de Caja)
  - Listas de Precios
  - Reportes y Dashboard
  - Gestion de Usuarios y Permisos
  - Auditoria
  - Responsive design

### 5. Screenshots Section

- Carousel o grid con capturas reales:
  - Dashboard oscuro
  - Dashboard claro
  - POS Admin (factura)
  - POS Retail
  - Gestion de Cobros

### 6. Why Novasis (Por que elegirnos)

- Diferenciadores competitivos con iconos:
  - Multi-moneda
  - Multi-empresa (Holding/Subsidiaria/Reseller)
  - SIFEN integrado
  - Modo offline
  - Responsive
  - Apertura y cierre de caja
  - Control de stock
  - Diseno moderno (tema oscuro/claro)

### 7. FAQ Section

- Accordion con preguntas frecuentes sobre SIFEN, funcionalidades, soporte, etc.

### 8. CTA Final

- Banner con gradiente
- "Comenza a innovar tu negocio hoy"
- Boton de registro/contacto

### 9. Footer

- Logo, links, contacto, redes sociales
- "Hecho en Paraguay"

---

## Archivos del proyecto

```
novasis-landing-page/
  public/
    images/
      screenshots/    (capturas reales del sistema)
      logos/           (logos de Novasis)
    favicon.ico
  src/
    components/
      Navbar.jsx
      HeroSection.jsx
      MetricsBar.jsx
      FeaturesSection.jsx
      ScreenshotsSection.jsx
      WhySection.jsx
      FaqSection.jsx
      CtaSection.jsx
      Footer.jsx
    data/
      landingData.js   (todo el contenido estatico)
    styles/
      index.css        (estilos globales + variables CSS)
    App.jsx
    main.jsx
```

---

## Decisiones tecnicas

- CSS puro con variables (sin framework CSS) para maximo control del diseno
- Framer Motion para animaciones de entrada al scroll
- Lucide React para iconografia
- Tema oscuro como principal (coincide con el producto)
- Responsive mobile-first
- Sin planes/precios por ahora
- Sin testimonios por ahora (se agregan despues)

---

## Assets disponibles

- `/home/derlis-dacosta/Imagenes/novasis-capturas/`
  - dashboard-oscuro.png
  - dashboard-claro.png
  - facturaAdmin.png
  - facturaRetail.png
  - gestion de cobros a cutoas.png
  - horizontal-claro-slogan.png (logo horizontal fondo claro)
  - vertical-claro-slogan.png (logo vertical fondo claro)
  - vertical-claro-letras-white-sin_fondo.png (logo oscuro sin slogan)
  - favicon.ico