Este es un sitio web dinámico que automáticamente clona la estructura exacta y CSS de copiona.com y genera contenido único para cualquier ruta usando IA, manteniendo el diseño original pero con contenido completamente nuevo.

Para que funcione, necesitas configurar la variable de entorno:

• OPENROUTER_API_KEY - Tu API key de OpenRouter (obtén una gratis en https://openrouter.ai)

1. Clonación Exacta: El sistema visita https://copiona.com y extrae:

   • Estructura HTML completa
   • Todos los archivos CSS
   • Layout y elementos de navegación
   • Contenido original para usar como plantilla

2. Generación de Contenido Inteligente: Cuando visitas cualquier ruta (ej: /pizza, /tecnologia, /servicios), el sitio:

   • Mantiene la estructura HTML exacta
   • Conserva todas las clases CSS y estilos
   • Reemplaza solo el contenido de texto
   • Adapta el contenido al tema de la ruta

3. Modelo de IA: Usa google/gemini-2.5-flash-lite vía OpenRouter para generar contenido contextual en español argentino

• Clonación Perfecta: Replica exactamente el diseño y CSS de copiona.com
• Contenido Dinámico: Cada ruta genera contenido único y contextualmente relevante
• Estructura Preservada: Mantiene todos los elementos HTML, clases CSS y funcionalidad
• Streaming en Tiempo Real: El contenido aparece incrementalmente mientras se genera
• Navegación Funcional: Todos los enlaces y elementos interactivos se mantienen
• Diseño Responsivo: Conserva el diseño responsivo original
• Cache Inteligente: La estructura se actualiza cada 30 minutos

Prueba visitando estas rutas para ver contenido adaptado:

• / - Página de inicio
• /pizza - Contenido temático sobre pizza
• /tecnologia - Contenido sobre tecnología
• /servicios - Contenido sobre servicios
• /productos - Contenido sobre productos
• /contacto - Información de contacto
• /random - Contenido aleatorio

• Framework: TypeScript vanilla con APIs Web
• Clonación: Extracción completa de HTML y CSS de copiona.com
• IA: Google Gemini 2.5 Flash Lite vía OpenRouter
• Streaming: Generación de contenido en tiempo real
• Hosting: HTTP trigger de Val Town
• Cache: Estructura cacheada por 30 minutos para rendimiento
• Fallback: Página de error elegante si falla la generación

1. Extracción de CSS: Descarga todos los archivos CSS externos
2. Análisis de HTML: Extrae la estructura completa del body
3. Preservación de Estructura: Mantiene todos los divs, clases e IDs
4. Reemplazo de Contenido: Solo cambia textos manteniendo la estructura
5. Renderizado: Aplica el CSS original con el contenido nuevo

El resultado es una copia perfecta del diseño de copiona.com pero con contenido completamente nuevo y relevante para cada ruta.