Refactor how-it-works and pricing sections; update text and layout for clarity. Remove social proof section and related star component. Add demo and FAQ sections for enhanced user guidance. Introduce site configuration files for environment-specific settings.

This commit is contained in:
Jose Selesan
2026-09-15 22:09:28 -03:00
parent eb40654155
commit 96e1358bdc
24 changed files with 435 additions and 362 deletions

View File

@@ -14,10 +14,31 @@ npm install
## Comandos
| Comando | Descripción |
| ---------------- | ------------------------------------------------------------------ |
| `npm start` | Servidor de desarrollo con recarga en vivo (`http://localhost:8081`) |
| `npm run build` | Genera el sitio estático en la carpeta `dist/` |
| Comando | Descripción |
| ------------------ | ------------------------------------------------------------------ |
| `npm start` | Servidor de desarrollo (entorno `dev`, `http://localhost:8081`) |
| `npm run build` | Genera el sitio estático en `dist/` (entorno `dev`) |
| `npm run build:qa` | Genera el sitio con los links del entorno de pruebas/QA |
| `npm run build:prod`| Genera el sitio con los links de producción |
| `npm start:qa` | Servidor de desarrollo con entorno de pruebas/QA |
| `npm start:prod` | Servidor de desarrollo con entorno de producción |
## Entornos
Los links hacia la app (registro e inicio de sesión) se configuran por entorno en `src/_data/site.<env>.json`, seleccionados con la variable `ELEVENTY_ENV` (`dev`, `qa` y `prod`; `dev` es el valor por defecto):
```bash
ELEVENTY_ENV=qa npm run build # o npm run build:qa
```
- `src/_data/site.base.json`: datos comunes (nombre, navegación, footer).
- `src/_data/site.dev.json`: `http://localhost:6173/signup` y `/login` (app web en modo desarrollo).
- `src/_data/site.qa.json`: links del entorno de pruebas/QA.
- `src/_data/site.prod.json`: links de producción.
> **Pendiente**: las URLs de QA (`site.qa.json`) y producción (`site.prod.json`) son placeholders. Confirmá los dominios reales antes de publicar.
En el build de Docker, `ELEVENTY_ENV` se pasa como *build arg* (por defecto `prod`); docker-compose lo toma de la variable de entorno `ELEVENTY_ENV` del host.
## Acceso desde otros dispositivos
@@ -39,21 +60,25 @@ Ejemplo: `http://192.168.x.x:8081`
├── package.json # Scripts y dependencias
├── src/
│ ├── _data/
│ │ ├── site.json # Datos globales del sitio (nombre, navegación, footer, año)
│ │ └── pricing.json # Precios y monedas por plan (parametrizados)
│ │ ├── site.js # Selector de entorno (ELEVENTY_ENV) + merge de datos del sitio
│ │ ├── site.base.json # Datos comunes del sitio (nombre, navegación, footer)
│ │ ├── site.dev.json # Links de la app por entorno: dev / QA / prod
│ │ ├── site.qa.json
│ │ ├── site.prod.json
│ │ └── pricing.json # Precios y monedas por plan (parametrizados)
│ ├── _includes/
│ │ ├── layouts/
│ │ │ └── base.njk # Layout principal (head, Tailwind CDN, dark mode, header/footer)
│ │ └── partials/ # Secciones reutilizables de la landing
│ │ ├── header.njk # Navbar con toggle de tema y CTA
│ │ ├── hero.njk # Portada con mockup de la app
│ │ ├── hero.njk # Portada con encabezado y CTAs
│ │ ├── demo.njk # Demostración ilustrativa del flujo de trabajo
│ │ ├── features.njk # Características
│ │ ├── how-it-works.njk# Cómo funciona
│ │ ├── pricing.njk # Planes y precios
│ │ ├── social-proof.njk# Métricas y testimonios
│ │ ├── star.njk # SVG de estrella (reutilizable)
│ │ ├── faq.njk # Preguntas frecuentes
│ │ ├── final-cta.njk # Llamado a la acción final
│ │ └── footer.njk # Pie de página con redes y enlaces
│ │ └── footer.njk # Pie de página con enlaces válidos
│ └── index.njk # Página principal (front matter + includes)
```