292 lines
12 KiB
HTML
292 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Centro de Ayuda - WhatsApp Bot Manager</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
<style>
|
|
.help-card {
|
|
transition: transform 0.2s;
|
|
border: none;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
.help-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
|
}
|
|
.hero-section {
|
|
background: linear-gradient(135deg, #25d366, #128c7e);
|
|
color: white;
|
|
padding: 60px 0;
|
|
}
|
|
.status-badge {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
font-size: 0.8em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Hero Section -->
|
|
<div class="hero-section">
|
|
<div class="container text-center">
|
|
<h1><i class="fas fa-robot"></i> WhatsApp Bot Manager</h1>
|
|
<p class="lead">Centro de Ayuda y Configuración</p>
|
|
<small>Sistema validado y optimizado - 2 de enero de 2026</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container my-5">
|
|
<!-- Status Overview -->
|
|
<div class="row mb-5">
|
|
<div class="col-12">
|
|
<div class="alert alert-success text-center">
|
|
<h4><i class="fas fa-check-circle"></i> Estado del Sistema</h4>
|
|
<p class="mb-0">Tu WhatsApp Bot Manager ha sido <strong>validado y optimizado</strong> completamente</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Quick Access -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h2 class="text-center mb-4">🚀 Acceso Rápido</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 mb-5">
|
|
<div class="col-md-3">
|
|
<div class="card help-card h-100 text-center">
|
|
<div class="card-body">
|
|
<i class="fas fa-check-circle fa-3x text-success mb-3"></i>
|
|
<h5>Validar Sistema</h5>
|
|
<p class="card-text">Verifica que todo esté funcionando correctamente</p>
|
|
<a href="system_validator.php" class="btn btn-success">Validar</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card help-card h-100 text-center">
|
|
<div class="card-body">
|
|
<i class="fab fa-whatsapp fa-3x text-success mb-3"></i>
|
|
<h5>Test WhatsApp</h5>
|
|
<p class="card-text">Probar conectividad con WhatsApp API</p>
|
|
<a href="whatsapp_tester.php" class="btn btn-success">Probar</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card help-card h-100 text-center">
|
|
<div class="card-body">
|
|
<i class="fas fa-cog fa-3x text-primary mb-3"></i>
|
|
<h5>Configuración</h5>
|
|
<p class="card-text">Configurar manualmente sin archivos .env</p>
|
|
<a href="quick_config.php" class="btn btn-primary">Configurar</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card help-card h-100 text-center">
|
|
<div class="card-body">
|
|
<i class="fas fa-tachometer-alt fa-3x text-info mb-3"></i>
|
|
<h5>Panel Control</h5>
|
|
<p class="card-text">Acceder al panel de administración</p>
|
|
<a href="index.php" class="btn btn-info text-white">Acceder</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Installation Options -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h2 class="text-center mb-4">⚙️ Opciones de Instalación</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 mb-5">
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<div class="position-relative">
|
|
<span class="badge bg-success status-badge">Recomendado</span>
|
|
</div>
|
|
<i class="fas fa-server fa-2x text-primary mb-3"></i>
|
|
<h5>Instalador Automático</h5>
|
|
<p class="card-text">Para VPS y servidores dedicados. Crea automáticamente la base de datos y configura todo.</p>
|
|
<a href="install.php" class="btn btn-primary">Instalar Automático</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-tools fa-2x text-warning mb-3"></i>
|
|
<h5>Instalador Manual</h5>
|
|
<p class="card-text">Para hosting compartido (cPanel). Requiere crear la base de datos manualmente.</p>
|
|
<a href="install_manual.php" class="btn btn-warning">Instalar Manual</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-feather-alt fa-2x text-info mb-3"></i>
|
|
<h5>Instalador Básico</h5>
|
|
<p class="card-text">Instalación mínima sin funciones avanzadas. Ideal para pruebas rápidas.</p>
|
|
<a href="install_simple.php" class="btn btn-info text-white">Instalar Básico</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Documentation -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h2 class="text-center mb-4">📚 Documentación</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 mb-5">
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-book-open fa-2x text-success mb-3"></i>
|
|
<h5>README Principal</h5>
|
|
<p class="card-text">Descripción completa del proyecto, características y funcionalidades.</p>
|
|
<a href="README.md" target="_blank" class="btn btn-outline-success">Leer</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<div class="position-relative">
|
|
<span class="badge bg-primary status-badge">Nuevo</span>
|
|
</div>
|
|
<i class="fas fa-rocket fa-2x text-primary mb-3"></i>
|
|
<h5>Guía de Setup</h5>
|
|
<p class="card-text">Instrucciones completas paso a paso para configurar el sistema correctamente.</p>
|
|
<a href="README_SETUP.md" target="_blank" class="btn btn-outline-primary">Ver Guía</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-cloud-upload-alt fa-2x text-info mb-3"></i>
|
|
<h5>Guía de Despliegue</h5>
|
|
<p class="card-text">Instrucciones detalladas para desplegar en diferentes tipos de servidores.</p>
|
|
<a href="DEPLOYMENT_GUIDE.md" target="_blank" class="btn btn-outline-info">Ver Guía</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Troubleshooting -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h2 class="text-center mb-4">🆘 Solución de Problemas</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 mb-5">
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-database fa-2x text-danger mb-3"></i>
|
|
<h5>Problemas de Base de Datos</h5>
|
|
<p class="card-text">Soluciones para errores de conexión y tablas faltantes.</p>
|
|
<a href="SOLUCION_ERROR_CONFIG.md" target="_blank" class="btn btn-outline-danger">Ver Solución</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-server fa-2x text-warning mb-3"></i>
|
|
<h5>Problemas de Hosting</h5>
|
|
<p class="card-text">Guías específicas para diferentes proveedores de hosting.</p>
|
|
<a href="SOLUCION_HOSTING.md" target="_blank" class="btn btn-outline-warning">Ver Solución</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card help-card h-100">
|
|
<div class="card-body">
|
|
<i class="fas fa-table fa-2x text-info mb-3"></i>
|
|
<h5>Tablas Faltantes</h5>
|
|
<p class="card-text">Qué hacer cuando faltan tablas en la base de datos.</p>
|
|
<a href="SOLUCION_TABLA_NO_EXISTE.md" target="_blank" class="btn btn-outline-info">Ver Solución</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- System Status -->
|
|
<div class="card mb-5">
|
|
<div class="card-header bg-light">
|
|
<h5 class="mb-0"><i class="fas fa-info-circle"></i> Estado del Sistema</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row text-center">
|
|
<div class="col-md-3">
|
|
<i class="fas fa-check-circle fa-2x text-success mb-2"></i>
|
|
<h6>Archivos</h6>
|
|
<small class="text-muted">Estructura validada</small>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<i class="fas fa-check-circle fa-2x text-success mb-2"></i>
|
|
<h6>Configuración</h6>
|
|
<small class="text-muted">Sistema mejorado</small>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<i class="fas fa-check-circle fa-2x text-success mb-2"></i>
|
|
<h6>Seguridad</h6>
|
|
<small class="text-muted">Protecciones activas</small>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<i class="fas fa-check-circle fa-2x text-success mb-2"></i>
|
|
<h6>Logging</h6>
|
|
<small class="text-muted">Sistema centralizado</small>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="text-center">
|
|
<h6>✅ Sistema Completamente Operativo</h6>
|
|
<p class="text-muted mb-0">
|
|
Validado el 2 de enero de 2026 -
|
|
Todas las funcionalidades han sido revisadas y optimizadas
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="text-center">
|
|
<hr>
|
|
<p class="text-muted">
|
|
<i class="fas fa-code"></i> Desarrollado por
|
|
<a href="https://u-site.app" target="_blank" class="text-decoration-none">U-Site.app</a>
|
|
- WhatsApp Bot Manager v1.0.0
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |