templates/services/paiements_encaissements.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 Paiements BPay Start -->
<div class="container-fluid pt-5 bg-light">
    <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">Paiements BPay</h2>
            <h1 class="display-4 text-uppercase">Payez et encaissez sans friction</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/paiement-bpay.jpg" style="object-fit: cover;">
                </div>
            </div>
            <div class="col-lg-6 pb-5">
                <h4 class="mb-4">
                    Des paiements rapides pour les particuliers et les commerçants.
                </h4>
                <p class="mb-5">
                    BPay simplifie les paiements du quotidien grâce à des solutions modernes :
                    QR Code, numéro BPay ou lien de paiement.
                    Les commerçants encaissent rapidement et les clients paient en quelques secondes.
                </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-qrcode fa-2x text-white"></i>
                        </div>
                        <h4 class="text-uppercase">Paiement instantané</h4>
                        <p class="mb-0">
                            Paiements rapides via QR Code ou numéro BPay.
                        </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-store fa-2x text-white"></i>
                        </div>
                        <h4 class="text-uppercase">Solution commerçants</h4>
                        <p class="mb-0">
                            Encaissements simples, traçables et sécurisés.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- About Paiements BPay End -->


{% endblock %}