<?php
// campanha-curso-de-tecnologias-informacion.php
// Página de campanha - curso de tecnologías de la información

// Define BASE_PATH
if (!defined('BASE_PATH')) {
    define('BASE_PATH', dirname(__FILE__));
}

// Configurações iniciais
require_once 'includes/config.php';
require_once 'includes/db.php'; // Assumindo que este arquivo contém sua lógica de conexão com o banco de dados ($conn)
require_once 'includes/functions.php';
require_once BASE_PATH . '/includes/config-tracking.php';

// Adicione após os includes básicos
require_once 'includes/unique-visits-tracker.php';

// Track visita única
$uniqueVisitsTracker->trackUniqueVisit(null, '/campanha-curso-de-tecnologias-informacion', 'Cursos Gratuitos');

// Incluye el header
require_once 'includes/header.php';

// --- Início: Busca de configurações do WhatsApp no banco de dados --- 
// Define valores padrão (fallback) ANTES de tentar buscar no banco.
// Estes valores só serão usados se a busca no banco falhar ou retornar campos nulos.
// Nota: Para este arquivo, o URL padrão é o que você quer que seja o último recurso,
// caso url_1 não seja encontrado no banco.
$whatsappUrl = 'https://a2.contrateservicos.com/redirect.php?p=6877184d392d0'; // URL padrão para este arquivo
$whatsappButtonText = '✅ Entrar al grupo de WhatsApp'; // Texto padrão do botão para este arquivo

// Verifica se a conexão com o banco de dados ($conn) está disponível.
// A variável $conn deve ser definida em 'includes/db.php'.
if (isset($conn)) { 
    // Consulta o banco de dados para obter as configurações mais recentes e ativas do WhatsApp.
    // Selecionamos url_1 e button_text.
    $sql = "SELECT url_1, button_text FROM whatsapp_settings WHERE active = 1 ORDER BY created_at DESC LIMIT 1"; 
    $result = $conn->query($sql); 

    // Verifica se a consulta retornou resultados e se há pelo menos uma linha.
    if ($result && $result->num_rows > 0) { 
        $whatsappSettings = $result->fetch_assoc(); 
        
        // Atribui a URL do WhatsApp:
        // Tenta usar 'url_1' da tabela.
        // Se 'url_1' for nulo ou não existir, mantém o valor padrão definido no início.
        $whatsappUrl = $whatsappSettings['url_1'] ?? $whatsappUrl; 
        
        // Atribui o texto do botão:
        // Tenta usar 'button_text' da tabela.
        // Se 'button_text' for nulo ou não existir, mantém o valor padrão.
        $whatsappButtonText = $whatsappSettings['button_text'] ?? $whatsappButtonText; 
    } 
}
// --- Fim: Busca de configurações do WhatsApp no banco de dados ---
?>

<section class="campanha-hero py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h1 class="display-4 fw-bold mb-4">💻 ¡Empieza hoy tu camino en Tecnologías de la Información!</h1>
                <p class="lead mb-4">
                    🎓 Para acceder al curso completo, solo necesitas unirte a nuestro grupo de WhatsApp.
                </p>
                
                <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" class="cta-button mb-4" target="_blank">
                    <?php echo htmlspecialchars($whatsappButtonText); ?>
                </a>
                <p>Allí te enviaremos el enlace, materiales y muchos más cursos que también son <strong>💯% gratis y con certificado.</strong></p>
            </div>
        </div>
    </div>
</section>
           <br>        <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9919806376063326"
      crossorigin="anonymous"></script>
<ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-9919806376063326"
      data-ad-slot="6544644851"
      data-ad-format="auto"
      data-full-width-responsive="true"></ins>
<script>
      (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
<section class="campanha-content py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="content-card p-4 mb-4">
                    <p class="fs-5 mb-4">

                        ¿Te gustaría aprender programación, desarrollo web, bases de datos, ciberseguridad y dominar lenguajes como HTML, CSS, JavaScript y Python? 💻 
                        ¡Este curso es para ti! Aprenderás de forma fácil, desde casa y a tu ritmo.
                    </p>
                    
                        
                    <p class="fs-5 mb-4">
                        🌐 Con esta habilidad puedes trabajar en empresas tecnológicas, startups, bancos, consultoras IT, como desarrollador freelancer o incluso crear tu propia startup tecnológica. 
                        ¡Sí, tu propia empresa de tecnología! 💪
                    </p>
                    
                    <p class="fs-5 mb-4">
                        El contenido es claro, práctico y está pensado para principiantes. 
                        No necesitas experiencia, solo ganas de aprender y entrar al mundo digital.
                    </p>
                    
                    <p class="fs-5 mb-4">
                        📲 Y lo mejor... al finalizar recibirás un <strong>certificado gratuito</strong> para demostrar tus conocimientos donde sea.
                    </p>
                    
                    <p class="fs-5 mb-4">
                        En nuestro grupo compartimos <strong>nuevos cursos todos los días</strong>: desarrollo web, análisis de datos, inteligencia artificial, ciberseguridad, cloud computing ¡y más! 🚀 
                        Todo totalmente gratis, pensado para personas como tú, que quieren entrar al futuro digital.
                    </p>
                    
                    <p class="fs-5 mb-4">
                        👉 No lo pienses tanto. Esta puede ser la oportunidad que estabas esperando. 
                        ¡Entra ahora al grupo y empieza tu transformación digital con nosotros hoy mismo!
                    </p>
                    
                    <div class="text-center">
                        <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" class="cta-button" target="_blank">
                            <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
   <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9919806376063326"
      crossorigin="anonymous"></script>
<ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-9919806376063326"
      data-ad-slot="3186050435"
      data-ad-format="auto"
      data-full-width-responsive="true"></ins>
<script>
      (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
<section class="campanha-benefits py-5">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-lg-8 text-center">
                <h2 class="section-title">¿Qué aprenderás en el curso?</h2>
                <p class="lead">Todo lo necesario para convertirte en un profesional de TI</p>
            </div>
        </div>
        
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        💻
                    </div>
                    <h3 class="h5 mb-3">Programación</h3>
                    <p class="small">HTML, CSS, JavaScript, Python y fundamentos de programación</p>
                </div>
            </div>
            
            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        🌐
                    </div>
                    <h3 class="h5 mb-3">Desarrollo Web</h3>
                    <p class="small">Creación de sitios web, aplicaciones y plataformas digitales</p>
                </div>
            </div>
            
            <div class="col-md-6 col-lg-3">
                <div class="benefit-icon mb-3">
                    🗄️
                </div>
                <h3 class="h5 mb-3">Bases de Datos</h3>
                <p class="small">SQL, gestión de datos y sistemas de información</p>
            </div>
            
            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        🔒
                    </div>
                    <h3 class="h5 mb-3">Ciberseguridad</h3>
                    <p class="small">Protección de datos, redes y sistemas informáticos</p>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    /* CTA Button Style */
    .cta-button {
        display: inline-block;
        padding: 18px 36px;
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        background-color: #25D366;
        text-decoration: none;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s ease, background-color 0.3s ease;
        margin-bottom: 30px;
    }
    
    .cta-button:hover {
        transform: scale(1.05);
        background-color: #1ebe5d;
        color: #ffffff;
        text-decoration: none;
    }
    
    
    
    /* Benefits Section */
    .benefit-card {
        background: white;
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: none;
        height: 100%;
    }
    
    .benefit-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }
    
    .benefit-icon {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    
    /* Hero Section */
    .campanha-hero {
       background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);

        color: white;
    }
    
    .campanha-hero h1 {
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .campanha-hero .lead {
        color: rgba(255, 255, 255, 0.95);
    }
    
    /* Ad Placeholder */
    .ad-placeholder {
        min-height: 120px;
        background: #f8f9fa;
        border: 2px dashed #dee2e6;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }
    
    /* Typography Improvements */
    .fs-5 {
        font-size: 1.125rem;
        line-height: 1.7;
        color: #333;
    }
    
    .section-title {
        font-weight: 700;
        color: #2d3748;
        margin-bottom: 1rem;
    }
    
    /* Responsive Design */
    @media (max-width: 768px) {
        .cta-button {
            padding: 15px 30px;
            font-size: 16px;
            width: 100%;
            text-align: center;
        }
        
        .campanha-hero h1 {
            font-size: 1.5rem;
        }
        
        .content-card {
            margin: 0 15px;
        }
    }
    
    /* Animation for benefits */
    .benefit-card {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }
    
    .benefit-card:nth-child(1) { animation-delay: 0.1s; }
    .benefit-card:nth-child(2) { animation-delay: 0.2s; }
    .benefit-card:nth-child(3) { animation-delay: 0.3s; }
    .benefit-card:nth-child(4) { animation-delay: 0.4s; }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>

<?php
// Incluye el footer
require_once 'includes/footer.php';
?>