Tul xxx Tul

Viewing: README.md

# Propuesta Comercial - Producción de Reels La Rueda

## 📋 Descripción

Página web de cotización profesional para la producción de 3 reels/videos promocionales para La Rueda, enfocados en la campaña del Mundial.

## 💰 Cotización Detallada

**Total: $1.720.000 COP**

### Desglose de costos:
- **Pre-Producción:** $180.000 (3 horas)
- **Post-producción motion graphics:** $540.000 (6 horas)
- **Post-producción IA & VFX (Voces):** $210.000 (3 horas)
- **Post-producción IA & VFX (Escenas):** $480.000 (8 horas)
- **Edición y Montaje:** $210.000 (3 horas)
- **Gestión de ADs:** $100.000 (1 hora)

## 🎬 Contenido de los Reels

### Reel 1 — Promo Mundial
- **Concepto:** "Hola, promo para la hinchada"
- **Duración:** 15-20 segundos
- **Planos:** 6 planos con Valeria, promoción Continental/General Tire

### Reel 2 — Rueda Mundial
- **Concepto:** "Tu carro también juega con la Sele"
- **Formato:** Carrusel de 3 imágenes

### Reel 3 — Video Página Web
- **Concepto:** "Promo Mundial en La Rueda"
- **Duración:** 18 segundos

## 🚀 Características

### ✅ Estructura de Contenido
- Hero section con presentación de la propuesta
- Sección detallada de cada reel con storylines
- Descripción de planos e imágenes

### ✅ Sistema de Cotización
- Tabla profesional de desglose de costos
- Información detallada por concepto
- Horas, valor hora y totales
- Total general destacado: $1.720.000 COP

### ✅ Integración de Imágenes
- Galería visual de storylines
- Imágenes de los 3 reels organizadas por carpetas:
  - `Promo Mundial/` (4 imágenes)
  - `Rueda Mundial/` (3 imágenes)
  - `Video Página Web/` (2 imágenes)

### ✅ Formulario de Contacto
- Modal de cotización con formulario
- Captura de datos del cliente
- Notificación por email (PHP backend)
- Modal de confirmación

## 📁 Estructura de Archivos

```
c:\xampp\htdocs\adapta\
├── index.html              # Página principal
├── notificar.php           # Backend para envío de emails
├── README.md               # Este archivo
├── Promo Mundial/          # Imágenes Reel 1
│   ├── Plano 01.png
│   ├── Plano 02, 03 y 04.png
│   ├── Plano 05.png
│   └── Plano 06.png
├── Rueda Mundial/          # Imágenes Reel 2
│   ├── A.png
│   ├── B.png
│   └── C.png
└── Video Página Web/       # Imágenes Reel 3
    ├── Plano 1.png
    └── Plano 2.png
```

## 🔧 Instalación y Uso

### Requisitos
- XAMPP (Apache + PHP)
- Navegador web moderno

### Pasos

1. **Iniciar XAMPP**
   - Abrir XAMPP Control Panel
   - Iniciar Apache

2. **Acceder a la página**
   - Abrir navegador
   - Ir a: `http://localhost/adapta/`

3. **Configurar Email (Opcional)**
   - Editar `notificar.php`
   - Cambiar la línea 6: `$destinatario = "tu-email@dominio.com";`
   - Configurar PHP mail() o usar un servicio SMTP

## 📧 Configuración de Emails

### Opción 1: PHP mail() (Local)
El archivo `notificar.php` usa la función `mail()` de PHP. Para que funcione en local:

1. Configurar `php.ini` con un servidor SMTP
2. O usar un servicio como Mailtrap para pruebas

### Opción 2: Servicio Externo (Recomendado)
Integrar con servicios como:
- **FormSubmit.co** (sin backend)
- **EmailJS** (JavaScript)
- **SendGrid** (API)
- **Mailgun** (API)

### Ejemplo con FormSubmit.co (Sin PHP)

Reemplazar el JavaScript de envío por:

```javascript
const form = document.getElementById('formCotizacion');
form.action = 'https://formsubmit.co/tu-email@dominio.com';
form.method = 'POST';
```

## 🎨 Personalización

### Colores
Los colores principales están definidos en CSS variables:
```css
:root {
    --primary: #ff3900;    /* Naranja La Rueda */
    --blue1: #0086FF;      /* Azul primario */
    --blue2: #00c6ff;      /* Azul secundario */
}
```

### Precios
Modificar en el HTML (sección de calculadora):
```html
<input type="checkbox" id="reel1" value="800000">
<input type="checkbox" id="reel2" value="600000">
<input type="checkbox" id="reel3" value="700000">
```

### Descuento
Modificar en JavaScript (línea ~30):
```javascript
descuento = subtotal * 0.10; // 10% de descuento
```

## 📱 Responsive Design

La página está optimizada para:
- ✅ Desktop (1920px+)
- ✅ Laptop (1366px)
- ✅ Tablet (768px)
- ✅ Mobile (375px)

## 🔗 Enlaces y Recursos

- **Logo eMprendo:** https://emprendo.com.co/assets/img/imagotipo.webp
- **Logo La Rueda:** https://emprendo.com.co/20260507-0001/logo.png
- **Fuente:** Inter (Google Fonts)

## 📝 Notas Técnicas

### JavaScript
- Calculadora de precios dinámica
- Validación de formularios
- Manejo de modales
- Integración con backend PHP

### PHP
- Envío de emails HTML
- Validación de datos
- Respuestas JSON
- CORS habilitado

### CSS
- Diseño moderno con gradientes
- Animaciones suaves
- Sistema de grid responsive
- Variables CSS para fácil personalización

## 🐛 Solución de Problemas

### Las imágenes no se cargan
- Verificar que las carpetas existan en la ruta correcta
- Verificar nombres de archivos (sensible a mayúsculas)

### El formulario no envía emails
- Verificar configuración de PHP mail()
- Revisar logs de Apache en XAMPP
- Considerar usar servicio externo (FormSubmit, EmailJS)

### La calculadora no funciona
- Abrir consola del navegador (F12)
- Verificar errores de JavaScript
- Verificar que los IDs de los elementos coincidan

## 📞 Soporte

Para dudas o soporte:
- **Email:** contacto@emprendo.com.co
- **Web:** https://emprendo.com.co

## 📄 Licencia

Propuesta comercial desarrollada por eMprendo para La Rueda.
© 2024 eMprendo. Todos los derechos reservados.
User / IP	: 216.73.216.110
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64