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

<!-- About Start -->
<div class="container-xxl py-5">
    <div class="container px-lg-5">
        <div class="row g-5 align-items-center">

            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="highlight-pill mb-3">
                    <i class="fas fa-bolt me-1"></i> Empresa joven, equipo experto
                </div>
                <div class="section-title position-relative mb-4 pb-4">
                    <h1 class="mb-2">Somos Elements</h1>
                </div>
                <p class="mb-4 text-muted" style="line-height:1.8;">
                    <strong>Elements</strong> es una empresa que reúne a profesionales altamente competitivos, orientados al cliente y comprometidos con ofrecer la mejor experiencia en instalación y mantenimiento de equipos informáticos.
                </p>
                <p class="mb-4 text-muted" style="line-height:1.8;">
                    Nos especializamos en soluciones informáticas de vanguardia para empresas, combinando tecnología, experiencia y un servicio personalizado que garantiza resultados.
                </p>

                <div class="row g-3 mt-2">
                    <div class="col-6 wow fadeIn" data-wow-delay="0.2s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-check text-white"></i></div>
                            <div><div class="feature-mini-title">Soporte Personalizado</div><div class="feature-mini-sub">Atención directa y rápida</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.3s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-shield-alt text-white"></i></div>
                            <div><div class="feature-mini-title">Garantía de Calidad</div><div class="feature-mini-sub">Comprometidos con resultados</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.4s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-rocket text-white"></i></div>
                            <div><div class="feature-mini-title">Innovación Constante</div><div class="feature-mini-sub">Soluciones de vanguardia</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.5s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-users text-white"></i></div>
                            <div><div class="feature-mini-title">Equipo Capacitado</div><div class="feature-mini-sub">Profesionales certificados</div></div>
                        </div>
                    </div>
                </div>

                <div class="mt-4 wow fadeInUp" data-wow-delay="0.4s">
                    <a href="<?php echo base_url('contacto'); ?>" class="btn btn-primary px-4 py-2 me-3">
                        <i class="fas fa-comments me-2"></i>Hablemos
                    </a>
                    <a href="<?php echo base_url('servicios'); ?>" class="btn btn-outline-success px-4 py-2">
                        Ver Servicios <i class="fas fa-arrow-right ms-2"></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3s">
                <div class="about-img-wrap">
                    <img class="img-fluid w-100" src="<?php echo base_url('template/img/800x600-tecnicopc.jpg'); ?>" alt="Elements - Soporte Técnico">
                    <div class="about-img-badge">
                        <div class="badge-icon">
                            <i class="fas fa-star text-primary fa-lg"></i>
                        </div>
                        <div class="badge-text">
                            <strong>+15 años</strong>
                            <span>de experiencia</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- About End -->

<!-- Mission/Vision Strip -->
<div class="container-xxl section-dark py-5">
    <div class="container px-lg-5">
        <div class="text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="highlight-pill" style="display:inline-flex;">
                <i class="fas fa-star me-1"></i> Nuestra cultura
            </div>
        </div>
        <div class="row g-4 justify-content-center">
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="section-dark-card">
                    <div class="card-icon"><i class="fas fa-eye fa-lg" style="color:#4ADE80;"></i></div>
                    <h5>Visión</h5>
                    <p>Ser la empresa de referencia en soluciones informáticas en Paraguay, reconocida por la calidad e innovación de sus servicios.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
                <div class="section-dark-card">
                    <div class="card-icon"><i class="fas fa-bullseye fa-lg" style="color:#4ADE80;"></i></div>
                    <h5>Misión</h5>
                    <p>Brindar soluciones tecnológicas confiables y personalizadas que potencien la productividad de nuestros clientes.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="section-dark-card">
                    <div class="card-icon"><i class="fas fa-heart fa-lg" style="color:#4ADE80;"></i></div>
                    <h5>Valores</h5>
                    <p>Compromiso, integridad y orientación al cliente son los pilares que guían cada acción de nuestro equipo.</p>
                </div>
            </div>
        </div>
    </div>
</div>
