<?php
defined('BASEPATH') or exit('No direct script access allowed');
?>

<!-- Pricing Start -->
<div class="container-xxl py-5">
    <div class="container px-lg-5">
        <div class="section-title position-relative text-center mx-auto mb-5 pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
            <h1 class="mb-3">Planes de Hosting</h1>
            <p class="mb-1">Elegí el plan ideal para tu proyecto. Todos incluyen dominio .com gratis y soporte dedicado.</p>
        </div>
        <div class="row gy-5 gx-4 align-items-stretch">

            <!-- Plan Inicial -->
            <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="plan-card">
                    <div class="plan-header red">
                        <div class="plan-icon">
                            <i class="fa fa-server text-white fa-lg"></i>
                        </div>
                        <h4>Plan Inicial</h4>
                        <p>Ideal para comenzar tu presencia online</p>
                    </div>
                    <div class="plan-price">
                        <div class="amount">470.000 <small style="font-size:1rem;font-weight:500;color:#888;">Gs.</small></div>
                        <span class="period">por año · + 1 dominio .com Gratis</span>
                    </div>
                    <div class="plan-features">
                        <div class="plan-feature"><i class="fa fa-check"></i>Hasta 2 Bases de Datos</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>1 GB de espacio en Disco</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Cuentas de Correos Ilimitadas</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Transferencia mensual ilimitada</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>2 Dominios apuntados</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>3 Subdominios</div>
                    </div>
                    <div class="plan-cta">
                        <a class="btn btn-secondary" href="<?php echo $this->config->item('whatsapp'); ?>" target="_blank">
                            <i class="fab fa-whatsapp me-2"></i>Contratar Plan
                        </a>
                    </div>
                </div>
            </div>

            <!-- Plan Básico -->
            <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
                <div class="plan-card">
                    <div class="plan-header green">
                        <div class="plan-icon">
                            <i class="fa fa-share-alt text-white fa-lg"></i>
                        </div>
                        <h4>Plan Básico</h4>
                        <p>Para sitios con mayor tráfico y necesidades</p>
                    </div>
                    <div class="plan-price">
                        <div class="amount">670.000 <small style="font-size:1rem;font-weight:500;color:#888;">Gs.</small></div>
                        <span class="period">por año · + 1 dominio .com Gratis</span>
                    </div>
                    <div class="plan-features">
                        <div class="plan-feature"><i class="fa fa-check"></i>Hasta 3 Bases de Datos</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>2 GB de espacio en Disco</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Cuentas de Correos Ilimitadas</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Transferencia mensual ilimitada</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>3 Dominios apuntados</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>4 Subdominios</div>
                    </div>
                    <div class="plan-cta">
                        <a class="btn btn-primary" href="<?php echo $this->config->item('whatsapp'); ?>" target="_blank">
                            <i class="fab fa-whatsapp me-2"></i>Contratar Plan
                        </a>
                    </div>
                </div>
            </div>

            <!-- Plan Premium -->
            <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="plan-card plan-featured">
                    <span class="plan-featured-badge">Más popular</span>
                    <div class="plan-header green">
                        <div class="plan-icon">
                            <i class="fa fa-cog text-white fa-lg"></i>
                        </div>
                        <h4>Plan Premium</h4>
                        <p>La opción preferida por empresas en crecimiento</p>
                    </div>
                    <div class="plan-price">
                        <div class="amount">970.000 <small style="font-size:1rem;font-weight:500;color:#888;">Gs.</small></div>
                        <span class="period">por año · + 1 dominio .com Gratis</span>
                    </div>
                    <div class="plan-features">
                        <div class="plan-feature"><i class="fa fa-check"></i>Hasta 5 Bases de Datos</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>6 GB de espacio en Disco</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Cuentas de Correos Ilimitadas</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Transferencia mensual ilimitada</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>6 Dominios apuntados</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>10 Subdominios</div>
                    </div>
                    <div class="plan-cta">
                        <a class="btn btn-primary" href="<?php echo $this->config->item('whatsapp'); ?>" target="_blank">
                            <i class="fab fa-whatsapp me-2"></i>Contratar Plan
                        </a>
                    </div>
                </div>
            </div>

            <!-- Plan Platinum -->
            <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
                <div class="plan-card">
                    <div class="plan-header green">
                        <div class="plan-icon">
                            <i class="fas fa-gem text-white fa-lg"></i>
                        </div>
                        <h4>Plan Platinum</h4>
                        <p>Sin límites, máximo rendimiento y escalabilidad</p>
                    </div>
                    <div class="plan-price">
                        <div class="amount">1.270.000 <small style="font-size:1rem;font-weight:500;color:#888;">Gs.</small></div>
                        <span class="period">por año · + 1 dominio .com Gratis</span>
                    </div>
                    <div class="plan-features">
                        <div class="plan-feature"><i class="fa fa-check"></i>Bases de Datos Ilimitadas</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>30 GB de espacio en Disco</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Cuentas de Correos Ilimitadas</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Transferencia mensual ilimitada</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Dominios apuntados Ilimitados</div>
                        <div class="plan-feature"><i class="fa fa-check"></i>Subdominios Ilimitados</div>
                    </div>
                    <div class="plan-cta">
                        <a class="btn btn-primary" href="<?php echo $this->config->item('whatsapp'); ?>" target="_blank">
                            <i class="fab fa-whatsapp me-2"></i>Contratar Plan
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- Pricing End -->

</div>
<!-- Pricing End -->