{% extends 'layouts/main.html.twig' %}
{% block title %}BPAY – Paiement et porte-monnaie électronique{% endblock %}
{% block meta_description %}
Paiement électronique
{% endblock %}
{% block content %}
<!-- About Wallet BPay 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">Wallet BPay</h2>
<h1 class="display-4 text-uppercase">Votre portefeuille digital sécurisé</h1>
</div>
<div class="row gx-5">
<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="img/wallet-bpay.jpg" style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 pb-5">
<h4 class="mb-4">
Gérez votre argent simplement, à tout moment et en toute sécurité.
</h4>
<p class="mb-5">
Le Wallet BPay vous permet de stocker, suivre et gérer vos fonds depuis votre téléphone ou votre ordinateur.
Consultez votre solde en temps réel, accédez à l’historique de vos transactions et gardez le contrôle total
de vos finances grâce à une infrastructure sécurisée.
</p>
<div class="row g-5">
<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="fa fa-shield-alt fa-2x text-white"></i>
</div>
<h4 class="text-uppercase">Sécurité renforcée</h4>
<p class="mb-0">
Protection des données, authentification sécurisée et surveillance continue des opérations.
</p>
</div>
<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="fa fa-wallet fa-2x text-white"></i>
</div>
<h4 class="text-uppercase">Gestion en temps réel</h4>
<p class="mb-0">
Solde, transactions et opérations accessibles instantanément.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Wallet BPay End -->
{% endblock %}