templates/front/index.html.twig line 1

Open in your IDE?
  1. {% 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 %}