{% extends 'base.html.twig' %}
{% block title %}ID Numérique Haïti - Vérification d'Identité Électronique{% endblock %}
{% block body %}
<main>
<section class="hero">
<div class="hero-content">
<h1>Votre Identité Numérique Sécurisée</h1>
<p class="slogan">« Idantite 'm pi pre'm »</p>
<p>Dans un contexte d'insécurité, ne pas avoir de pièces d'identité représente un risque. Idantifye'm vous permet de conserver une version numérique sécurisée de vos pièces d'identité, accessible à tout moment, même en situation de crise.</p>
<div class="cta-buttons">
<a href="#download" class="btn btn-primary">Télécharger l'Application</a>
<a href="{{ path('app_fonctionalite') }}" class="btn btn-secondary">En Savoir Plus</a>
</div>
</div>
<div class="hero-image">
<img src="{{ asset('images/IMG1.png') }}" alt="Application ID Numérique">
</div>
</section>
<section class="features" id="features">
<div class="section-header">
<h2>Pourquoi Choisir IDANTIFYEM?</h2>
<p>Une solution d'urgence pour protéger votre identité en toutes circonstances</p>
</div>
<div class="features-container">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h3>Sécurité Maximale</h3>
<p>Vos données sont chiffrées de bout en bout et vous seul contrôlez l'accès à vos informations</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-fingerprint"></i>
</div>
<h3>Vérification Biométrique</h3>
<p>Authentification par empreinte digitale et reconnaissance faciale pour une sécurité renforcée</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-mobile-alt"></i>
</div>
<h3>Accessible Partout</h3>
<p>Accédez à votre identité numérique même sans connexion internet, essentiel en situation de crise</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-user-shield"></i>
</div>
<h3>Vérification par Agent</h3>
<p>Même sans téléphone, un agent autorisé peut vérifier votre identité via le système sécurisé</p>
</div>
</div>
</section>
<section class="how-it-works">
<div class="section-header">
<h2>Comment Ça Fonctionne</h2>
<p>Un processus simple en trois étapes</p>
</div>
<div class="steps-container">
<div class="step">
<div class="step-number">1</div>
<h3>Inscription</h3>
<p>Créez votre compte et vérifiez votre identité avec vos documents officiels</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Validation</h3>
<p>Vos informations sont vérifiées et validées par les autorités compétentes</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Utilisation</h3>
<p>Utilisez votre ID numérique pour toutes vos démarches administratives</p>
</div>
</div>
</section>
<section class="testimonials">
<div class="section-header">
<h2>Témoignages</h2>
<p>Ce que disent nos utilisateurs</p>
</div>
<div class="testimonials-slider">
<div class="testimonial">
<div class="testimonial-content">
<p>"Grâce à ID Numérique, j'ai pu récupérer mon identité après avoir perdu tous mes papiers lors d'un déplacement. Un vrai soulagement!"</p>
</div>
<div class="testimonial-author">
<img src="{{ asset('images/photo..jpg') }}" alt="Utilisateur">
<div class="author-info">
<h4>Marie Jourdain</h4>
<p>Port-au-Prince</p>
</div>
</div>
</div>
<div class="testimonials-slider">
<div class="testimonial">
<div class="testimonial-content">
<p>"Grâce à ID Numérique, j'ai pu récupérer mon identité après avoir perdu tous mes papiers lors d'un déplacement. Un vrai soulagement!"</p>
</div>
<div class="testimonial-author">
<img src="{{ asset('images/photo..jpg') }}" alt="Utilisateur">
<div class="author-info">
<h4>Josue Pierre</h4>
<p>Cayes</p>
</div>
</div>
</div>
<div class="testimonials-slider">
<div class="testimonial">
<div class="testimonial-content">
<p>"Grâce à ID Numérique, j'ai pu récupérer mon identité après avoir perdu tous mes papiers lors d'un déplacement. Un vrai soulagement!"</p>
</div>
<div class="testimonial-author">
<img src="{{ asset('images/photo..jpg') }}" alt="Utilisateur">
<div class="author-info">
<h4>Nathalie Paul</h4>
<p>Cayes</p>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<p>"L'application est très intuitive et m'a permis d'accéder à des services administratifs sans avoir à me déplacer. Un gain de temps considérable!"</p>
</div>
<div class="testimonial-author">
<img src="{{ asset('images/photo.jpg') }}" alt="Utilisateur">
<div class="author-info">
<h4>Jean Baptiste</h4>
<p>Cap-Haïtien</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="download" id="download">
<div class="download-content">
<h2>Téléchargez IDANTIFYEM Dès Maintenant</h2>
<p>Disponible sur Android</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>
<div class="download-image">
<img src="{{ asset('images/ID4.png') }}" alt="Télécharger l'application">
</div>
</section>
</main>
{% endblock %}