{% extends 'base.html' %}
{% load static %}

{% block title %}Sobre Nosotros - Tu Espacio Elite | Inmobiliaria de Lujo en Cartagena{% endblock %}

{% block description %}Conoce Tu Espacio Elite, la inmobiliaria líder en propiedades de lujo en Cartagena. Experiencia, exclusividad y servicio personalizado desde 2015. Especialistas en bienes raíces premium.{% endblock %}

{% block keywords %}sobre nosotros Tu Espacio Elite, inmobiliaria lujo Cartagena, agencia inmobiliaria exclusiva, propiedades premium Cartagena, bienes raíces élite Colombia, servicio inmobiliario personalizado{% endblock %}

{% block og_title %}Tu Espacio Elite - Inmobiliaria de Lujo y Exclusividad en Cartagena{% endblock %}
{% block og_description %}Descubre nuestra historia, misión y compromiso con la excelencia en el mercado inmobiliario de lujo en Cartagena, Colombia.{% endblock %}

{% block extra_head %}
<!-- Structured Data específico para la página About -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "AboutPage",
    "mainEntity": {
        "@type": "RealEstateAgent",
        "name": "Tu Espacio Elite",
        "description": "Inmobiliaria de lujo especializada en propiedades exclusivas en Cartagena, Colombia",
        "foundingDate": "2015",
        "areaServed": "Cartagena, Colombia",
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Propiedades de Lujo",
            "itemListElement": [
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Product",
                        "name": "Apartamentos de Lujo"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Product",
                        "name": "Casas Premium"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Product",
                        "name": "Propiedades Comerciales"
                    }
                }
            ]
        }
    }
}
</script>
{% endblock %}

{% block content %}
<!-- Hero Section -->
<section class="hero-about" style="background: linear-gradient(135deg, #35363A 0%, #2c2d31 100%); padding: 80px 0 60px;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <nav aria-label="breadcrumb" class="mb-4">
                    <ol class="breadcrumb bg-transparent p-0">
                        <li class="breadcrumb-item"><a href="{% url 'inicio' %}" class="text-light">Inicio</a></li>
                        <li class="breadcrumb-item active text-warning" aria-current="page">Sobre Nosotros</li>
                    </ol>
                </nav>
                <h1 class="display-4 text-white fw-bold mb-3">Tu Espacio Elite</h1>
                <h2 class="h3 text-warning mb-4">Inmobiliaria de Lujo en Cartagena</h2>
                <p class="lead text-light opacity-90">Transformando sueños en realidad desde 2015 con propiedades exclusivas en el Caribe colombiano</p>
            </div>
        </div>
    </div>
</section>

<!-- Main Content Section -->
<section class="about-content py-5">
    <div class="container">
        <div class="row">
            <!-- Content Column -->
            <div class="col-lg-6 pe-lg-5">
                <div class="about-text">
                    <h2 class="h2 fw-bold text-dark mb-4">Nuestra Historia de Excelencia</h2>
                    <div class="content-text">
                        <p class="lead mb-4">
                            Bienvenido a <strong>Tu Espacio Elite</strong>, donde la exclusividad y la excelencia se unen para brindarte las mejores oportunidades en bienes raíces de lujo en Cartagena de Indias.
                        </p>
                        
                        <p class="mb-4">
                            Somos una <strong>agencia inmobiliaria de élite especializada en propiedades premium</strong> en la ciudad más hermosa del Caribe colombiano. Con más de 8 años de experiencia en el mercado inmobiliario de lujo, nos hemos consolidado como la opción preferida por clientes exigentes que buscan lo mejor.
                        </p>
                        
                        <p class="mb-4">
                            Nuestro <strong>equipo de expertos inmobiliarios</strong> te guiará en cada paso del proceso, garantizando que encuentres la propiedad de tus sueños o la opción de arrendamiento perfecta. Trabajamos con una cartera única de propiedades cuidadosamente seleccionadas en las mejores zonas de Cartagena.
                        </p>
                        
                        <p class="mb-4">
                            Te invitamos a experimentar un <strong>estilo de vida inigualable</strong> en el encantador escenario del Caribe. Únete a nuestra distinguida comunidad y descubre por qué Tu Espacio Elite es tu mejor opción para invertir y vivir en esta deslumbrante ciudad costera.
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- Image Gallery Column -->
            <div class="col-lg-6">
                <div class="position-relative">
                    <div id="carouselExampleIndicators" class="carousel slide carousel-fade shadow-lg rounded" data-bs-ride="carousel" data-bs-interval="6000">
                        <div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Imagen 1"></button>
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Imagen 2"></button>
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Imagen 3"></button>
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Imagen 4"></button>
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Imagen 5"></button>
                        </div>
                        <div class="carousel-inner rounded">
                            <div class="carousel-item active">
                                <img src="{% static 'images/banner/img4.jpg' %}" class="d-block w-100" alt="Propiedades de lujo en Cartagena - Tu Espacio Elite" style="height: 400px; object-fit: cover;">
                            </div>
                            <div class="carousel-item">
                                <img src="{% static 'images/banner/img2.jpg' %}" class="d-block w-100" alt="Apartamentos exclusivos Cartagena" style="height: 400px; object-fit: cover;">
                            </div>
                            <div class="carousel-item">
                                <img src="{% static 'images/banner/img3.jpg' %}" class="d-block w-100" alt="Inmobiliaria premium Cartagena" style="height: 400px; object-fit: cover;">
                            </div>
                            <div class="carousel-item">
                                <img src="{% static 'images/banner/img1.jpg' %}" class="d-block w-100" alt="Bienes raíces de lujo Cartagena" style="height: 400px; object-fit: cover;">
                            </div>
                            <div class="carousel-item">
                                <img src="{% static 'images/banner/img5.jpg' %}" class="d-block w-100" alt="Propiedades exclusivas Caribe colombiano" style="height: 400px; object-fit: cover;">
                            </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Anterior</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Siguiente</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Values Section -->
<section class="values-section py-5" style="background-color: #f8f9fa;">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="h2 fw-bold text-dark mb-3">Nuestros Valores y Compromiso</h2>
                <p class="lead text-muted">Los pilares que sustentan nuestra excelencia en el mercado inmobiliario de lujo</p>
            </div>
        </div>
        
        <div class="row g-4">
            <div class="col-md-4">
                <div class="value-card text-center p-4 h-100 bg-white rounded shadow-sm">
                    <div class="value-icon mb-3">
                        <i class="fas fa-crown text-warning fa-3x"></i>
                    </div>
                    <h3 class="h5 fw-bold mb-3">Exclusividad</h3>
                    <p class="text-muted">Ofrecemos propiedades únicas y selectas, cuidadosamente elegidas para clientes que buscan lo extraordinario en Cartagena.</p>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="value-card text-center p-4 h-100 bg-white rounded shadow-sm">
                    <div class="value-icon mb-3">
                        <i class="fas fa-handshake text-warning fa-3x"></i>
                    </div>
                    <h3 class="h5 fw-bold mb-3">Servicio Personalizado</h3>
                    <p class="text-muted">Atención individualizada y especializada para satisfacer las necesidades específicas de cada cliente élite.</p>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="value-card text-center p-4 h-100 bg-white rounded shadow-sm">
                    <div class="value-icon mb-3">
                        <i class="fas fa-medal text-warning fa-3x"></i>
                    </div>
                    <h3 class="h5 fw-bold mb-3">Experiencia Comprobada</h3>
                    <p class="text-muted">Más de 8 años de experiencia en el mercado inmobiliario de lujo en Cartagena, con resultados excepcionales.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section class="services-preview py-5">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="h2 fw-bold text-dark mb-3">Nuestros Servicios Especializados</h2>
                <p class="lead text-muted">Soluciones integrales en bienes raíces de lujo para el mercado cartagenero</p>
            </div>
        </div>
        
        <div class="row g-4">
            <div class="col-lg-3 col-md-6">
                <div class="service-item text-center p-4">
                    <div class="service-icon mb-3">
                        <i class="fas fa-home text-warning fa-2x"></i>
                    </div>
                    <h4 class="h6 fw-bold mb-2">Venta de Propiedades Premium</h4>
                    <p class="text-muted small">Apartamentos y casas de lujo en las mejores zonas de Cartagena</p>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6">
                <div class="service-item text-center p-4">
                    <div class="service-icon mb-3">
                        <i class="fas fa-key text-warning fa-2x"></i>
                    </div>
                    <h4 class="h6 fw-bold mb-2">Arrendamiento Exclusivo</h4>
                    <p class="text-muted small">Opciones de alquiler temporales y permanentes de alta gama</p>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6">
                <div class="service-item text-center p-4">
                    <div class="service-icon mb-3">
                        <i class="fas fa-chart-line text-warning fa-2x"></i>
                    </div>
                    <h4 class="h6 fw-bold mb-2">Asesoría en Inversiones</h4>
                    <p class="text-muted small">Consultoría especializada para inversiones inmobiliarias rentables</p>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6">
                <div class="service-item text-center p-4">
                    <div class="service-icon mb-3">
                        <i class="fas fa-clipboard-check text-warning fa-2x"></i>
                    </div>
                    <h4 class="h6 fw-bold mb-2">Gestión Integral</h4>
                    <p class="text-muted small">Administración completa de propiedades y trámites legales</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="cta-section py-5" style="background: linear-gradient(135deg, #35363A 0%, #2c2d31 100%);">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-lg-8">
                <h2 class="h2 text-white fw-bold mb-3">¿Listo para Encontrar tu Espacio Elite?</h2>
                <p class="lead text-light opacity-90 mb-4">
                    Descubre las mejores propiedades de lujo en Cartagena con el respaldo de nuestros expertos inmobiliarios
                </p>
                <div class="d-flex gap-3 justify-content-center flex-wrap">
                    <a href="{% url 'rentar' %}" class="btn btn-warning btn-lg px-4 py-2 fw-semibold">
                        <i class="fas fa-search me-2"></i>Ver Propiedades en Renta
                    </a>
                    <a href="{% url 'comprar' %}" class="btn btn-warning btn-lg px-4 py-2 fw-semibold">
                        <i class="fas fa-search me-2"></i>Ver Propiedades en Venta
                    </a>
                    <a href="https://wa.link/2kqi4d" target="_blank" class="btn btn-outline-light btn-lg px-4 py-2 fw-semibold">
                        <i class="fab fa-whatsapp me-2"></i>Contactar Ahora
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="faq-section py-5" style="background-color: #f8f9fa;">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="h2 fw-bold text-dark mb-3">Preguntas Frecuentes</h2>
                <p class="lead text-muted">Resolvemos las dudas más comunes sobre nuestros servicios inmobiliarios</p>
            </div>
        </div>
        
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="accordion" id="faqAccordion">
                    <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="faq1">
                            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                ¿Qué hace especial a Tu Espacio Elite en el mercado inmobiliario de Cartagena?
                            </button>
                        </h3>
                        <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="faq1" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Nos especializamos exclusivamente en propiedades de lujo y ofrecemos un servicio personalizado único en Cartagena. Nuestro equipo experto conoce íntimamente el mercado inmobiliario premium y trabajamos solo con propiedades cuidadosamente seleccionadas en las mejores ubicaciones de la ciudad.
                            </div>
                        </div>
                    </div>
                    
                    <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="faq2">
                            <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                ¿En qué zonas de Cartagena tienen propiedades disponibles?
                            </button>
                        </h3>
                        <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="faq2" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Trabajamos con propiedades premium en las mejores zonas de Cartagena, incluyendo el Centro Histórico, Bocagrande, Castillogrande, El Laguito, y otras áreas exclusivas. Cada propiedad es seleccionada por su ubicación privilegiada y características únicas.
                            </div>
                        </div>
                    </div>
                    
                    <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="faq3">
                            <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                ¿Ofrecen servicios tanto para compra como para arrendamiento?
                            </button>
                        </h3>
                        <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="faq3" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Sí, ofrecemos servicios integrales que incluyen venta y arrendamiento de propiedades de lujo, además de asesoría en inversiones inmobiliarias y gestión integral de propiedades. Nuestro objetivo es ser tu socio inmobiliario de confianza en Cartagena.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}