282 lines
14 KiB
HTML
282 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>🚀 WhatsApp Bot - Instalación</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.0.0/css/all.min.css" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--primary-color: #25d366;
|
|
--secondary-color: #075e54;
|
|
--bg-gradient: linear-gradient(135deg, #25d366 0%, #075e54 100%);
|
|
}
|
|
body {
|
|
background: var(--bg-gradient);
|
|
min-height: 100vh;
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
}
|
|
.install-card {
|
|
background: rgba(255,255,255,0.95);
|
|
border-radius: 20px;
|
|
backdrop-filter: blur(10px);
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
|
}
|
|
.option-card {
|
|
border: 2px solid transparent;
|
|
border-radius: 15px;
|
|
transition: all 0.3s ease;
|
|
height: 100%;
|
|
}
|
|
.option-card:hover {
|
|
border-color: var(--primary-color);
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
|
|
}
|
|
.btn-install {
|
|
background: var(--bg-gradient);
|
|
border: none;
|
|
color: white;
|
|
padding: 12px 25px;
|
|
border-radius: 10px;
|
|
font-weight: 600;
|
|
width: 100%;
|
|
}
|
|
.btn-install:hover {
|
|
color: white;
|
|
transform: translateY(-2px);
|
|
}
|
|
.hosting-badge {
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 15px;
|
|
font-size: 0.8rem;
|
|
padding: 5px 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="install-card p-5">
|
|
|
|
<div class="text-center mb-5">
|
|
<i class="fab fa-whatsapp text-success" style="font-size: 4rem;"></i>
|
|
<h1 class="mt-3 fw-bold">WhatsApp Bot Manager</h1>
|
|
<p class="text-muted">Elige el método de instalación según tu tipo de hosting</p>
|
|
<div class="mt-3">
|
|
<small class="text-muted">
|
|
Desarrollado por <strong><a href="https://u-site.app" target="_blank" class="text-decoration-none">U-Site.app</a></strong>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
<!-- Instalación Automática -->
|
|
<div class="col-lg-2">
|
|
<div class="option-card bg-light p-3 position-relative">
|
|
<span class="hosting-badge badge bg-success">Local</span>
|
|
<div class="text-center mb-2">
|
|
<i class="fas fa-magic text-primary" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h6 class="text-center mb-2">🪄 Automática</h6>
|
|
|
|
<div class="mb-3">
|
|
<ul class="list-unstyled small">
|
|
<li>• Laragon/XAMPP</li>
|
|
<li>• VPS con root</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<a href="install.php" class="btn btn-install btn-sm w-100">
|
|
<i class="fas fa-play me-1"></i>Usar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instalación Manual -->
|
|
<div class="col-lg-2">
|
|
<div class="option-card bg-light p-3 position-relative">
|
|
<span class="hosting-badge badge bg-warning">Hosting</span>
|
|
<div class="text-center mb-2">
|
|
<i class="fas fa-tools text-warning" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h6 class="text-center mb-2">🛠️ Manual</h6>
|
|
|
|
<div class="mb-3">
|
|
<ul class="list-unstyled small">
|
|
<li>• HestiaCP</li>
|
|
<li>• Schema archivo</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<a href="install_manual.php" class="btn btn-install bg-warning text-dark btn-sm w-100">
|
|
<i class="fas fa-wrench me-1"></i>Usar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instalación Integrada -->
|
|
<div class="col-lg-2">
|
|
<div class="option-card bg-light p-3 position-relative">
|
|
<span class="hosting-badge badge bg-primary">Robusto</span>
|
|
<div class="text-center mb-2">
|
|
<i class="fas fa-cogs text-primary" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h6 class="text-center mb-2">🔧 Integrada</h6>
|
|
|
|
<div class="mb-3">
|
|
<ul class="list-unstyled small">
|
|
<li>• Schema interno</li>
|
|
<li>• Muy confiable</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<a href="install_integrated.php" class="btn btn-install btn-sm w-100">
|
|
<i class="fas fa-cog me-1"></i>Usar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instalación Ultra Básica -->
|
|
<div class="col-lg-3">
|
|
<div class="option-card bg-light p-3 position-relative border-danger">
|
|
<span class="hosting-badge badge bg-danger">SOLUCIÓN</span>
|
|
<div class="text-center mb-2">
|
|
<i class="fas fa-medkit text-danger" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h6 class="text-center mb-2">⚡ Ultra Básico</h6>
|
|
|
|
<div class="mb-3">
|
|
<ul class="list-unstyled small">
|
|
<li><strong>• Para errores "Table doesn't exist"</strong></li>
|
|
<li>• Solo tablas esenciales</li>
|
|
<li>• Paso a paso verificado</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<a href="install_ultra_basic.php" class="btn btn-danger btn-sm w-100">
|
|
<i class="fas fa-medkit me-1"></i>SOLUCIONAR
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instalación Simplificada -->
|
|
<div class="col-lg-3">
|
|
<div class="option-card bg-light p-3 position-relative">
|
|
<span class="hosting-badge badge bg-info">Rápido</span>
|
|
<div class="text-center mb-2">
|
|
<i class="fas fa-rocket text-info" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h6 class="text-center mb-2">📦 Simple</h6>
|
|
|
|
<div class="mb-3">
|
|
<ul class="list-unstyled small">
|
|
<li>• Solo lo esencial</li>
|
|
<li>• Proceso rápido</li>
|
|
<li>• Principiantes</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<a href="install_simple.php" class="btn btn-install btn-sm w-100" style="background: #17a2b8;">
|
|
<i class="fas fa-bolt me-1"></i>Usar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5">
|
|
<div class="alert alert-danger">
|
|
<h5><i class="fas fa-exclamation-triangle me-2"></i>🚨 ¿Tienes errores de "Table doesn't exist"?</h5>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<p><strong>Si ves errores como:</strong></p>
|
|
<ul class="mb-2">
|
|
<li>❌ "Table 'usite_whatsapp_bot.menus' doesn't exist"</li>
|
|
<li>❌ "Table 'usite_whatsapp_bot.users' doesn't exist"</li>
|
|
<li>❌ "0 tablas, 0 elementos procesados"</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 text-center">
|
|
<a href="install_ultra_basic.php" class="btn btn-danger btn-lg">
|
|
<i class="fas fa-medkit me-2"></i>SOLUCIÓN AQUÍ
|
|
</a>
|
|
<br><small class="text-muted">Instalador Ultra Básico</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alert alert-warning">
|
|
<h5><i class="fas fa-question-circle me-2"></i>¿Cuál elegir según tu situación?</h5>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h6>🔥 <strong>Si tuviste errores con schema.sql:</strong></h6>
|
|
<ul class="mb-2">
|
|
<li>❌ "Table doesn't exist"</li>
|
|
<li>❌ "0 tablas, 0 elementos"</li>
|
|
<li>❌ Errores de parsing SQL</li>
|
|
</ul>
|
|
<p><strong>👉 USA:</strong> <span class="badge bg-danger">Ultra Básico</span> - Resuelve el problema</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h6>💡 <strong>Recomendaciones generales:</strong></h6>
|
|
<ul class="mb-2">
|
|
<li><strong>Errores de tablas:</strong> Ultra Básico</li>
|
|
<li><strong>Primera vez:</strong> Integrada</li>
|
|
<li><strong>HestiaCP:</strong> Ultra Básico o Simple</li>
|
|
<li><strong>Desarrollo:</strong> Automática</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3 mt-4">
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<a href="GUIA_HESTIACP.md" target="_blank" class="btn btn-outline-primary">
|
|
<i class="fas fa-book me-2"></i>Guía HestiaCP
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<a href="debug_install.php" class="btn btn-outline-warning">
|
|
<i class="fas fa-bug me-2"></i>Diagnóstico
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<a href="INSTALACION.md" target="_blank" class="btn btn-outline-success">
|
|
<i class="fas fa-file-alt me-2"></i>Documentación
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<a href="test.php" class="btn btn-outline-info">
|
|
<i class="fas fa-vial me-2"></i>Probar Sistema
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="mt-5 pt-4 border-top text-center">
|
|
<small class="text-muted">
|
|
WhatsApp Bot Manager v1.0 |
|
|
Desarrollado por <strong>U-Site.app</strong> |
|
|
<a href="https://u-site.app/support" target="_blank">Soporte técnico</a>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |