<? include("include/apiWeb.php");?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Altius México</title>
    
    <!-- Bootstrap 5.3 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    
    <!-- AOS Animation Library -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    
    <!-- Custom CSS Mínimo -->
    <? include("include/css.php");?>
</head>
<body>

    <? include("include/header.php");?>
    
<section class="py-5">
   <div class="container">
       

       <!-- Título y descripción -->
       <div class="row mb-5">
           <div class="col-12 text-center">
               <h1 class="display-4 fw-bold mb-3">
                   Propiedades <span class="text-gold">Disponibles</span>
               </h1>
               <p class="lead text-muted mb-0">
                   Descubre nuestro portafolio de propiedades premium en las mejores ubicaciones
               </p>
           </div>
       </div>

       <!-- Grid de Propiedades -->
       <div class="row g-4">
           <? echo renderPropFull($apiData);?>
           
       </div>

       <!-- Call to Action -->
       <div class="row mt-5">
    <div class="col-12">
        <div class="card text-white border-0 shadow-lg" style="background: linear-gradient(135deg, #FF6B35 0%, #E55A2B 100%);">
            <div class="card-body text-center py-5">
                <h3 class="fw-bold mb-3">¿Tu hogar ideal no está aquí?</h3>
                <p class="lead mb-4">
                    Tengo acceso a propiedades exclusivas en todo Yucatán y Riviera Maya. 
                    <strong>Cuéntame exactamente lo que buscas y te lo encuentro.</strong>
                </p>
                <div class="d-flex flex-column flex-md-row gap-3 justify-content-center">
                    <a href="tel:9901990093" class="btn btn-light btn-lg fw-bold shadow">
                        <i class="bi bi-telephone-fill me-2"></i>Llamar: (990) 199-0093
                    </a>
                    <a href="mailto:contacto@realtorfabicampos.com" class="btn btn-outline-light btn-lg fw-bold">
                        <i class="bi bi-envelope-fill me-2"></i>Email Personal
                    </a>
                    <a href="https://wa.me/529901990093?text=Hola%20Fabiola!%20No%20encontré%20lo%20que%20busco%20en%20tu%20catálogo.%20¿Puedes%20ayudarme?%20🏠" target="_blank" class="btn btn-success btn-lg fw-bold shadow">
                        <i class="bi bi-whatsapp me-2"></i>WhatsApp
                    </a>
                </div>
                
                <!-- Trust badge -->
                <div class="mt-4 pt-3 border-top border-white border-opacity-25">
                    <small class="d-block text-white-50 mb-2">
                        <i class="bi bi-award-fill me-1"></i>
                        Certificada EC0110.02 | 20+ años de experiencia | Yucatán y Riviera Maya
                    </small>
                    <div class="d-flex justify-content-center gap-3 text-white-50 small">
                        <span><i class="bi bi-clock-fill me-1"></i>Respuesta en 1 hora</span>
                        <span><i class="bi bi-heart-fill me-1"></i>Atención personal</span>
                        <span><i class="bi bi-check-circle-fill me-1"></i>Sin compromiso</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
    
   <? include("include/footer.php");?>
</body>
</html>