Expert Conseil – Services<\/title>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Animations et styles g\u00e9n\u00e9raux *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fadeInUp {\n animation: fadeInUp 1s ease-out forwards;\n }\n\n .stagger-delay-1 {\n animation-delay: 0.3s;\n }\n\n .stagger-delay-2 {\n animation-delay: 0.6s;\n }\n\n .stagger-delay-3 {\n animation-delay: 0.9s;\n }\n\n .shadow-text {\n text-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);\n }\n\n .hero-full {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n width: 100vw;\ntop: -16px;\n height: 70vh;\n overflow: hidden;\n }\n\n @keyframes scroll-bg {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .animate-scroll-bg {\n animation: scroll-bg 40s linear infinite;\n }\n\n body,\n html {\n margin: 0;\n padding: 0;\n width: 100vw;\n overflow-x: hidden;\n background-color: rgba(249, 250, 251, 0.9);\n }\n <\/style>\n <\/head>\n\n <body class=\"w-full min-h-screen bg-gray-50 text-gray-900\">\n \n <section class=\"hero-full flex items-center justify-center relative bg-black\">\n \n <div class=\"absolute inset-0 z-0 flex animate-scroll-bg space-x-4\">\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2b\/ad\/b7\/2badb71cd0fa0553de23ab781fe3c4c6.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/ef\/98\/c6\/ef98c6dd696241318ceacd271fea0552.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n \n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/38\/60\/1b\/38601be33d078b4a773b004d6b06d317.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <\/div>\n\n \n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/30 via-black\/10 to-black\/40 z-10\"><\/div>\n\n \n <div class=\"relative z-20 text-center px-5\">\n <h1 class=\"text-white text-4xl md:text-5xl font-extrabold mb-5 shadow-text animate-fadeInUp stagger-delay-1\">\n Nos Services Professionnels\n <\/h1>\n <p class=\"text-white text-xl md:text-2xl mb-8 max-w-2xl mx-auto animate-fadeInUp stagger-delay-2\">\n Offres de services num\u00e9riques aux investisseurs.\n <\/p>\n <a href=\"#services\" class=\"inline-block bg-white text-blue-800 font-semibold px-8 py-3 rounded-full shadow-md hover:bg-blue-800 hover:text-white transition-all duration-300 animate-fadeInUp stagger-delay-3\">\n D\u00e9couvrir nos services\n <\/a>\n <\/div>\n <\/section>\n\n<section id=\"services\" class=\"max-w-[1300px] mx-auto my-20 px-5 transition-opacity duration-1000\">\n <style>\n @keyframes gradient-slide {\n 0% {\n background-position: 0% 50%;\n }\n 100% {\n background-position: 200% 50%;\n }\n }\n .animate-gradient-slide {\n background-size: 200% 100%;\n animation: gradient-slide 3s linear infinite;\n }\n\n @keyframes fadeSlideUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .animate-fade-slide-up {\n animation: fadeSlideUp 0.8s ease forwards;\n }\n\n \/* Bounce subtil sur le titre *\/\n @keyframes bounceSubtle {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-8px);\n }\n }\n .animate-bounce-subtle {\n animation: bounceSubtle 3s ease-in-out infinite;\n }\n\n \/* Apparition diff\u00e9r\u00e9e du paragraphe *\/\n .delayed-fade-slide-up {\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.6s;\n }\n\n \n .gradient-text {\n background: linear-gradient(90deg, #fb923c, #f97316, #fb923c);\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: gradient-slide 3s linear infinite;\n }\n\n \/* Contour l\u00e9ger autour du titre *\/\n .title-outline {\n text-shadow:\n 0 0 5px rgba(251, 146, 60, 0.6),\n 0 0 10px rgba(251, 146, 60, 0.5);\n }\n<\/style>\n\n<div class=\"text-center mb-20 mt-30 relative px-4 md:px-0 animate-fade-slide-up\">\n <h2\n class=\"text-3xl md:text-3xl font-extrabold inline-block mb-6 relative after:content-[''] after:absolute after:w-32 after:h-2 after:left-1\/2 after:-translate-x-1\/2 after:-bottom-6 after:rounded-xl after:opacity-90 after:block after:animate-gradient-slide after:bg-gradient-to-r after:from-orange-600 after:via-orange-400 after:to-orange-600 gradient-text title-outline animate-bounce-subtle hover:scale-105 transition-transform duration-500\"\n >\n Nos Solutions Expertes\n <\/h2>\n<p\n class=\"max-w-[720px] mx-auto mt-12 text-lg md:text-xl text-gray-700 leading-relaxed tracking-wide drop-shadow-sm delayed-fade-slide-up\"\n>\n D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos besoins sp\u00e9cifiques\n<\/p>\n\n<\/div>\n\n\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 mt-12\" style=\"align-items: start;\">\n\n \n <div\n class=\"bg-white rounded-2xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1); card-shadow self-start\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-500 to-blue-500 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"handshake\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-gray-900 font-bold relative inline-block\">\n Support\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"building\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Starting a business\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"trending-up\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Strategic investment\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"scale\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Conseil juridique et fiscal\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"bar-chart\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Financial engineering\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"search\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Search for grants\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Accompagnement personnalis\u00e9 pour maximiser vos chances de succ\u00e8s et r\u00e9duire les risques.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nous proposons un accompagnement complet, du conseil \u00e0 la mise en \u0153uvre, pour vous aider \u00e0 r\u00e9ussir dans vos projets.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Personalized support<\/li>\n <li>Expertise sectorielle<\/li>\n <li>Suivi r\u00e9gulier<\/li>\n <li>Ressources d\u00e9di\u00e9es<\/li>\n <\/ul>\n <\/div>\n <button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-orange-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n>\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n\n <\/div>\n\n \n <div\n class=\"bg-white rounded-3xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1);\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-600 to-blue-400 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"graduation-cap\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-black font-bold relative inline-block\">\n Training\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"users\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Leadership et management\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"scale\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Droit des affaires\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"code\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Transformation num\u00e9rique\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"activity\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Marketing et communication\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"bar-chart-2\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Gestion financi\u00e8re\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Formations sur mesure pour d\u00e9velopper les comp\u00e9tences de vos \u00e9quipes et am\u00e9liorer votre performance.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nos formations couvrent des domaines cl\u00e9s pour le d\u00e9veloppement de vos comp\u00e9tences : leadership, droit, num\u00e9rique et marketing.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Formations adapt\u00e9es \u00e0 vos besoins r\u00e9els<\/li>\n <li>Intervenants experts dans leur domaine<\/li>\n <li>Approche interactive et orient\u00e9e r\u00e9sultats<\/li>\n <li>Suivi personnalis\u00e9 apr\u00e8s la formation<\/li>\n <\/ul>\n <\/div>\n<button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-blue-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n >\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div\n class=\"bg-white rounded-3xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1);\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-600 to-blue-400 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"line-chart\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-black font-bold relative inline-block\">\n \u00c9tudes & Analyses\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"search\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Analyse de march\u00e9\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"activity\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Veille concurrentielle\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"file-text\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n \u00c9tudes sectorielles\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"pie-chart\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Rapports personnalis\u00e9s\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"layers\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Strat\u00e9gie d\u2019investissement\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Donn\u00e9es fiables et analyses pouss\u00e9es pour \u00e9clairer vos d\u00e9cisions d\u2019investissement.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nos \u00e9tudes sont r\u00e9alis\u00e9es avec rigueur et pr\u00e9cision par une \u00e9quipe exp\u00e9riment\u00e9e, sp\u00e9cialis\u00e9e dans l\u2019analyse des tendances \u00e9conomiques, la veille strat\u00e9gique et l\u2019anticipation des opportunit\u00e9s d\u2019investissement.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Acc\u00e8s \u00e0 des donn\u00e9es exclusives sur le march\u00e9<\/li>\n <li>Analyses comparatives et tableaux de bord d\u00e9cisionnels<\/li>\n <li>Conseils personnalis\u00e9s selon votre secteur d’activit<\/li>\n <\/ul>\n <\/div>\n\n <button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-blue-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n >\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n\n <\/div>\n\n<\/div>\n\n\n\n\n\n<\/section>\n\n\n<section\n class=\"bg-blue-400 text-white py-9 px-9 mt-24 rounded-xl max-w-7xl mx-auto shadow-md\"\n>\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-6\">\n \n \n <div class=\"w-full md:w-1\/2 text-center md:text-left\">\n <h2 class=\"text-2xl font-bold mb-3\">\n Pr\u00eat \u00e0 transformer votre entreprise?\n <\/h2>\n <p class=\"text-base mb-4 opacity-90 leading-snug\">\n Contactez-nous d\u00e8s aujourd’hui pour discuter de vos projets et d\u00e9couvrir comment nos services peuvent vous aider \u00e0 atteindre vos objectifs.\n <\/p>\n <a\n href=\"https:\/\/www.proface.askonsult.com\/en\/contact\/\"\n class=\"inline-block bg-white text-blue-700 font-semibold py-2 px-6 rounded-full text-sm shadow hover:shadow-lg transition hover:-translate-y-0.5\"\n >\n Prendre rendez-vous\n <\/a>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2\">\n <img decoding=\"async\"\n src=\"https:\/\/i.pinimg.com\/736x\/cf\/f5\/e1\/cff5e1cba8964bcaeaee87cf0eaecb59.jpg\"\n alt=\"Entreprise\"\n class=\"rounded-lg shadow w-full h-auto max-h-60 object-cover\"\n \/>\n <\/div>\n <\/div>\n<\/section>\n\n<section\n class=\"relative overflow-hidden mt-10 w-screen left-1\/2 -translate-x-1\/2 py-24 px-5\"\n>\n <div class=\"max-w-[1200px] mx-auto flex flex-col lg:flex-row items-center gap-16\">\n \n <div class=\"flex-1 w-full\">\n <div class=\"text-center mb-16 relative max-w-lg mx-auto lg:mx-0\">\n<h2\n class=\"text-xl md:text-2xl font-extrabold inline-block mb-4 px-2 py-1 bg-blue-600 text-white shadow-md after:content-[''] after:absolute after:w-20 after:h-1 after:left-1\/2 after:-translate-x-1\/2 after:-bottom-4 after:opacity-90 after:block after:animate-gradient-slide after:bg-gradient-to-r after:from-orange-600 after:via-orange-400 after:to-orange-600 animate-bounce-subtle hover:scale-105 transition-transform duration-500\"\n>\n Nos Solutions Expertes\n<\/h2>\n\n\n\n\n\n <p class=\"text-lg text-gray-600 mt-4\">\n Chez Proface, nous sommes convaincus que chaque projet est unique et m\u00e9rite une approche personnalis\u00e9e.\nNous offrons un accompagnement strat\u00e9gique, humain, et r\u00e9solument orient\u00e9 vers l\u2019atteinte de r\u00e9sultats concrets.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row justify-between gap-10\">\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300 relative\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 1\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Diagnostic<\/h3>\n <p class=\"text-gray-700\">\n Analyse approfondie de votre situation et de vos besoins sp\u00e9cifiques.\n <\/p>\n \n <div\n class=\"hidden sm:block absolute top-1\/2 right-[-30px] w-12 h-12 bg-gradient-to-r from-orange-400 to-yellow-400 rounded-full shadow-lg transform translate-y-[-50%]\"\n style=\"clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 75%, 50% 50%, 0 25%);\"\n >\n <svg\n class=\"w-full h-full text-white\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n viewbox=\"0 0 24 24\"\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300 relative\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 2\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Conception<\/h3>\n <p class=\"text-gray-700\">\n D\u00e9veloppement d’une solution personnalis\u00e9e adapt\u00e9e \u00e0 vos objectifs.\n <\/p>\n \n <div\n class=\"hidden sm:block absolute top-1\/2 right-[-30px] w-12 h-12 bg-gradient-to-r from-orange-400 to-yellow-400 rounded-full shadow-lg transform translate-y-[-50%]\"\n style=\"clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 75%, 50% 50%, 0 25%);\"\n >\n <svg\n class=\"w-full h-full text-white\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n viewbox=\"0 0 24 24\"\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 3\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Mise en \u0153uvre<\/h3>\n <p class=\"text-gray-700\">\n Ex\u00e9cution rigoureuse et suivi continu pour garantir la r\u00e9ussite et la p\u00e9rennit\u00e9 de la solution propos\u00e9e.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 hidden lg:block\">\n <img decoding=\"async\"\n src=\"https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=800&q=80\"\n alt=\"Processus de travail\"\n class=\"rounded-xl shadow-lg max-w-full\"\n loading=\"lazy\"\n \/>\n <\/div>\n <\/div>\n\n \n\n\n\n\n\n\n\n<\/section>\n\n<script>\n function toggleDetails(button) {\n const card = button.closest('div.flex.flex-col');\n if (!card) return;\n\n \/\/ on s\u00e9lectionne la div qui contient les d\u00e9tails (visible ou non)\n const details = card.querySelector('div.mt-6.text-gray-700');\n if (!details) return;\n\n const isHidden = details.classList.contains('hidden');\n\n if (isHidden) {\n details.classList.remove('hidden');\n button.querySelector('span.btn-text').textContent = 'Afficher moins';\n } else {\n details.classList.add('hidden');\n button.querySelector('span.btn-text').textContent = 'En savoir plus';\n }\n }\n<\/script>\n\n\n  <script> document.addEventListener('DOMContentLoaded', () => { lucide.createIcons(); }); <\/script> <\/body>\n\n<style>\n @keyframes scroll-bg {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .animate-scroll-bg {\n animation: scroll-bg 40s linear infinite;\n }\n<\/style>\n\n\n \n <script>\n function toggleDetails(button) {\n const card = button.closest('div.flex.flex-col');\n if (!card) return;\n const details = card.querySelector('div.mt-6.text-gray-700');\n if (!details) return;\n const isHidden = details.classList.contains('hidden');\n if (isHidden) {\n details.classList.remove('hidden');\n button.querySelector('span.btn-text').textContent = 'Afficher moins';\n } else {\n details.classList.add('hidden');\n button.querySelector('span.btn-text').textContent = 'En savoir plus';\n }\n }\n <\/script>\n\n \n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n lucide.createIcons();\n });\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… <a href=\"https:\/\/www.proface.askonsult.com\/en\/services\/\" rel=\"bookmark\">Read More \"<span class=\"screen-reader-text\"><\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2083","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- INVEST<\/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:\/\/www.proface.askonsult.com\/en\/services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- INVEST\" \/>\n<meta property=\"og:description\" content=\"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.proface.askonsult.com\/en\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"INVEST\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-17T19:26:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\",\"name\":\"- INVEST\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\",\"datePublished\":\"2025-07-09T15:12:58+00:00\",\"dateModified\":\"2025-08-17T19:26:18+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\",\"contentUrl\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"name\":\"INVEST\",\"description\":\"PROFACE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.proface.askonsult.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\",\"name\":\"INVEST\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"contentUrl\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"width\":700,\"height\":700,\"caption\":\"INVEST\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- INVEST","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:\/\/www.proface.askonsult.com\/en\/services\/","og_locale":"en_US","og_type":"article","og_title":"- INVEST","og_description":"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »","og_url":"https:\/\/www.proface.askonsult.com\/en\/services\/","og_site_name":"INVEST","article_modified_time":"2025-08-17T19:26:18+00:00","og_image":[{"url":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.proface.askonsult.com\/services\/","url":"https:\/\/www.proface.askonsult.com\/services\/","name":"- INVEST","isPartOf":{"@id":"https:\/\/www.proface.askonsult.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage"},"thumbnailUrl":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","datePublished":"2025-07-09T15:12:58+00:00","dateModified":"2025-08-17T19:26:18+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.proface.askonsult.com\/services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage","url":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","contentUrl":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg"},{"@type":"WebSite","@id":"https:\/\/www.proface.askonsult.com\/#website","url":"https:\/\/www.proface.askonsult.com\/","name":"INVEST","description":"PROFACE","publisher":{"@id":"https:\/\/www.proface.askonsult.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.proface.askonsult.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.proface.askonsult.com\/#organization","name":"INVEST","url":"https:\/\/www.proface.askonsult.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","contentUrl":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","width":700,"height":700,"caption":"INVEST"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"neve-blog":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.proface.askonsult.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »","_links":{"self":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/comments?post=2083"}],"version-history":[{"count":210,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083\/revisions"}],"predecessor-version":[{"id":3831,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083\/revisions\/3831"}],"wp:attachment":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/media?parent=2083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2083,"date":"2025-07-09T16:12:58","date_gmt":"2025-07-09T15:12:58","guid":{"rendered":"http:\/\/www.proface.askonsult.com\/?page_id=2083"},"modified":"2025-08-17T20:26:18","modified_gmt":"2025-08-17T19:26:18","slug":"services","status":"publish","type":"page","link":"https:\/\/www.proface.askonsult.com\/en\/services\/","title":{"rendered":""},"content":{"rendered":"\n\n \n \n \n Expert Conseil – Services<\/title>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Animations et styles g\u00e9n\u00e9raux *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fadeInUp {\n animation: fadeInUp 1s ease-out forwards;\n }\n\n .stagger-delay-1 {\n animation-delay: 0.3s;\n }\n\n .stagger-delay-2 {\n animation-delay: 0.6s;\n }\n\n .stagger-delay-3 {\n animation-delay: 0.9s;\n }\n\n .shadow-text {\n text-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);\n }\n\n .hero-full {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n width: 100vw;\ntop: -16px;\n height: 70vh;\n overflow: hidden;\n }\n\n @keyframes scroll-bg {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .animate-scroll-bg {\n animation: scroll-bg 40s linear infinite;\n }\n\n body,\n html {\n margin: 0;\n padding: 0;\n width: 100vw;\n overflow-x: hidden;\n background-color: rgba(249, 250, 251, 0.9);\n }\n <\/style>\n <\/head>\n\n <body class=\"w-full min-h-screen bg-gray-50 text-gray-900\">\n \n <section class=\"hero-full flex items-center justify-center relative bg-black\">\n \n <div class=\"absolute inset-0 z-0 flex animate-scroll-bg space-x-4\">\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2b\/ad\/b7\/2badb71cd0fa0553de23ab781fe3c4c6.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/ef\/98\/c6\/ef98c6dd696241318ceacd271fea0552.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n \n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/38\/60\/1b\/38601be33d078b4a773b004d6b06d317.jpg\" alt=\"bg\" class=\"h-full w-auto object-cover\" \/>\n <\/div>\n\n \n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/30 via-black\/10 to-black\/40 z-10\"><\/div>\n\n \n <div class=\"relative z-20 text-center px-5\">\n <h1 class=\"text-white text-4xl md:text-5xl font-extrabold mb-5 shadow-text animate-fadeInUp stagger-delay-1\">\n Nos Services Professionnels\n <\/h1>\n <p class=\"text-white text-xl md:text-2xl mb-8 max-w-2xl mx-auto animate-fadeInUp stagger-delay-2\">\n Offres de services num\u00e9riques aux investisseurs.\n <\/p>\n <a href=\"#services\" class=\"inline-block bg-white text-blue-800 font-semibold px-8 py-3 rounded-full shadow-md hover:bg-blue-800 hover:text-white transition-all duration-300 animate-fadeInUp stagger-delay-3\">\n D\u00e9couvrir nos services\n <\/a>\n <\/div>\n <\/section>\n\n<section id=\"services\" class=\"max-w-[1300px] mx-auto my-20 px-5 transition-opacity duration-1000\">\n <style>\n @keyframes gradient-slide {\n 0% {\n background-position: 0% 50%;\n }\n 100% {\n background-position: 200% 50%;\n }\n }\n .animate-gradient-slide {\n background-size: 200% 100%;\n animation: gradient-slide 3s linear infinite;\n }\n\n @keyframes fadeSlideUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .animate-fade-slide-up {\n animation: fadeSlideUp 0.8s ease forwards;\n }\n\n \/* Bounce subtil sur le titre *\/\n @keyframes bounceSubtle {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-8px);\n }\n }\n .animate-bounce-subtle {\n animation: bounceSubtle 3s ease-in-out infinite;\n }\n\n \/* Apparition diff\u00e9r\u00e9e du paragraphe *\/\n .delayed-fade-slide-up {\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.6s;\n }\n\n \n .gradient-text {\n background: linear-gradient(90deg, #fb923c, #f97316, #fb923c);\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: gradient-slide 3s linear infinite;\n }\n\n \/* Contour l\u00e9ger autour du titre *\/\n .title-outline {\n text-shadow:\n 0 0 5px rgba(251, 146, 60, 0.6),\n 0 0 10px rgba(251, 146, 60, 0.5);\n }\n<\/style>\n\n<div class=\"text-center mb-20 mt-30 relative px-4 md:px-0 animate-fade-slide-up\">\n <h2\n class=\"text-3xl md:text-3xl font-extrabold inline-block mb-6 relative after:content-[''] after:absolute after:w-32 after:h-2 after:left-1\/2 after:-translate-x-1\/2 after:-bottom-6 after:rounded-xl after:opacity-90 after:block after:animate-gradient-slide after:bg-gradient-to-r after:from-orange-600 after:via-orange-400 after:to-orange-600 gradient-text title-outline animate-bounce-subtle hover:scale-105 transition-transform duration-500\"\n >\n Nos Solutions Expertes\n <\/h2>\n<p\n class=\"max-w-[720px] mx-auto mt-12 text-lg md:text-xl text-gray-700 leading-relaxed tracking-wide drop-shadow-sm delayed-fade-slide-up\"\n>\n D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos besoins sp\u00e9cifiques\n<\/p>\n\n<\/div>\n\n\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 mt-12\" style=\"align-items: start;\">\n\n \n <div\n class=\"bg-white rounded-2xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1); card-shadow self-start\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-500 to-blue-500 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"handshake\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-gray-900 font-bold relative inline-block\">\n Support\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"building\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Starting a business\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"trending-up\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Strategic investment\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"scale\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Conseil juridique et fiscal\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"bar-chart\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Financial engineering\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"search\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Search for grants\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Accompagnement personnalis\u00e9 pour maximiser vos chances de succ\u00e8s et r\u00e9duire les risques.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nous proposons un accompagnement complet, du conseil \u00e0 la mise en \u0153uvre, pour vous aider \u00e0 r\u00e9ussir dans vos projets.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Personalized support<\/li>\n <li>Expertise sectorielle<\/li>\n <li>Suivi r\u00e9gulier<\/li>\n <li>Ressources d\u00e9di\u00e9es<\/li>\n <\/ul>\n <\/div>\n <button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-orange-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n>\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n\n <\/div>\n\n \n <div\n class=\"bg-white rounded-3xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1);\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-600 to-blue-400 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"graduation-cap\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-black font-bold relative inline-block\">\n Training\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"users\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Leadership et management\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"scale\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Droit des affaires\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"code\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Transformation num\u00e9rique\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"activity\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Marketing et communication\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"bar-chart-2\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Gestion financi\u00e8re\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Formations sur mesure pour d\u00e9velopper les comp\u00e9tences de vos \u00e9quipes et am\u00e9liorer votre performance.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nos formations couvrent des domaines cl\u00e9s pour le d\u00e9veloppement de vos comp\u00e9tences : leadership, droit, num\u00e9rique et marketing.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Formations adapt\u00e9es \u00e0 vos besoins r\u00e9els<\/li>\n <li>Intervenants experts dans leur domaine<\/li>\n <li>Approche interactive et orient\u00e9e r\u00e9sultats<\/li>\n <li>Suivi personnalis\u00e9 apr\u00e8s la formation<\/li>\n <\/ul>\n <\/div>\n<button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-blue-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n >\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div\n class=\"bg-white rounded-3xl overflow-hidden shadow-lg flex flex-col transition-transform duration-500 hover:-translate-y-4 hover:shadow-2xl border border-gray-100\"\n style=\"background-image: radial-gradient(circle at 100% 100%, rgba(210, 230, 255, 0.3) 0%, transparent 50%); box-shadow: 0 10px 30px -5px rgba(0, 90, 255, 0.15), 0 0 10px rgba(0, 90, 255, 0.1);\">\n\n <div\n class=\"h-[100px] flex items-center justify-center text-white bg-gradient-to-r from-blue-600 to-blue-400 relative overflow-hidden\"\n style=\"background-image: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\">\n <div\n class=\"absolute inset-0 bg-[url('data:image\/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23007acc%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-30\">\n <\/div>\n <div\n class=\"z-10 transform transition-transform duration-700 hover:scale-110 hover:rotate-3 text-blue-400\">\n <i data-lucide=\"line-chart\" width=\"50\" height=\"50\" class=\"drop-shadow-lg\"><\/i>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex-grow flex flex-col\">\n <h3 class=\"text-2xl mb-5 text-black font-bold relative inline-block\">\n \u00c9tudes & Analyses\n <span class=\"absolute -bottom-2 left-0 w-20 h-1 bg-gradient-to-r from-blue-900 to-blue-400 rounded-full\"><\/span>\n <\/h3>\n\n <ul class=\"pl-6 my-4 flex-grow space-y-5 text-gray-700\">\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"search\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Analyse de march\u00e9\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"activity\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Veille concurrentielle\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"file-text\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n \u00c9tudes sectorielles\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"pie-chart\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Rapports personnalis\u00e9s\n <\/li>\n <li class=\"relative pl-8 flex items-start transition-colors duration-300 hover:text-blue-600 cursor-default\">\n <span class=\"absolute left-0 top-0.5 text-orange-600\">\n <i data-lucide=\"layers\" width=\"18\" height=\"18\"><\/i>\n <\/span>\n Strat\u00e9gie d\u2019investissement\n <\/li>\n <\/ul>\n\n <div class=\"mt-6 pt-6 border-t border-blue-200\">\n <strong class=\"block mb-3 font-bold text-gray-900 text-lg flex items-center\">\n <i data-lucide=\"lightbulb\" width=\"20\" height=\"20\" class=\"mr-2 text-blue-600\"><\/i> B\u00e9n\u00e9fices:\n <\/strong>\n <p class=\"text-gray-600 leading-relaxed\">\n Donn\u00e9es fiables et analyses pouss\u00e9es pour \u00e9clairer vos d\u00e9cisions d\u2019investissement.\n <\/p>\n <\/div>\n\n \n\n \n <div class=\"hidden mt-6 text-gray-700 text-base leading-relaxed\">\n <p class=\"mb-4\">\n Nos \u00e9tudes sont r\u00e9alis\u00e9es avec rigueur et pr\u00e9cision par une \u00e9quipe exp\u00e9riment\u00e9e, sp\u00e9cialis\u00e9e dans l\u2019analyse des tendances \u00e9conomiques, la veille strat\u00e9gique et l\u2019anticipation des opportunit\u00e9s d\u2019investissement.\n <\/p>\n <ul class=\"list-disc list-inside space-y-2\">\n <li>Acc\u00e8s \u00e0 des donn\u00e9es exclusives sur le march\u00e9<\/li>\n <li>Analyses comparatives et tableaux de bord d\u00e9cisionnels<\/li>\n <li>Conseils personnalis\u00e9s selon votre secteur d’activit<\/li>\n <\/ul>\n <\/div>\n\n <button \n class=\"relative inline-block px-6 py-2 mt-6 font-semibold text-white border border-blue-600 rounded-lg bg-orange-600 hover:text-white transition-colors duration-300\"\n onclick=\"toggleDetails(this)\"\n >\n <span class=\"btn-text relative z-10\">En savoir plus<\/span>\n <span\n class=\"absolute top-0 left-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity duration-300\"\n ><\/span>\n <\/button>\n <\/div>\n\n <\/div>\n\n<\/div>\n\n\n\n\n\n<\/section>\n\n\n<section\n class=\"bg-blue-400 text-white py-9 px-9 mt-24 rounded-xl max-w-7xl mx-auto shadow-md\"\n>\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-6\">\n \n \n <div class=\"w-full md:w-1\/2 text-center md:text-left\">\n <h2 class=\"text-2xl font-bold mb-3\">\n Pr\u00eat \u00e0 transformer votre entreprise?\n <\/h2>\n <p class=\"text-base mb-4 opacity-90 leading-snug\">\n Contactez-nous d\u00e8s aujourd’hui pour discuter de vos projets et d\u00e9couvrir comment nos services peuvent vous aider \u00e0 atteindre vos objectifs.\n <\/p>\n <a\n href=\"https:\/\/www.proface.askonsult.com\/en\/contact\/\"\n class=\"inline-block bg-white text-blue-700 font-semibold py-2 px-6 rounded-full text-sm shadow hover:shadow-lg transition hover:-translate-y-0.5\"\n >\n Prendre rendez-vous\n <\/a>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2\">\n <img decoding=\"async\"\n src=\"https:\/\/i.pinimg.com\/736x\/cf\/f5\/e1\/cff5e1cba8964bcaeaee87cf0eaecb59.jpg\"\n alt=\"Entreprise\"\n class=\"rounded-lg shadow w-full h-auto max-h-60 object-cover\"\n \/>\n <\/div>\n <\/div>\n<\/section>\n\n<section\n class=\"relative overflow-hidden mt-10 w-screen left-1\/2 -translate-x-1\/2 py-24 px-5\"\n>\n <div class=\"max-w-[1200px] mx-auto flex flex-col lg:flex-row items-center gap-16\">\n \n <div class=\"flex-1 w-full\">\n <div class=\"text-center mb-16 relative max-w-lg mx-auto lg:mx-0\">\n<h2\n class=\"text-xl md:text-2xl font-extrabold inline-block mb-4 px-2 py-1 bg-blue-600 text-white shadow-md after:content-[''] after:absolute after:w-20 after:h-1 after:left-1\/2 after:-translate-x-1\/2 after:-bottom-4 after:opacity-90 after:block after:animate-gradient-slide after:bg-gradient-to-r after:from-orange-600 after:via-orange-400 after:to-orange-600 animate-bounce-subtle hover:scale-105 transition-transform duration-500\"\n>\n Nos Solutions Expertes\n<\/h2>\n\n\n\n\n\n <p class=\"text-lg text-gray-600 mt-4\">\n Chez Proface, nous sommes convaincus que chaque projet est unique et m\u00e9rite une approche personnalis\u00e9e.\nNous offrons un accompagnement strat\u00e9gique, humain, et r\u00e9solument orient\u00e9 vers l\u2019atteinte de r\u00e9sultats concrets.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row justify-between gap-10\">\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300 relative\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 1\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Diagnostic<\/h3>\n <p class=\"text-gray-700\">\n Analyse approfondie de votre situation et de vos besoins sp\u00e9cifiques.\n <\/p>\n \n <div\n class=\"hidden sm:block absolute top-1\/2 right-[-30px] w-12 h-12 bg-gradient-to-r from-orange-400 to-yellow-400 rounded-full shadow-lg transform translate-y-[-50%]\"\n style=\"clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 75%, 50% 50%, 0 25%);\"\n >\n <svg\n class=\"w-full h-full text-white\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n viewbox=\"0 0 24 24\"\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300 relative\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 2\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Conception<\/h3>\n <p class=\"text-gray-700\">\n D\u00e9veloppement d’une solution personnalis\u00e9e adapt\u00e9e \u00e0 vos objectifs.\n <\/p>\n \n <div\n class=\"hidden sm:block absolute top-1\/2 right-[-30px] w-12 h-12 bg-gradient-to-r from-orange-400 to-yellow-400 rounded-full shadow-lg transform translate-y-[-50%]\"\n style=\"clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 75%, 50% 50%, 0 25%);\"\n >\n <svg\n class=\"w-full h-full text-white\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n viewbox=\"0 0 24 24\"\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div\n class=\"flex flex-col items-center text-center p-8 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300\"\n style=\"min-width: 250px;\"\n >\n <div\n class=\"flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400 text-white font-bold text-xl mb-6 shadow-md\"\n >\n 3\n <\/div>\n <h3 class=\"text-xl font-semibold text-orange-600 mb-3\">Mise en \u0153uvre<\/h3>\n <p class=\"text-gray-700\">\n Ex\u00e9cution rigoureuse et suivi continu pour garantir la r\u00e9ussite et la p\u00e9rennit\u00e9 de la solution propos\u00e9e.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 hidden lg:block\">\n <img decoding=\"async\"\n src=\"https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=800&q=80\"\n alt=\"Processus de travail\"\n class=\"rounded-xl shadow-lg max-w-full\"\n loading=\"lazy\"\n \/>\n <\/div>\n <\/div>\n\n \n\n\n\n\n\n\n\n<\/section>\n\n<script>\n function toggleDetails(button) {\n const card = button.closest('div.flex.flex-col');\n if (!card) return;\n\n \/\/ on s\u00e9lectionne la div qui contient les d\u00e9tails (visible ou non)\n const details = card.querySelector('div.mt-6.text-gray-700');\n if (!details) return;\n\n const isHidden = details.classList.contains('hidden');\n\n if (isHidden) {\n details.classList.remove('hidden');\n button.querySelector('span.btn-text').textContent = 'Afficher moins';\n } else {\n details.classList.add('hidden');\n button.querySelector('span.btn-text').textContent = 'En savoir plus';\n }\n }\n<\/script>\n\n\n  <script> document.addEventListener('DOMContentLoaded', () => { lucide.createIcons(); }); <\/script> <\/body>\n\n<style>\n @keyframes scroll-bg {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .animate-scroll-bg {\n animation: scroll-bg 40s linear infinite;\n }\n<\/style>\n\n\n \n <script>\n function toggleDetails(button) {\n const card = button.closest('div.flex.flex-col');\n if (!card) return;\n const details = card.querySelector('div.mt-6.text-gray-700');\n if (!details) return;\n const isHidden = details.classList.contains('hidden');\n if (isHidden) {\n details.classList.remove('hidden');\n button.querySelector('span.btn-text').textContent = 'Afficher moins';\n } else {\n details.classList.add('hidden');\n button.querySelector('span.btn-text').textContent = 'En savoir plus';\n }\n }\n <\/script>\n\n \n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n lucide.createIcons();\n });\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… <a href=\"https:\/\/www.proface.askonsult.com\/en\/services\/\" rel=\"bookmark\">Read More \"<span class=\"screen-reader-text\"><\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2083","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- INVEST<\/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:\/\/www.proface.askonsult.com\/en\/services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- INVEST\" \/>\n<meta property=\"og:description\" content=\"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.proface.askonsult.com\/en\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"INVEST\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-17T19:26:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\",\"name\":\"- INVEST\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\",\"datePublished\":\"2025-07-09T15:12:58+00:00\",\"dateModified\":\"2025-08-17T19:26:18+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\",\"contentUrl\":\"https:\\\/\\\/i.pinimg.com\\\/736x\\\/dc\\\/6f\\\/62\\\/dc6f626eed0546beb9c3a99efc48e635.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"name\":\"INVEST\",\"description\":\"PROFACE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.proface.askonsult.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\",\"name\":\"INVEST\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"contentUrl\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"width\":700,\"height\":700,\"caption\":\"INVEST\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- INVEST","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:\/\/www.proface.askonsult.com\/en\/services\/","og_locale":"en_US","og_type":"article","og_title":"- INVEST","og_description":"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »","og_url":"https:\/\/www.proface.askonsult.com\/en\/services\/","og_site_name":"INVEST","article_modified_time":"2025-08-17T19:26:18+00:00","og_image":[{"url":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.proface.askonsult.com\/services\/","url":"https:\/\/www.proface.askonsult.com\/services\/","name":"- INVEST","isPartOf":{"@id":"https:\/\/www.proface.askonsult.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage"},"thumbnailUrl":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","datePublished":"2025-07-09T15:12:58+00:00","dateModified":"2025-08-17T19:26:18+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.proface.askonsult.com\/services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/services\/#primaryimage","url":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg","contentUrl":"https:\/\/i.pinimg.com\/736x\/dc\/6f\/62\/dc6f626eed0546beb9c3a99efc48e635.jpg"},{"@type":"WebSite","@id":"https:\/\/www.proface.askonsult.com\/#website","url":"https:\/\/www.proface.askonsult.com\/","name":"INVEST","description":"PROFACE","publisher":{"@id":"https:\/\/www.proface.askonsult.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.proface.askonsult.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.proface.askonsult.com\/#organization","name":"INVEST","url":"https:\/\/www.proface.askonsult.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","contentUrl":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","width":700,"height":700,"caption":"INVEST"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"neve-blog":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.proface.askonsult.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Expert Conseil – Services Nos Services Professionnels Offres de services num\u00e9riques aux investisseurs. D\u00e9couvrir nos services Nos Solutions Expertes D\u00e9couvrez notre gamme compl\u00e8te de services con\u00e7us pour r\u00e9pondre \u00e0 vos… Read More »","_links":{"self":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/comments?post=2083"}],"version-history":[{"count":210,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083\/revisions"}],"predecessor-version":[{"id":3831,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/2083\/revisions\/3831"}],"wp:attachment":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/media?parent=2083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}