{"id":2171,"date":"2025-01-27T19:02:15","date_gmt":"2025-01-27T19:02:15","guid":{"rendered":"https:\/\/excelis-sa.com\/?page_id=2171"},"modified":"2025-03-13T23:11:19","modified_gmt":"2025-03-13T23:11:19","slug":"plateforme-de-gestion-de-cartes-petrolieres","status":"publish","type":"page","link":"https:\/\/excelis-sa.com\/en\/plateforme-de-gestion-de-cartes-petrolieres\/","title":{"rendered":"Plateforme de gestion de cartes p\u00e9troli\u00e8res"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2171\" class=\"elementor elementor-2171\">\n\t\t\t\t<div class=\"elementor-element elementor-element-627524e e-con-full e-flex e-con e-parent\" data-id=\"627524e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0472c97 elementor-widget elementor-widget-html\" data-id=\"0472c97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative min-h-[90vh] flex items-center overflow-hidden\">\n    <!-- Background Elements -->\n    <div class=\"absolute inset-0\">\n        <!-- Gradient Background -->\n        <div class=\"absolute inset-0 bg-gradient-to-br from-gray-50 to-white\"><\/div>\n        \n        <!-- Animated Circuit Pattern -->\n        <div class=\"absolute inset-0 opacity-[0.03]\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'80\\' height=\\'80\\' viewBox=\\'0 0 80 80\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg stroke=\\'%23000000\\' stroke-width=\\'1\\'%3E%3Cpath d=\\'M0 40h40M40 0v40M80 40H40m0 40V40M0 0l40 40m0 40L80 40\\'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E')\"><\/div>\n\n        <!-- Decorative Blobs -->\n        <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-sky-100\/50 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-blob\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-orange-100\/50 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-blob animation-delay-2000\"><\/div>\n    <\/div>\n\n    <style>\n        @keyframes blob {\n            0% { transform: translate(0px, 0px) scale(1); }\n            33% { transform: translate(30px, -50px) scale(1.1); }\n            66% { transform: translate(-20px, 20px) scale(0.9); }\n            100% { transform: translate(0px, 0px) scale(1); }\n        }\n        .animate-blob {\n            animation: blob 7s infinite;\n        }\n        .animation-delay-2000 {\n            animation-delay: 2s;\n        }\n    <\/style>\n\n    <div class=\"container mx-auto px-4 relative\">\n        <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n            <!-- Left Content -->\n            <div class=\"max-w-2xl\">\n                <!-- Badge -->\n                <div class=\"inline-flex items-center p-1 pr-4 mb-8 bg-gradient-to-r from-sky-100 to-orange-100 rounded-full\">\n                    <span class=\"px-3 py-1 text-sm text-white font-semibold bg-gradient-to-r from-sky-500 to-orange-500 rounded-full\">\n                        Nouveau\n                    <\/span>\n                    <span class=\"ml-3 text-sm font-medium text-gray-900\">\n                        Solution de paiement innovante\n                    <\/span>\n                <\/div>\n\n                <!-- Main Content -->\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold mb-8 leading-tight\">\n                    <span class=\"bg-gradient-to-r from-sky-600 to-orange-500 bg-clip-text text-transparent\">\n                        Plateforme de gestion de cartes p\u00e9troli\u00e8res (OilPay)\n                    <\/span>\n                <\/h1>\n\n                <p class=\"text-lg text-gray-600 mb-8 leading-relaxed\">\n                    Dans un contexte de concurrence croissante, la qualit\u00e9 de service et la fid\u00e9lisation client sont devenues essentielles pour les essenceries. EXCELIS vous accompagne avec une solution de paiement innovante et s\u00e9curis\u00e9e.\n                <\/p>\n\n                <!-- CTA Buttons -->\n                <div class=\"flex flex-wrap gap-4\">\n                    <a href=\"https:\/\/excelis-sa.com\/en\/contact\/\" class=\"inline-flex items-center px-6 py-3 bg-gradient-to-r from-sky-500 to-orange-500 text-white font-medium rounded-xl shadow-lg hover:shadow-xl transition-shadow group\">\n                        Nous contacter\n                        <svg class=\"w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                        <\/svg>\n                    <\/a>\n                    <a href=\"#see-more\" class=\"inline-flex items-center px-6 py-3 text-gray-700 bg-white border border-gray-200 rounded-xl hover:shadow-lg transition-shadow\">\n                        En savoir plus\n                    <\/a>\n                <\/div>\n\n                <!-- Trust Badges -->\n                <div class=\"mt-12 flex items-center gap-8\">\n                    <div class=\"flex items-center gap-2\">\n                        <div class=\"w-12 h-12 bg-sky-100 rounded-full flex items-center justify-center\">\n                            <svg class=\"w-6 h-6 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"text-sm font-medium text-gray-600\">S\u00e9curit\u00e9<br\/>renforc\u00e9e<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-2\">\n                        <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center\">\n                            <svg class=\"w-6 h-6 text-orange-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"text-sm font-medium text-gray-600\">Solution<br\/>innovante<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-2\">\n                        <div class=\"w-12 h-12 bg-sky-100 rounded-full flex items-center justify-center\">\n                            <svg class=\"w-6 h-6 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"text-sm font-medium text-gray-600\">Support<br\/>d\u00e9di\u00e9<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Right Visual -->\n            <div class=\"relative\">\n                <!-- Card Stack -->\n                <div class=\"relative w-full aspect-square max-w-lg mx-auto\">\n                    <!-- Background Card -->\n                    <div class=\"absolute top-1\/2 left-1\/2 w-4\/5 aspect-[1.586\/1] bg-gradient-to-br from-gray-200 to-gray-300 rounded-2xl transform -translate-x-1\/2 -translate-y-1\/2 rotate-12 shadow-xl\"><\/div>\n                    \n                    <!-- Middle Card -->\n                    <div class=\"absolute top-1\/2 left-1\/2 w-4\/5 aspect-[1.586\/1] bg-gradient-to-br from-orange-400 to-orange-500 rounded-2xl transform -translate-x-1\/2 -translate-y-1\/2 rotate-6 shadow-xl\"><\/div>\n                    \n                    <!-- Front Card -->\n                    <div class=\"absolute top-1\/2 left-1\/2 w-4\/5 aspect-[1.586\/1] bg-gradient-to-br from-sky-400 to-sky-600 rounded-2xl transform -translate-x-1\/2 -translate-y-1\/2 shadow-2xl\">\n                        <div class=\"relative w-full h-full p-6 text-white\">\n                            <!-- Card Content -->\n                            <div class=\"absolute top-6 right-6\">\n                                <div class=\"w-12 h-8 bg-white\/20 rounded\"><\/div>\n                            <\/div>\n                            <div class=\"absolute bottom-6 left-6 right-6\">\n                                <div class=\"space-y-2\">\n                                    <div class=\"w-16 h-4 bg-white\/20 rounded\"><\/div>\n                                    <div class=\"w-32 h-4 bg-white\/20 rounded\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Floating Elements -->\n                    <div class=\"absolute -top-4 -right-4 w-20 h-20 bg-sky-100 rounded-full flex items-center justify-center animate-pulse\">\n                        <svg class=\"w-10 h-10 text-sky-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"absolute -bottom-4 -left-4 w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center animate-pulse\">\n                        <svg class=\"w-10 h-10 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43adc15 e-con-full e-flex e-con e-parent\" data-id=\"43adc15\" data-element_type=\"container\" id=\"see-more\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f69655 elementor-widget elementor-widget-html\" data-id=\"7f69655\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative py-24 overflow-hidden\">\n    <!-- Enhanced Animated Background -->\n    <div class=\"absolute inset-0\">\n        <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_30%_50%,#f0f9ff,transparent)]\"><\/div>\n        <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_70%_50%,#fff7ed,transparent)]\"><\/div>\n        <div class=\"absolute top-0 left-0 w-full h-full\">\n            <div class=\"absolute top-10 left-10 w-64 h-64 bg-sky-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob\"><\/div>\n            <div class=\"absolute top-10 right-10 w-64 h-64 bg-orange-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000\"><\/div>\n            <div class=\"absolute bottom-10 left-20 w-64 h-64 bg-sky-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-4000\"><\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        @keyframes blob {\n            0% { transform: translate(0px, 0px) scale(1); }\n            33% { transform: translate(30px, -50px) scale(1.1); }\n            66% { transform: translate(-20px, 20px) scale(0.9); }\n            100% { transform: translate(0px, 0px) scale(1); }\n        }\n        .animate-blob {\n            animation: blob 7s infinite;\n        }\n        .animation-delay-2000 {\n            animation-delay: 2s;\n        }\n        .animation-delay-4000 {\n            animation-delay: 4s;\n        }\n    <\/style>\n\n    <div class=\"container mx-auto px-4 relative\">\n        <!-- Enhanced Header -->\n        <div class=\"text-center max-w-3xl mx-auto mb-20\">\n            <div class=\"inline-block\">\n                <span class=\"inline-block text-sm font-semibold text-sky-600 bg-sky-50 px-4 py-2 rounded-full mb-4\">\n                    Solutions pour le secteur p\u00e9trolier\n                <\/span>\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-bold mb-6\">\n                <span class=\"bg-gradient-to-r from-sky-600 to-orange-500 bg-clip-text text-transparent\">\n                    Avantages pour le p\u00e9trolier\n                <\/span>\n            <\/h2>\n            <div class=\"flex items-center justify-center gap-3 mb-8\">\n                <span class=\"w-3 h-3 rounded-full bg-sky-500\"><\/span>\n                <span class=\"w-20 h-1 rounded-full bg-orange-500\"><\/span>\n                <span class=\"w-3 h-3 rounded-full bg-sky-500\"><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Enhanced Benefits Layout -->\n        <div class=\"grid md:grid-cols-2 gap-8 max-w-7xl mx-auto\">\n            <!-- Fid\u00e9lisation Card -->\n            <div class=\"group relative transform transition-all duration-500 hover:-translate-y-2\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-sky-500 to-orange-500 rounded-[2rem] blur opacity-25 group-hover:opacity-100 transition duration-500\"><\/div>\n                <div class=\"relative bg-white rounded-[2rem] p-8 h-full border border-gray-100\">\n                    <div class=\"flex items-start gap-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"relative\">\n                                <div class=\"w-20 h-20 bg-gradient-to-br from-sky-100 to-sky-50 rounded-2xl flex items-center justify-center\">\n                                    <svg class=\"w-10 h-10 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"absolute -inset-0.5 bg-gradient-to-r from-sky-500 to-orange-500 rounded-2xl blur opacity-0 group-hover:opacity-30 transition duration-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-4 group-hover:text-sky-600 transition-colors\">\n                                Fid\u00e9liser vos clients\n                            <\/h3>\n                            <p class=\"text-gray-600 text-lg leading-relaxed\">\n                                D\u00e9veloppez une relation durable avec vos clients gr\u00e2ce \u00e0 un syst\u00e8me de cartes intelligent et s\u00e9curis\u00e9. Offrez une exp\u00e9rience client moderne et fluide.\n                            <\/p>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Automatisation Card -->\n            <div class=\"group relative transform transition-all duration-500 hover:-translate-y-2\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-orange-500 to-sky-500 rounded-[2rem] blur opacity-25 group-hover:opacity-100 transition duration-500\"><\/div>\n                <div class=\"relative bg-white rounded-[2rem] p-8 h-full border border-gray-100\">\n                    <div class=\"flex items-start gap-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"relative\">\n                                <div class=\"w-20 h-20 bg-gradient-to-br from-orange-100 to-orange-50 rounded-2xl flex items-center justify-center\">\n                                    <svg class=\"w-10 h-10 text-orange-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"absolute -inset-0.5 bg-gradient-to-r from-orange-500 to-sky-500 rounded-2xl blur opacity-0 group-hover:opacity-30 transition duration-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-4 group-hover:text-orange-600 transition-colors\">\n                                Automatisation intelligente\n                            <\/h3>\n                            <p class=\"text-gray-600 text-lg leading-relaxed\">\n                                Simplifiez et acc\u00e9l\u00e9rez vos processus administratifs et financiers. Gagnez en efficacit\u00e9 dans la gestion de vos clients et g\u00e9rants.\n                            <\/p>\n                           \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Gestion des impay\u00e9s Card -->\n            <div class=\"group relative transform transition-all duration-500 hover:-translate-y-2\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-sky-500 to-orange-500 rounded-[2rem] blur opacity-25 group-hover:opacity-100 transition duration-500\"><\/div>\n                <div class=\"relative bg-white rounded-[2rem] p-8 h-full border border-gray-100\">\n                    <div class=\"flex items-start gap-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"relative\">\n                                <div class=\"w-20 h-20 bg-gradient-to-br from-sky-100 to-sky-50 rounded-2xl flex items-center justify-center\">\n                                    <svg class=\"w-10 h-10 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"absolute -inset-0.5 bg-gradient-to-r from-sky-500 to-orange-500 rounded-2xl blur opacity-0 group-hover:opacity-30 transition duration-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-4 group-hover:text-sky-600 transition-colors\">\n                                Contr\u00f4le des impay\u00e9s\n                            <\/h3>\n                            <p class=\"text-gray-600 text-lg leading-relaxed\">\n                                G\u00e9rez efficacement les impay\u00e9s gr\u00e2ce \u00e0 un syst\u00e8me de mise en opposition des cartes instantan\u00e9 et s\u00e9curis\u00e9.\n                            <\/p>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Image de modernit\u00e9 Card -->\n            <div class=\"group relative transform transition-all duration-500 hover:-translate-y-2\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-orange-500 to-sky-500 rounded-[2rem] blur opacity-25 group-hover:opacity-100 transition duration-500\"><\/div>\n                <div class=\"relative bg-white rounded-[2rem] p-8 h-full border border-gray-100\">\n                    <div class=\"flex items-start gap-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"relative\">\n                                <div class=\"w-20 h-20 bg-gradient-to-br from-orange-100 to-orange-50 rounded-2xl flex items-center justify-center\">\n                                    <svg class=\"w-10 h-10 text-orange-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"absolute -inset-0.5 bg-gradient-to-r from-orange-500 to-sky-500 rounded-2xl blur opacity-0 group-hover:opacity-30 transition duration-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-4 group-hover:text-orange-600 transition-colors\">\n                                Innovation & Modernit\u00e9\n                            <\/h3>\n                            <p class=\"text-gray-600 text-lg leading-relaxed\">\n                                Distinguez-vous comme un acteur innovant du secteur p\u00e9trolier en offrant des solutions digitales de pointe.\n                            <\/p>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f758fd3 e-con-full e-flex e-con e-parent\" data-id=\"f758fd3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e6733 elementor-widget elementor-widget-html\" data-id=\"55e6733\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative py-24\">\n    <!-- Background avec motif subtil -->\n    <div class=\"absolute inset-0\">\n        <div class=\"absolute inset-0 bg-gradient-to-br from-gray-50 to-white\"><\/div>\n        <div class=\"absolute inset-0 opacity-30 bg-[linear-gradient(to_right,#00000000_1px,transparent_1px),linear-gradient(to_bottom,#00000000_1px,transparent_1px)] bg-[size:24px_24px]\"><\/div>\n    <\/div>\n\n    <div class=\"container mx-auto px-4 relative\">\n        <!-- Header Section -->\n        <div class=\"max-w-4xl mx-auto text-center mb-20\">\n            <div class=\"inline-block bg-gradient-to-r from-sky-100 to-orange-100 rounded-full p-1 mb-6\">\n                <span class=\"text-sm font-semibold bg-white px-6 py-2 rounded-full inline-block\">\n                    Solutions pour les entreprises\n                <\/span>\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-bold mb-8\">\n                <span class=\"bg-gradient-to-r from-sky-600 to-orange-500 bg-clip-text text-transparent\">\n                    Avantages pour les clients\n                <\/span>\n            <\/h2>\n        <\/div>\n\n        <!-- Cards Container -->\n        <div class=\"grid lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n            <!-- Card 1: Gestion du Cash -->\n            <div class=\"group relative\">\n                <!-- Gradient Border Effect -->\n                <div class=\"absolute -inset-[2px] bg-gradient-to-r from-sky-500 to-orange-500 rounded-[20px] opacity-0 group-hover:opacity-100 blur transition duration-300\"><\/div>\n                \n                <div class=\"relative h-full bg-white rounded-[18px] p-8 shadow-lg transition duration-300 group-hover:translate-y-[-4px]\">\n                    <!-- Icon Container -->\n                    <div class=\"mb-6 relative\">\n                        <div class=\"w-16 h-16 bg-gradient-to-br from-sky-100 to-sky-50 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n                            <svg class=\"w-8 h-8 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <!-- Decorative Element -->\n                        <div class=\"absolute -right-2 -top-2 w-8 h-8 bg-gradient-to-br from-sky-200 to-transparent rounded-full opacity-50\"><\/div>\n                    <\/div>\n\n                    <!-- Content -->\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-4\">Plus de cash pour les chauffeurs<\/h3>\n                    <p class=\"text-gray-600\">\u00c9liminez les risques li\u00e9s \u00e0 la manipulation d'argent liquide et simplifiez la gestion des d\u00e9penses de carburant de vos chauffeurs.<\/p>\n                    \n                    <!-- Bottom Decorative Line -->\n                    <div class=\"absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-sky-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: S\u00e9curit\u00e9 -->\n            <div class=\"group relative\">\n                <div class=\"absolute -inset-[2px] bg-gradient-to-r from-orange-500 to-sky-500 rounded-[20px] opacity-0 group-hover:opacity-100 blur transition duration-300\"><\/div>\n                \n                <div class=\"relative h-full bg-white rounded-[18px] p-8 shadow-lg transition duration-300 group-hover:translate-y-[-4px]\">\n                    <div class=\"mb-6 relative\">\n                        <div class=\"w-16 h-16 bg-gradient-to-br from-orange-100 to-orange-50 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n                            <svg class=\"w-8 h-8 text-orange-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"absolute -right-2 -top-2 w-8 h-8 bg-gradient-to-br from-orange-200 to-transparent rounded-full opacity-50\"><\/div>\n                    <\/div>\n\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-4\">S\u00e9curit\u00e9 renforc\u00e9e<\/h3>\n                    <p class=\"text-gray-600\">Profitez d'une alternative s\u00e9curis\u00e9e aux bons de carburant traditionnels avec un syst\u00e8me de paiement num\u00e9rique fiable et tra\u00e7able.<\/p>\n                    \n                    <div class=\"absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-orange-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Suivi Budget -->\n            <div class=\"group relative\">\n                <div class=\"absolute -inset-[2px] bg-gradient-to-r from-sky-500 to-orange-500 rounded-[20px] opacity-0 group-hover:opacity-100 blur transition duration-300\"><\/div>\n                \n                <div class=\"relative h-full bg-white rounded-[18px] p-8 shadow-lg transition duration-300 group-hover:translate-y-[-4px]\">\n                    <div class=\"mb-6 relative\">\n                        <div class=\"w-16 h-16 bg-gradient-to-br from-sky-100 to-sky-50 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n                            <svg class=\"w-8 h-8 text-sky-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"absolute -right-2 -top-2 w-8 h-8 bg-gradient-to-br from-sky-200 to-transparent rounded-full opacity-50\"><\/div>\n                    <\/div>\n\n                    <h3 class=\"text-xl font-bold text-gray-900 mb-4\">Suivi budg\u00e9taire optimal<\/h3>\n                    <p class=\"text-gray-600\">Suivez et g\u00e9rez votre budget carburant en temps r\u00e9el gr\u00e2ce \u00e0 des outils de reporting d\u00e9taill\u00e9s et des tableaux de bord intuitifs.<\/p>\n                    \n                    <div class=\"absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-sky-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nouveau Solution de paiement innovante Plateforme de gestion de cartes p\u00e9troli\u00e8res (OilPay) Dans un contexte de concurrence croissante, la qualit\u00e9 de service et la fid\u00e9lisation client sont devenues essentielles pour les essenceries. EXCELIS vous accompagne avec une solution de paiement innovante et s\u00e9curis\u00e9e. Nous contacter En savoir plus S\u00e9curit\u00e9renforc\u00e9e Solutioninnovante Supportd\u00e9di\u00e9 Solutions pour le secteur [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2171","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/excelis-sa.com\/en\/plateforme-de-gestion-de-cartes-petrolieres\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis\" \/>\n<meta property=\"og:description\" content=\"Nouveau Solution de paiement innovante Plateforme de gestion de cartes p\u00e9troli\u00e8res (OilPay) Dans un contexte de concurrence croissante, la qualit\u00e9 de service et la fid\u00e9lisation client sont devenues essentielles pour les essenceries. EXCELIS vous accompagne avec une solution de paiement innovante et s\u00e9curis\u00e9e. Nous contacter En savoir plus S\u00e9curit\u00e9renforc\u00e9e Solutioninnovante Supportd\u00e9di\u00e9 Solutions pour le secteur [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/excelis-sa.com\/en\/plateforme-de-gestion-de-cartes-petrolieres\/\" \/>\n<meta property=\"og:site_name\" content=\"Excelis\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-13T23:11:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/\",\"url\":\"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/\",\"name\":\"Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis\",\"isPartOf\":{\"@id\":\"https:\/\/excelis-sa.com\/#website\"},\"datePublished\":\"2025-01-27T19:02:15+00:00\",\"dateModified\":\"2025-03-13T23:11:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/excelis-sa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plateforme de gestion de cartes p\u00e9troli\u00e8res\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/excelis-sa.com\/#website\",\"url\":\"https:\/\/excelis-sa.com\/\",\"name\":\"Excelis\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/excelis-sa.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/excelis-sa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/excelis-sa.com\/#organization\",\"name\":\"Excelis\",\"url\":\"https:\/\/excelis-sa.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/excelis-sa.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/excelis-sa.com\/wp-content\/uploads\/2025\/01\/Logo-sans-slogan-1-scaled.jpg\",\"contentUrl\":\"https:\/\/excelis-sa.com\/wp-content\/uploads\/2025\/01\/Logo-sans-slogan-1-scaled.jpg\",\"width\":2560,\"height\":547,\"caption\":\"Excelis\"},\"image\":{\"@id\":\"https:\/\/excelis-sa.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/excelis-sa.com\/en\/plateforme-de-gestion-de-cartes-petrolieres\/","og_locale":"en_US","og_type":"article","og_title":"Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis","og_description":"Nouveau Solution de paiement innovante Plateforme de gestion de cartes p\u00e9troli\u00e8res (OilPay) Dans un contexte de concurrence croissante, la qualit\u00e9 de service et la fid\u00e9lisation client sont devenues essentielles pour les essenceries. EXCELIS vous accompagne avec une solution de paiement innovante et s\u00e9curis\u00e9e. Nous contacter En savoir plus S\u00e9curit\u00e9renforc\u00e9e Solutioninnovante Supportd\u00e9di\u00e9 Solutions pour le secteur [&hellip;]","og_url":"https:\/\/excelis-sa.com\/en\/plateforme-de-gestion-de-cartes-petrolieres\/","og_site_name":"Excelis","article_modified_time":"2025-03-13T23:11:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/","url":"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/","name":"Plateforme de gestion de cartes p\u00e9troli\u00e8res - Excelis","isPartOf":{"@id":"https:\/\/excelis-sa.com\/#website"},"datePublished":"2025-01-27T19:02:15+00:00","dateModified":"2025-03-13T23:11:19+00:00","breadcrumb":{"@id":"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/excelis-sa.com\/plateforme-de-gestion-de-cartes-petrolieres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/excelis-sa.com\/"},{"@type":"ListItem","position":2,"name":"Plateforme de gestion de cartes p\u00e9troli\u00e8res"}]},{"@type":"WebSite","@id":"https:\/\/excelis-sa.com\/#website","url":"https:\/\/excelis-sa.com\/","name":"Excelis","description":"","publisher":{"@id":"https:\/\/excelis-sa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/excelis-sa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/excelis-sa.com\/#organization","name":"Excelis","url":"https:\/\/excelis-sa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/excelis-sa.com\/#\/schema\/logo\/image\/","url":"https:\/\/excelis-sa.com\/wp-content\/uploads\/2025\/01\/Logo-sans-slogan-1-scaled.jpg","contentUrl":"https:\/\/excelis-sa.com\/wp-content\/uploads\/2025\/01\/Logo-sans-slogan-1-scaled.jpg","width":2560,"height":547,"caption":"Excelis"},"image":{"@id":"https:\/\/excelis-sa.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/pages\/2171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/comments?post=2171"}],"version-history":[{"count":0,"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/pages\/2171\/revisions"}],"wp:attachment":[{"href":"https:\/\/excelis-sa.com\/en\/wp-json\/wp\/v2\/media?parent=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}