{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block title %}{% trans "Accueil - GLOCAL IMPACT 3A" %} {% endblock %}

{% block content %}
<!-- Hero Section -->
<section class="hero">
    <div class="container">
        <h1>{% trans "ACCOMPAGNER LES ENTREPRENEURS POUR UN DÉVELOPPEMENT LOCAL INCLUSIF ET DURABLE" %}</h1>
        <p>{% trans "Expertise conseil au service des États, agences de coopération, fondations, ONG et entreprises pour transformer les vies en Afrique." %}</p>
        <div>
            <a href="{% url 'glocal:glocal_contact' %}" class="btn btn-primary">{% trans "Travaillons ensemble" %}</a>
            <a href="{% url 'glocal:glocal_expertise' %}" class="btn btn-outline">{% trans "Découvrir nos expertises" %} →</a>
        </div>
    </div>
</section>

<!-- Stats Section -->
<section class="section">
    <div class="container">
        <h2 class="section-title">{% trans "NOTRE IMPACT EN CHIFFRES" %}</h2>
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-number">10+</div>
                <div class="stat-label">{% trans "Experts permanents" %}</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">20+</div>
                <div class="stat-label">{% trans "Experts associés" %}</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">1000+</div>
                <div class="stat-label">{% trans "Entrepreneurs accompagnés" %}</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">8</div>
                <div class="stat-label">{% trans "Chaînes de valeur" %}</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">5</div>
                <div class="stat-label">{% trans "Pays d'intervention" %}</div>
            </div>
        </div>
    </div>
</section>


<!-- Expertises Section -->
<section class="section">
    <div class="container">
        <h2 class="section-title">{% trans "NOS DOMAINES D'EXPERTISE" %}</h2>
        <div class="expertises-grid">
            <div class="expertise-card">
                <div class="expertise-icon">💼</div>
                <h3>{% trans "Appui-conseil aux entreprises" %}</h3>
                <p>{% trans "Accompagnement personnalisé des entreprises dans leur gestion professionnelle et leur développement." %}</p>
                <a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
            </div>
            <div class="expertise-card">
                <div class="expertise-icon">🎓</div>
                <h3>{% trans "Formations qualifiantes" %}</h3>
                <p>{% trans "Renforcement des capacités des adultes et remise à niveau des entreprises pour une meilleure performance." %}</p>
                <a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
            </div>

            
<div class="expertise-card">
    <div class="expertise-icon">💰</div>
    <h3>{% trans "Accès au financement" %}</h3>
    <p>{% trans "Facilitation de l'accès aux financements durables et accompagnement pour la conquête de nouveaux marchés." %}</p>
    <a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
</div>

<div class="expertise-card">
    <div class="expertise-icon">📊</div>
    <h3>{% trans "Montage & gestion de projets" %}</h3>
  <p>{% trans "Conception, mise en œuvre et suivi-évaluation de projets pour les États, ONG et partenaires." %}</p>
    <a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
</div>	
  
<div class="expertise-card">
  <div class="expertise-icon">📈</div>
	<h3>{% trans "Études socio-économiques" %}</h3>
<p>{% trans "Conduite d'études, d'enquêtes prospectives et d'analyses de politiques publiques." %}</p>
<a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
</div>

<div class="expertise-card">
    <div class="expertise-icon">💻</div>
    <h3>{% trans "Solutions IT pour le développement" %}</h3>
    <p>{% trans "Promotion et mise en place de solutions informatiques adaptées aux besoins du développement local." %}</p>
    <a href="{% url 'glocal:glocal_expertise' %}" class="expertise-link">{% trans "En savoir plus" %} →</a>
</div>
        </div>
    </div>
</section>

<!-- Secteurs Section -->
<section class="section">
    <div class="container">
       <h2 class="section-title">{% trans "NOS SECTEURS D'INTERVENTION" %}</h2>
<div class="secteurs-tags">
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "CACAO" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "COTON" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "CAJOU" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "MANGUE" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "AQUACULTURE" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "MICRO-DÉTAILLANTS" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "COOPÉRATIVES" %}</a>
    <a href="{% url 'glocal:glocal_projets' %}" class="secteur-tag">{% trans "PME/PMI" %}</a>
</div>       
    </div>
</section>

<!-- Témoignages Section -->
<section class="section">
    <div class="container">
       <h2 class="section-title">{% trans "ILS TÉMOIGNENT" %}</h2>        
      <div class="testimonials-grid">
            <div class="testimonial-card">
                <div class="testimonial-content">
                  {% trans   "Grâce à l'appui de GLOCAL IMPACT 3A, notre coopérative a obtenu la certification UTZ et a augmenté ses revenus de 40%. Leur accompagnement a été déterminant." %}
                </div>
                <div class="testimonial-author">Konan A.</div>
                <div class="testimonial-role">{% trans " Président de coopérative, Hambol" %} </div>
            </div>         
            <div class="testimonial-card">
                <div class="testimonial-content">
                   {% trans " Les formations ont transformé notre gestion. Nous avons maintenant accès à des financements et avons agrandi notre boutique."%}    
                </div>
                <div class="testimonial-author">Fatou K.</div>
                <div class="testimonial-role">{% trans "  Micro-détaillante, Yopougon "%} </div>
            </div>
        </div>
    </div>
</section>

<!-- Partenaires Section -->
<section class="section">
    <div class="container">
        <h2 class="section-title">{% trans "ILS NOUS FONT CONFIANCE" %} </h2>
        <div class="partenaires-grid">
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire1.jpg' %}" alt="{% trans " Partenaire " %}">
            </div>
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire2.jpg' %}" alt="{% trans " Partenaire" %}">
            </div>
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire3.jpg' %}" alt="{% trans " Partenaire" %}">
            </div>
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire4.jpg' %}" alt= "{% trans "Partenaire" %}">
            </div>
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire5.jpg' %}" alt="{% trans "Partenaire" %}">
            </div>
            <div class="partenaire-card">
                <img src="{% static 'images/partenaires/partenaire6.jpg' %}" alt="{% trans "Partenaire" %}">
            </div>
        </div>
    </div>
</section>
{% endblock %}