gestoria-lp/index.php

<?php
require_once __DIR__ . '/includes/servicios-data.php';
require_once __DIR__ . '/includes/db.php';

$pageTitle = 'Inicio';
include __DIR__ . '/includes/header.php';

// Fetch active testimonials
$testimonios = [];
try {
    $pdo = getDB();
    $stmt = $pdo->query("SELECT nombre_cliente, texto, calificacion FROM testimonios WHERE activo = 1 ORDER BY created_at DESC LIMIT 6");
    $testimonios = $stmt->fetchAll();
} catch (Exception $e) {
    // Database may not be available; we'll show placeholders
}
?>

<!-- ===== HERO SECTION ===== -->
<section class="hero" id="inicio">
    <div class="hero__overlay"></div>
    <div class="container hero__content">
        <h1 class="hero__title">Tu trámite migratorio, sin complicaciones</h1>
        <p class="hero__subtitle">
            Somos expertos en visa americana, SENTRI, pasaporte y doble nacionalidad.
            Te guiamos paso a paso para que obtengas tus documentos con confianza y tranquilidad.
        </p>
        <div class="hero__actions">
            <a href="#servicios" class="btn btn--primary btn--lg">
                <i class="fa-solid fa-arrow-right"></i> Ver servicios
            </a>
            <a href="https://wa.me/5216643028119" target="_blank" rel="noopener" class="btn btn--outline btn--lg">
                <i class="fa-brands fa-whatsapp"></i> Escríbenos
            </a>
        </div>
        <div class="hero__stats">
            <div class="hero__stat">
                <div class="hero__stat-value">500+</div>
                <div class="hero__stat-label">Trámites realizados</div>
            </div>
            <div class="hero__stat">
                <div class="hero__stat-value">5</div>
                <div class="hero__stat-label">Servicios</div>
            </div>
            <div class="hero__stat">
                <div class="hero__stat-value">98%</div>
                <div class="hero__stat-label">Satisfacción</div>
            </div>
        </div>
    </div>
</section>

<!-- ===== SERVICES SECTION ===== -->
<section class="section services" id="servicios">
    <div class="container">
        <div class="section__header">
            <span class="section__badge">Nuestros Servicios</span>
            <h2 class="section__title">Trámites que realizamos</h2>
            <p class="section__subtitle">Ofrecemos un acompañamiento completo en cada proceso migratorio y documental.</p>
        </div>

        <div class="services__grid">
            <?php foreach ($SERVICIOS as $slug => $servicio): ?>
            <article class="card card--service">
                <div class="card__icon">
                    <i class="fa-solid <?= htmlspecialchars($servicio['icono']) ?>"></i>
                </div>
                <div class="card__body">
                    <h3 class="card__title"><?= htmlspecialchars($servicio['nombre']) ?></h3>
                    <p class="card__text">
                        <?= htmlspecialchars(mb_strimwidth($servicio['descripcion'], 0, 120, '...')) ?>
                    </p>
                    <a href="servicio.php?s=<?= htmlspecialchars($slug) ?>" class="card__link">
                        Más información <i class="fa-solid fa-arrow-right"></i>
                    </a>
                </div>
            </article>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- ===== WHY CHOOSE US ===== -->
<section class="section values" id="por-que">
    <div class="container">
        <div class="section__header">
            <span class="section__badge">Por qué elegirnos</span>
            <h2 class="section__title">Tu tranquilidad es nuestra prioridad</h2>
            <p class="section__subtitle">Más que una gestoría, somos tu aliado en cada trámite.</p>
        </div>

        <div class="values__grid">
            <div class="value-card">
                <div class="value-card__icon">
                    <i class="fa-solid fa-award"></i>
                </div>
                <div class="value-card__content">
                    <h3 class="value-card__title">Experiencia comprobada</h3>
                    <p class="value-card__text">
                        Años de experiencia resolviendo trámites migratorios con altos índices de éxito.
                    </p>
                </div>
            </div>

            <div class="value-card">
                <div class="value-card__icon">
                    <i class="fa-solid fa-handshake"></i>
                </div>
                <div class="value-card__content">
                    <h3 class="value-card__title">Atención personalizada</h3>
                    <p class="value-card__text">
                        Cada caso es único. Te brindamos asesoría individual adaptada a tu situación.
                    </p>
                </div>
            </div>

            <div class="value-card">
                <div class="value-card__icon">
                    <i class="fa-solid fa-eye"></i>
                </div>
                <div class="value-card__content">
                    <h3 class="value-card__title">Proceso transparente</h3>
                    <p class="value-card__text">
                        Sabrás en todo momento el estado de tu trámite. Sin sorpresas ni costos ocultos.
                    </p>
                </div>
            </div>

            <div class="value-card">
                <div class="value-card__icon">
                    <i class="fa-solid fa-shield-halved"></i>
                </div>
                <div class="value-card__content">
                    <h3 class="value-card__title">Resultados garantizados</h3>
                    <p class="value-card__text">
                        Nos comprometemos con tu trámite hasta obtener un resultado favorable.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ===== TESTIMONIALS SECTION ===== -->
<section class="section testimonials" id="testimonios">
    <div class="container">
        <div class="section__header">
            <span class="section__badge">Testimonios</span>
            <h2 class="section__title">Lo que dicen nuestros clientes</h2>
            <p class="section__subtitle">La satisfacción de quienes confían en nosotros es nuestro mejor aval.</p>
        </div>

        <div class="testimonials__grid">
            <?php if (!empty($testimonios)): ?>
                <?php foreach ($testimonios as $testimonio): ?>
                <div class="testimonial-card">
                    <div class="testimonial-card__stars">
                        <?php for ($i = 1; $i <= 5; $i++): ?>
                            <i class="fa-solid fa-star <?= $i <= (int)$testimonio['calificacion'] ? 'testimonial-card__star--active' : 'testimonial-card__star--inactive' ?>"></i>
                        <?php endfor; ?>
                    </div>
                    <blockquote class="testimonial-card__text">
                        "<?= htmlspecialchars($testimonio['texto']) ?>"
                    </blockquote>
                    <div class="testimonial-card__author">
                        <div class="testimonial-card__avatar">
                            <i class="fa-solid fa-user"></i>
                        </div>
                        <span class="testimonial-card__name"><?= htmlspecialchars($testimonio['nombre_cliente']) ?></span>
                    </div>
                </div>
                <?php endforeach; ?>
            <?php else: ?>
                <!-- Placeholder testimonials when database is empty -->
                <div class="testimonial-card">
                    <div class="testimonial-card__stars">
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                    </div>
                    <blockquote class="testimonial-card__text">
                        "Excelente servicio. Me ayudaron con mi visa americana desde el formulario hasta la entrevista. Todo salió perfecto."
                    </blockquote>
                    <div class="testimonial-card__author">
                        <div class="testimonial-card__avatar">
                            <i class="fa-solid fa-user"></i>
                        </div>
                        <span class="testimonial-card__name">María G.</span>
                    </div>
                </div>

                <div class="testimonial-card">
                    <div class="testimonial-card__stars">
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                    </div>
                    <blockquote class="testimonial-card__text">
                        "Gracias a Gestoría LP obtuve mi SENTRI en tiempo récord. Muy profesionales y atentos en todo momento."
                    </blockquote>
                    <div class="testimonial-card__author">
                        <div class="testimonial-card__avatar">
                            <i class="fa-solid fa-user"></i>
                        </div>
                        <span class="testimonial-card__name">Carlos R.</span>
                    </div>
                </div>

                <div class="testimonial-card">
                    <div class="testimonial-card__stars">
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                        <i class="fa-solid fa-star testimonial-card__star--active"></i>
                    </div>
                    <blockquote class="testimonial-card__text">
                        "Renové mi pasaporte sin contratiempos. El equipo fue muy amable y me guió en cada paso del proceso."
                    </blockquote>
                    <div class="testimonial-card__author">
                        <div class="testimonial-card__avatar">
                            <i class="fa-solid fa-user"></i>
                        </div>
                        <span class="testimonial-card__name">Ana L.</span>
                    </div>
                </div>
            <?php endif; ?>
        </div>
    </div>
</section>

<!-- ===== CONTACT SECTION ===== -->
<section class="section contact" id="contacto">
    <div class="container">
        <div class="section__header">
            <span class="section__badge">Contacto</span>
            <h2 class="section__title">Estamos para ayudarte</h2>
            <p class="section__subtitle">Contáctanos hoy y comienza tu trámite con expertos de tu lado.</p>
        </div>

        <div class="contact__grid contact__grid--centered">
            <div class="contact__info">
                <div class="contact__info-card">
                    <div class="contact__info-icon">
                        <i class="fa-solid fa-phone"></i>
                    </div>
                    <div>
                        <h4>Teléfono</h4>
                        <a href="tel:+5216643028119">(+52) 1 664 302 8119</a>
                    </div>
                </div>

                <div class="contact__info-card">
                    <div class="contact__info-icon">
                        <i class="fa-solid fa-envelope"></i>
                    </div>
                    <div>
                        <h4>Correo electrónico</h4>
                        <a href="mailto:liliana.paez@lpgestoria.com">liliana.paez@lpgestoria.com</a>
                    </div>
                </div>

                <div class="contact__info-card">
                    <div class="contact__info-icon">
                        <i class="fa-brands fa-whatsapp"></i>
                    </div>
                    <div>
                        <h4>WhatsApp</h4>
                        <a href="https://wa.me/5216643028119" target="_blank" rel="noopener">Enviar mensaje</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include __DIR__ . '/includes/footer.php'; ?>