{% extends 'base.html.twig' %}
{% block title %}À Propos - ID Numérique Haïti{% endblock %}
{% block body %}
<main>
<section class="page-header">
<div class="container">
<h1>À Propos de Nous</h1>
<p>Notre vision pour l'identité numérique en Haïti</p>
</div>
</section>
<section class="about-vision">
<div class="container">
<div class="about-content">
<h2>Notre Vision</h2>
<p>Imaginez une Haïti où chaque citoyen peut prouver qui il est sans avoir à fouiller ses poches, sans craindre de perdre sa carte, ni se heurter à un système bureaucratique lourd et lent. Une Haïti où l'identité n'est plus un privilège fragile, mais un droit solide, garanti et protégé.</p>
<p>Chez Idantifye'm, nous portons une vision simple mais puissante : que chaque citoyen haïtien, où qu'il soit, puisse être formellement identifié par les autorités, même sans pièce physique en main. Dans un pays confronté à des urgences sécuritaires et humanitaires, trop de personnes perdent l'accès à leurs droits ou sont exposées à des risques simplement parce qu'elles n'ont pas leurs papiers sur elles — ou ne les ont jamais obtenus.</p>
<p>Notre ambition est que Idantifye'm devienne une référence nationale, intégrée aux systèmes des forces de l'ordre, des institutions publiques et des services sociaux. Un outil par lequel un policier, un agent de mairie, un fonctionnaire de santé puisse vérifier instantanément et légalement l'identité d'une personne, même en l'absence de carte physique. Ce n'est pas seulement une innovation technologique. C'est un acte de reconnaissance citoyenne. Une manière de dire à chaque Haïtien : "Vous existez, vous êtes protégé, et votre pays vous reconnaît."</p>
</div>
<div class="about-image">
<img src="{{ asset('images/mission.png') }}" alt="Notre Vision">
</div>
</div>
</section>
<section class="about-mission">
<div class="container">
<div class="about-image">
<img src="{{ asset('images/vision.png') }}" alt="Notre Mission">
</div>
<div class="about-content">
<h2>Notre Mission</h2>
<p>Idantifye'm est née d'une urgence sociale : offrir à chaque citoyen haïtien une identité numérique fiable et accessible, même en situation de crise. Plus qu'une application, c'est un outil de protection qui vise à ce que personne ne soit mis en danger parce qu'il ne peut prouver son identité.</p>
<p>Notre mission s'articule autour de ces engagements :</p>
<ul class="mission-list">
<li><i class="fas fa-check-circle"></i> Permettre à chacun de s'identifier avec son téléphone, même en cas de perte des documents originaux</li>
<li><i class="fas fa-check-circle"></i> Faciliter la vérification d'identité par les agents autorisés, même en l'absence de téléphone</li>
<li><i class="fas fa-check-circle"></i> Simplifier les démarches de demande de pièces d'identité</li>
<li><i class="fas fa-check-circle"></i> Garantir la sécurité et la confidentialité des données personnelles avec un chiffrement de bout en bout</li>
<li><i class="fas fa-check-circle"></i> Assurer que chaque citoyen garde le contrôle total sur ses informations personnelles</li>
</ul>
</div>
</div>
</section>
<section class="team-section">
<div class="container">
<div class="section-header">
<h2>Notre Équipe</h2>
<p>Des equipes dévoués à la transformation numérique d'Haïti</p>
</div>
<div class="team-container">
<div class="team-member" data-team="analyse">
<div class="icon-container">
<i class="fas fa-sitemap"></i>
</div>
<p class="member-role">Analyse et Conception</p>
<p class="member-bio">Expert en analyse des besoins et conception de solutions innovantes, spécialisé dans la modélisation de systèmes d'identité numérique et la création d'architectures logicielles robustes.</p>
<div class="member-social">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="team-member" data-team="database">
<div class="icon-container">
<i class="fas fa-database"></i>
</div>
<p class="member-role">Conception Base de données</p>
<p class="member-bio">Spécialiste en conception de bases de données sécurisées, optimisation des requêtes et mise en place de systèmes de stockage performants pour la gestion des données d'identité.</p>
<div class="member-social">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="team-member" data-team="programming">
<div class="icon-container">
<i class="fas fa-code"></i>
</div>
<p class="member-role">Programmation</p>
<p class="member-bio">Développeur polyvalent maîtrisant les technologies web et mobiles, expert en implémentation de fonctionnalités sécurisées et en développement d'interfaces API pour les systèmes d'identification.</p>
<div class="member-social">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="team-member" data-team="design">
<div class="icon-container">
<i class="fas fa-paint-brush"></i>
</div>
<p class="member-role">Graphiste</p>
<p class="member-bio">Designer UI/UX créatif spécialisé dans la conception d'interfaces intuitives et accessibles, créant des expériences utilisateur fluides et des designs modernes pour nos applications d'identité numérique.</p>
<div class="member-social">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-behance"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="partners-section">
<div class="container">
<div class="section-header">
<h2>Nos Partenaires</h2>
<p>Ils nous font confiance et soutiennent notre mission</p>
</div>
<div class="partners-container">
<div class="partner">
<img src="{{ asset('images/tag.png') }}" alt="Partenaire">
</div>
<div class="partner">
<img src="{{ asset('images/GT.png') }}" alt="Partenaire">
</div>
<div class="partner">
<img src="i{{ asset('mages/FOULGOR.png') }}" alt="Partenaire">
</div>
<div class="partner">
<img src="{{ asset('images/img11.png') }}" alt="Partenaire">
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<h2>Rejoignez la Révolution Numérique</h2>
<p>Téléchargez IDANTIFYEM dès maintenant et faites partie du changement</p>
<div class="download-buttons">
<a href="#" class="download-btn">
<i class="fas fa-download"></i>
<span>Télécharger l'Application</span>
</a>
</div>
</div>
</section>
</main>
{% endblock %}