# Capítulo 3: Proyectos y AI Generate

> Cómo crear, gestionar, duplicar y eliminar proyectos. Cómo usar la IA para generar sitios completos en segundos.

---

## 3.1 Qué es un Proyecto

Un **proyecto** = un sitio web completo.

Ejemplos:
- "Taller Mecánico Miami" (tiene Home, About, Services, Contact)
- "Clínica Dental Mendoza" (tiene Home, Tratamientos, Equipo, Contacto)
- "Techados Tampa" (tiene Home, Emergency, Gallery, Reviews, Contact)

Cada proyecto tiene:
- **Nombre** (para vos)
- **Slug** (para la URL: `slug.mypagegenius.com`)
- **Páginas** (home, about, services, contact, etc.)
- **Configuración** (SEO global, idioma, branding)
- **Dominios** (opcional: tu propio dominio personalizado)

> **Ejemplo de sitio publicado:** `![Sitio publicado con PageGenius](/help/screenshots/pagegenius-published-site.png)`

---

## 3.2 Crear un Proyecto con IA

La forma más rápida. La IA escribe el contenido, elige los widgets, y arma la estructura.

### Paso a paso

1. Andá a **Proyectos** → **"Nuevo Proyecto"**
2. Seleccioná **"Generar con IA"**
3. Completá el formulario:

| Campo | Qué escribir | Ejemplo bueno | Ejemplo malo |
|-------|-------------|---------------|--------------|
| **Descripción** | 1-2 oraciones sobre tu negocio | "Taller mecánico en Miami que repara aires acondicionados de autos, frenos, y transmisiones. Abierto sábados." | "Un negocio" |
| **Idioma** | Español o English | Español | (no importa si es para hispanos) |

4. Clic en **"Generar"**

### Qué hace la IA detrás

En ~30-90 segundos, la IA:
1. Detecta tu **industria** (automotriz, dental, techados, etc.)
2. Detecta tu **ciudad** (para SEO local)
3. Selecciona **widgets relevantes** para esa industria
4. Genera **textos específicos** (headlines, descripciones de servicios, CTAs)
5. Arma la **estructura de páginas** (home + páginas secundarias)
6. Inyecta **Schema.org** invisible para Google
7. Aplica **colores y tipografía** coherentes

### Resultado típico

Un proyecto nuevo con 4-5 páginas:
- **Home:** Hero, Features, Services, Testimonials, Contact Form, Footer
- **About:** Story, Team, Stats
- **Services:** Service list con descripciones detalladas
- **Contact:** Mapa, formulario, teléfono, horarios
- **(Opcional)** Emergency, Gallery, FAQ — según la industria

---

## 3.3 Crear un Proyecto en Blanco

Si preferís armar todo vos mismo.

1. Andá a **Proyectos** → **"Nuevo Proyecto"**
2. Seleccioná **"Proyecto en blanco"**
3. Escribí el nombre y elegí el idioma
4. Clic en **"Crear"**

Te deja en el builder con una página Home vacía. Desde ahí arrastrás widgets y los configurás.

---

## 3.4 Usar una Plantilla

1. Andá a **Plantillas** (desde el sidebar)
2. Hacé clic en una plantilla para previsualizarla
3. Si te gusta, clic en **"Usar esta plantilla"**
4. Escribí el nombre de tu proyecto
5. La plantilla se clona como proyecto nuevo, listo para editar

### Plantillas disponibles

| Plantilla | Estilo | Ideal para | Plan |
|-----------|--------|-----------|------|
| **Minimal** | Limpio, espaciado, tipo Apple | Profesionales, consultorías | Free |
| **Bold** | Colores fuertes, impacto visual | Fitness, construcción | Pro |
| **Professional** | Corporativo, azules y grises | Abogados, contadores | Pro |
| **Visual** | Imagen-heavy, galerías | Fotógrafos, restaurantes | Pro |
| **Vibrant** | Energético, startups | Apps, marketing | Agency |

---

## 3.5 Lista de Proyectos

Andá a **Proyectos** en el sidebar. Ves una grilla o lista:

```
+----------------------------------------------------------+
|  MIS PROYECTOS                              [+ Nuevo]     |
+----------------------------------------------------------+
|  ┌─────────────┐ ┌─────────────┐ ┌─────────────┐        |
|  │ [Thumbnail] │ │ [Thumbnail] │ │ [Thumbnail] │        |
|  │ Taller Mec  │ │ Clínica Den │ │ Roofing Tampa│       |
|  │ 4 páginas   │ │ 5 páginas   │ │ 3 páginas   │        |
|  │ ✅ Publicado│ │ 📝 Borrador │ │ ✅ Publicado│        |
|  │ [Editar]    │ │ [Editar]    │ │ [Editar]    │        |
|  │ [Eliminar]  │ │ [Eliminar]  │ │ [Eliminar]  │        |
|  └─────────────┘ └─────────────┘ └─────────────┘        |
+----------------------------------------------------------+
```

### Acciones por proyecto

| Acción | Qué hace | Atajo |
|--------|---------|-------|
| **Editar** | Entra al builder | Clic en la tarjeta |
| **Publicar** | Genera la versión en vivo | Desde el builder |
| **Duplicar** | Crea una copia exacta | Menú "..." → Duplicar |
| **Eliminar** | Borra el proyecto y todas sus páginas | Menú "..." → Eliminar |
| **Renombrar** | Cambia el nombre | Menú "..." → Renombrar |
| **Dominios** | Conectar dominio personalizado | Menú "..." → Dominios |

---

## 3.6 Duplicar un Proyecto

Útil para:
- Crear una variante de un sitio existente
- Usar un proyecto como "plantilla base"
- Hacer A/B tests

1. En la lista de proyectos, clic en el menú **"..."** del proyecto
2. Seleccioná **"Duplicar"**
3. Escribí el nuevo nombre
4. Se crea una copia exacta con slug diferente

**Qué se copia:**
- ✅ Todas las páginas y contenido
- ✅ Configuración de SEO
- ✅ Branding (colores, logo)
- ❌ Dominios personalizados (tenés que reconectarlos)
- ❌ Leads/submissions

---

## 3.7 Eliminar un Proyecto

**Advertencia:** Esta acción es irreversible.

1. Menú **"..."** → **"Eliminar"**
2. Te pedimos confirmación: "¿Eliminar 'Taller Mecánico' y todas sus 4 páginas?"
3. Clic en **"Eliminar permanentemente"**

**Qué se borra:**
- Todas las páginas del proyecto
- El HTML publicado (el sitio en vivo deja de funcionar)
- Los dominios personalizados vinculados

**Qué NO se borra:**
- Las imágenes subidas a Media (son tuyas)
- Los leads recibidos (quedan en la tabla global)

---

## 3.8 Media Library (Biblioteca de Medios)

Andá a **Media** en el sidebar.

### Subir imágenes
1. Arrastrá imágenes al área de drop
2. O clic en **"Examinar"** para elegir archivos
3. Formatos soportados: JPG, PNG, WebP, GIF
4. Tamaño máximo: 5MB por archivo

### Qué pasa al subir
- La imagen se redimensiona automáticamente a máximo 1920px de ancho
- JPG/PNG se convierten a WebP (más liviano, carga más rápido)
- Se guardan en `public/uploads/` con nombre único

### Usar una imagen
- En el builder, arrastrá el widget **"Image"**
- Clic en **"Seleccionar de Media"**
- Elegí la imagen de tu biblioteca

### Problema común: "Mi imagen se ve borrosa"
- **Causa:** Subiste una imagen muy chica y la estiraste.
- **Solución:** Subí imágenes de al menos 1200px de ancho. El builder las adapta.

---

## 3.9 Límites por Plan

| Feature | Free | Pro | Agency |
|---------|------|-----|--------|
| Proyectos | 1 | 10 | 100 |
| AI Generations | 1 total | 10/mes | 999/mes |
| Páginas por proyecto | 5 | 20 | 100 |
| Plantillas premium | No | Sí | Sí |
| Dominios personalizados | 0 | 1 | 10 |
| Miembros del team | 1 | 5 | 20 |
| Analytics | Básico | Completo | Completo |
| White-label | No | No | Sí |

---

## 3.10 Problemas y Soluciones de Proyectos

### "No puedo crear más proyectos"
- **Causa:** Llegaste al límite de tu plan.
- **Solución:** Eliminá proyectos viejos o upgradéá en Billing.

### "La IA no entiende mi negocio"
- **Causa:** Descripción muy vaga.
- **Solución:** Incluí: ciudad, industria específica, 3 servicios principales, y algo que te diferencie. Ej: "Clínica dental en Houston que acepta seguros Aetna, ofrece implantes same-day, y atiende emergencias dentales 24h".

### "La IA tardó mucho y falló"
- **Causa:** Timeout de la API de IA (Groq/Gemini) o rate limit alcanzado.
- **Solución:** Esperá 1 minuto y reintentá. Si persiste, contactá soporte.

### "Mi proyecto se quedó en 'Generando...'"
- **Causa:** Proceso de IA interrumpido.
- **Solución:** Refrescá la página. Si el proyecto aparece incompleto, eliminalo y volvé a generar.

### "Quiero cambiar el slug de mi proyecto"
- **Causa:** Elegiste un slug feo o con typo.
- **Solución:** Andá al builder → **Configuración** → **Slug**. Cambialo. **Nota:** La URL anterior deja de funcionar.

### "Quiero clonar un proyecto de otro usuario"
- **Causa:** No se puede.
- **Solución:** PageGenius no tiene "proyectos públicos" para clonar. Tenés que usar plantillas oficiales o generar con IA.

---

## Resumen del Capítulo 3

| Tarea | Cómo hacerlo | Dónde |
|-------|-------------|-------|
| Crear sitio con IA | Proyectos → Nuevo → Generar con IA | `/projects/new` |
| Crear sitio en blanco | Proyectos → Nuevo → En blanco | `/projects/new` |
| Usar plantilla | Plantillas → Elegir → Usar | `/templates` |
| Duplicar proyecto | Menú "..." → Duplicar | `/projects` |
| Eliminar proyecto | Menú "..." → Eliminar | `/projects` |
| Subir imagen | Media → Arrastrar | `/media` |

---

**Próximo capítulo:** [Capítulo 4: El Builder — Editor Visual](17d-builder.md)