templates/home/about.html.twig line 1

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

{% block title %}BPAY – Paiement et porte-monnaie électronique{% endblock %}

{% block meta_description %}
Paiement électronique
{% endblock %}

{% block content %}

<!-- About Start -->
<div class="container-fluid pt-5">
    <div class="container">

        <div class="section-title position-relative text-center mx-auto mb-5 pb-3" style="max-width: 600px;">
            <h2 class="text-primary font-secondary">À propos</h2>
            <h1 class="display-4 text-uppercase">Bienvenue sur BPay</h1>
        </div>

        <div class="row gx-5">

            {# Image institutionnelle #}
            <div class="col-lg-5 mb-5 mb-lg-0" style="min-height: 400px;">
                <div class="position-relative h-100">
                    <img
                        class="position-absolute w-100 h-100"
                        src="{{ asset('templates/bpay/img/about.jpg') }}"
                        alt="À propos de BPay"
                        style="object-fit: cover;"
                    >
                </div>
            </div>

            {# Contenu #}
            <div class="col-lg-6 pb-5">

                <h4 class="mb-4">
                    Une plateforme de paiement moderne, sécurisée et pensée pour l’Afrique.
                </h4>

                <p class="mb-5">
                    BPay est une solution de paiement digital conçue pour faciliter les transactions
                    financières des particuliers, marchands et entreprises. Grâce à une infrastructure
                    robuste et sécurisée, BPay permet d’envoyer, recevoir et gérer de l’argent
                    électroniquement, en toute confiance.
                </p>

                <div class="row g-5">

                    {# Sécurité #}
                    <div class="col-sm-6">
                        <div class="d-flex align-items-center justify-content-center bg-primary border-inner mb-4"
                             style="width: 90px; height: 90px;">
                            <i class="bi bi-shield-lock fa-2x text-white"></i>
                        </div>
                        <h4 class="text-uppercase">Sécurité & conformité</h4>
                        <p class="mb-0">
                            Données chiffrées, contrôles de sécurité avancés et respect
                            des exigences réglementaires pour protéger chaque transaction.
                        </p>
                    </div>

                    {# Performance #}
                    <div class="col-sm-6">
                        <div class="d-flex align-items-center justify-content-center bg-primary border-inner mb-4"
                             style="width: 90px; height: 90px;">
                            <i class="bi bi-lightning-charge fa-2x text-white"></i>
                        </div>
                        <h4 class="text-uppercase">Rapide & fiable</h4>
                        <p class="mb-0">
                            Des paiements instantanés, des transferts fluides
                            et une disponibilité continue pour vos opérations financières.
                        </p>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
<!-- About End -->




{% endblock %}