templates/partials/services.html.twig line 1

<!-- Services BPay Start -->
<div class="container-fluid service position-relative px-5 mt-5" style="margin-bottom: 135px;">
    <div class="container">
        <div class="row g-5">

            <!-- Wallet -->
            <div class="col-lg-4 col-md-6">
                <div class="bg-primary border-inner text-center text-white p-5 h-100">
                    <div class="mb-4">
                        <i class="bi bi-wallet2 fs-1 text-white"></i>
                    </div>
                    <h4 class="text-uppercase mb-3">Wallet BPay</h4>
                    <p>
                        Créez et gérez votre portefeuille électronique BPay en toute sécurité.
                        Consultez votre solde, historisez vos transactions et contrôlez vos finances en temps réel.
                    </p>
                    <a class="text-uppercase text-dark" href="wallet">
                        En savoir plus <i class="bi bi-arrow-right"></i>
                    </a>
                </div>
            </div>

            <!-- Paiements -->
            <div class="col-lg-4 col-md-6">
                <div class="bg-primary border-inner text-center text-white p-5 h-100">
                    <div class="mb-4">
                        <i class="bi bi-credit-card-2-front fs-1 text-white"></i>
                    </div>
                    <h4 class="text-uppercase mb-3">Paiements & Encaissements</h4>
                    <p>
                        Effectuez des paiements rapides chez les commerçants partenaires
                        et encaissez facilement via QR Code, numéro BPay ou lien de paiement.
                    </p>
                    <a class="text-uppercase text-dark" href="{{ path('paiements_encaissements') }}">
                        En savoir plus <i class="bi bi-arrow-right"></i>
                    </a>
                </div>
            </div>

            <!-- Transferts -->
            <div class="col-lg-4 col-md-6">
                <div class="bg-primary border-inner text-center text-white p-5 h-100">
                    <div class="mb-4">
                        <i class="bi bi-arrow-left-right fs-1 text-white"></i>
                    </div>
                    <h4 class="text-uppercase mb-3">Transferts d’Argent</h4>
                    <p>
                        Envoyez et recevez de l’argent instantanément entre comptes BPay,
                        de manière simple, sécurisée et à moindre coût.
                    </p>
                    <a class="text-uppercase text-dark" href="transferts">
                        En savoir plus <i class="bi bi-arrow-right"></i>
                    </a>
                </div>
            </div>

            <!-- Offre commerçants -->
            <div class="col-lg-12 col-md-6 text-center">
                <h1 class="text-uppercase text-light mb-4">
                    Une solution complète pour particuliers et commerçants
                </h1>
                <a href="#" class="btn btn-primary border-inner py-3 px-5">
                    Rejoindre BPay
                </a>
            </div>

        </div>
    </div>
</div>
<!-- Services BPay End -->