{% extends 'layouts/front_layout.html.twig' %}

{% block title %}
    {{ page.seoTitre|default("Accueil | Luxim - Promotion Immobilière d'Excellence") }}
{% endblock %}

{% block meta_description %}
    {{ page.seoDescription|default("Luxim conçoit et réalise des programmes immobiliers modernes, accessibles et durables à Abidjan et en Côte d'Ivoire.") }}
{% endblock %}

{% block meta_keyword %}
    {{ page.seoKeywords|default("immobilier, côte d'ivoire, abidjan, luxe, promotion immobilière") }}
{% endblock %}


{% block body %}
    
    {# Hero Section #}
    {% include 'visiteur/_hero.html.twig' %}

    {# atouts Section #}
    {% include 'visiteur/_atouts.html.twig' %}


    {# Description #}
    {% include 'visiteur/_contenu.html.twig' %}

    {# Réalisations #}
    <section class="py-20 bg-white">
        <div class="container mx-auto px-4">
            <div class="mb-12 text-center" data-aos="fade-up">
                <span class="font-heading text-sm font-semibold uppercase tracking-widest text-primary">
                    Réalisations
                </span>
                <h2 class="mt-2 font-heading text-3xl font-bold text-slate-900">
                    Projets en construction-vente
                </h2>
            </div>
            <div class="grid gap-8 md:grid-cols-3">
                {% for prog in projets %}
                   {% include 'visiteur/_projet_unite.html.twig' %}
                {% endfor %}
            </div>
        </div>
    </section>

    {# CTA #}
    {% include 'visiteur/_cta.html.twig' %}
{% endblock %}