BELKAID FINANCE \u2014 Assistant Cr\u00e9dit IA<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n app: {\r\n blue: '#0066FF',\r\n darkBlue: '#0041A3',\r\n lightBg: '#F2F6FF',\r\n cardBg: '#FFFFFF',\r\n textDark: '#1C1C1E',\r\n textGray: '#8E8E93'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n html, body {\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n typebot-standard {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none !important;\r\n }\r\n\r\n \/* Masquage CSS du branding Typebot *\/\r\n typebot-standard::part(button),\r\n typebot-standard::part(badge),\r\n [class*=\"typebot-badge\"],\r\n a[href*=\"typebot.io\"] {\r\n display: none !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n \/* Bouton de fermeture Typebot en bleu *\/\r\n typebot-standard::part(close-button) {\r\n border-color: #0066FF !important;\r\n color: #0066FF !important;\r\n background-color: #F2F6FF !important;\r\n }\r\n\r\n \/* Masquage de la barre de d\u00e9filement *\/\r\n .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 h-full overflow-hidden\">\r\n\r\n \r\n <div class=\"w-full max-w-lg mx-auto h-full flex flex-col bg-white shadow-sm relative\">\r\n \r\n \r\n <header class=\"px-5 py-4 flex items-center justify-between border-b border-gray-100 bg-white z-50 shrink-0\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-11 h-11 bg-gradient-to-tr from-app-darkBlue to-app-blue rounded-xl flex items-center justify-center shadow-md border border-white\/20 text-white font-black text-lg tracking-wider\">\r\n BF\r\n <\/div>\r\n <div>\r\n <h1 class=\"font-bold text-base text-app-textDark tracking-tight leading-none\">BELKAID FINANCE<\/h1>\r\n <span class=\"text-[11px] text-app-blue font-medium\">Assistant Cr\u00e9dit IA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"header-shield\" class=\"w-9 h-9 rounded-full bg-app-lightBg flex items-center justify-center text-app-blue text-xs font-bold\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n\r\n \r\n <button id=\"btn-close-chat\" class=\"hidden w-9 h-9 rounded-full bg-blue-50 hover:bg-blue-100 active:bg-blue-200 text-app-blue border border-blue-200 flex items-center justify-center text-sm font-bold transition\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <\/header>\r\n\r\n \r\n <div class=\"flex-1 relative w-full h-full overflow-hidden\">\r\n \r\n \r\n <main id=\"landing-content\" class=\"h-full overflow-y-auto px-5 pt-6 pb-24 space-y-6 bg-gradient-to-b from-white via-app-lightBg\/50 to-app-lightBg\">\r\n \r\n \r\n <div class=\"space-y-3 text-center pt-2\">\r\n <span class=\"inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-blue-50 text-app-blue text-xs font-semibold border border-blue-100\">\r\n <i class=\"fa-solid fa-sparkles text-[10px]\"><\/i> Sp\u00e9cial Fonctionnaires Maroc\r\n <\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-extrabold text-app-textDark leading-tight\">\r\n Regroupez vos pr\u00eats, <br><span class=\"text-app-blue\">All\u00e9gez vos mensualit\u00e9s.<\/span>\r\n <\/h2>\r\n <p class=\"text-xs sm:text-sm text-app-textGray max-w-xs mx-auto\">\r\n R\u00e9duisez votre charge mensuelle jusqu'\u00e0 -50% avec notre assistant intelligent.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-5 shadow-lg shadow-blue-900\/5 border border-gray-100 space-y-4 text-center\">\r\n \r\n \r\n <button id=\"btn-simulation-cta\" class=\"w-auto max-w-xs mx-auto bg-app-blue hover:bg-app-darkBlue active:scale-[0.98] text-white font-extrabold py-3.5 px-8 rounded-2xl border border-app-blue shadow-lg shadow-blue-500\/25 transition-all flex items-center justify-center gap-2.5 text-sm tracking-wide uppercase\">\r\n <i class=\"fa-solid fa-comments text-base\"><\/i>\r\n SIMULATION IA\r\n <\/button>\r\n\r\n \r\n <div class=\"space-y-2 text-center\">\r\n <span class=\"text-[10px] font-bold text-app-textGray uppercase tracking-wider block px-1\">Sujets fr\u00e9quents :<\/span>\r\n <div class=\"flex flex-wrap justify-center gap-2 text-xs\">\r\n <button type=\"button\" data-prompt=\"Je souhaite des informations sur le rachat de cr\u00e9dit\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udd04 Rachat de cr\u00e9dit\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Quelles sont les offres pour un cr\u00e9dit immobilier ?\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83c\udfe0 Cr\u00e9dit immobilier\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Je souhaite regrouper mes cr\u00e9dits \u00e0 la consommation\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udcb3 Cr\u00e9dit consommation\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Quelles sont les conditions d'\u00e9ligibilit\u00e9 ?\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udcd1 \u00c9ligibilit\u00e9\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-blue-50\/80 border border-blue-100 rounded-2xl p-4 max-w-sm mx-auto text-center space-y-1\">\r\n <p class=\"text-xs font-semibold text-app-darkBlue flex items-center justify-center gap-1.5\">\r\n <i class=\"fa-solid fa-comment-dots text-app-blue\"><\/i> Dialogue instantan\u00e9 avec l'IA\r\n <\/p>\r\n <p class=\"text-[11px] text-slate-600 leading-relaxed\">\r\n Posez vos questions en toute libert\u00e9. Notre assistant analyse votre profil en temps r\u00e9el et calcule vos \u00e9conomies en moins de 2 minutes.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-5 shadow-lg shadow-blue-900\/5 border border-gray-100 space-y-4\">\r\n <div class=\"flex justify-between items-center pb-3 border-b border-gray-100\">\r\n <span class=\"text-xs font-bold text-app-textDark\">Exemple de regroupement<\/span>\r\n <span class=\"text-[10px] sm:text-xs bg-emerald-50 text-emerald-600 font-bold px-2.5 py-0.5 rounded-full border border-emerald-100\">\r\n Gain : +2 385 DH\/mois\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-3\">\r\n <div class=\"bg-red-50\/70 p-4 rounded-2xl border border-red-100\/60 text-center\">\r\n <span class=\"text-[10px] font-bold text-red-500 uppercase tracking-wide\">Situation Actuelle<\/span>\r\n <p class=\"text-xl sm:text-2xl font-extrabold text-red-600 mt-1\">6 500 DH<\/p>\r\n <span class=\"text-[10px] text-red-400 block mt-0.5\">Multiples cr\u00e9dits<\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-blue-50 p-4 rounded-2xl border border-blue-100 text-center\">\r\n <span class=\"text-[10px] font-bold text-app-blue uppercase tracking-wide\">Avec BELKAID<\/span>\r\n <p class=\"text-xl sm:text-2xl font-extrabold text-app-blue mt-1\">4 114 DH<\/p>\r\n <span class=\"text-[10px] text-blue-500 block mt-0.5\">1 mensualit\u00e9 fixe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <h3 class=\"text-xs font-bold text-app-textGray uppercase tracking-wider px-1\">Pourquoi utiliser l'assistant IA ?<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 gap-2.5\">\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">R\u00e9ponse imm\u00e9diate<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">R\u00e9sultat et accord de principe g\u00e9n\u00e9r\u00e9s en 2 minutes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-lock\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">100% Confidentiel<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">Vos donn\u00e9es sont s\u00e9curis\u00e9es et crypt\u00e9es \u00e0 tout moment.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-sliders\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">Analyse personnalis\u00e9e<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">Simulations adapt\u00e9es \u00e0 la grille tarifaire des fonctionnaires.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <div id=\"chat-overlay\" class=\"hidden absolute inset-0 w-full h-full bg-white z-40\">\r\n <typebot-standard style=\"width: 100%; height: 100%;\"><\/typebot-standard>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"sticky-bar\" class=\"p-4 bg-white\/95 backdrop-blur-md border-t border-gray-100 z-40 flex items-center justify-between gap-3 shrink-0\">\r\n <div class=\"flex-1\">\r\n <p class=\"text-[10px] text-app-textGray uppercase font-bold\">Pr\u00eat \u00e0 d\u00e9marrer ?<\/p>\r\n <p class=\"text-xs font-bold text-app-textDark\">100% Gratuit & Sans engagement<\/p>\r\n <\/div>\r\n \r\n <button id=\"btn-simulate-sticky\" class=\"bg-app-blue hover:bg-app-darkBlue text-white font-bold py-2.5 px-5 rounded-xl shadow-md border border-app-blue text-xs transition flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n Simuler\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script type=\"module\">\r\n import Typebot from 'https:\/\/cdn.jsdelivr.net\/npm\/@typebot.io\/js@0.6\/dist\/web.js'\r\n\r\n const chatOverlay = document.getElementById('chat-overlay');\r\n const headerShield = document.getElementById('header-shield');\r\n const btnCloseChat = document.getElementById('btn-close-chat');\r\n const stickyBar = document.getElementById('sticky-bar');\r\n\r\n let isBotInitialized = false;\r\n\r\n const openChat = (initialUserQuestion = '') => {\r\n chatOverlay.classList.remove('hidden');\r\n stickyBar.classList.add('hidden');\r\n headerShield.classList.add('hidden');\r\n btnCloseChat.classList.remove('hidden');\r\n\r\n if (!isBotInitialized || initialUserQuestion) {\r\n Typebot.initStandard({\r\n typebot: \"basic-chat-gpt-jswubn7\",\r\n hiddenVariables: {\r\n userQuestion: initialUserQuestion,\r\n userQuery: initialUserQuestion\r\n }\r\n });\r\n isBotInitialized = true;\r\n }\r\n };\r\n\r\n const closeChat = () => {\r\n chatOverlay.classList.add('hidden');\r\n stickyBar.classList.remove('hidden');\r\n btnCloseChat.classList.add('hidden');\r\n headerShield.classList.remove('hidden');\r\n };\r\n\r\n \/\/ Boutons principaux d'ouverture\r\n document.getElementById('btn-simulation-cta')?.addEventListener('click', () => openChat());\r\n document.getElementById('btn-simulate-sticky')?.addEventListener('click', () => openChat());\r\n btnCloseChat?.addEventListener('click', closeChat);\r\n\r\n \/\/ Clic sur les boutons de mots-cl\u00e9s\r\n document.querySelectorAll('.quick-prompt').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const promptText = btn.getAttribute('data-prompt') || btn.innerText.trim();\r\n openChat(promptText);\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BELKAID FINANCE \u2014 Assistant Cr\u00e9dit IA BF BELKAID FINANCE Assistant Cr\u00e9dit IA Sp\u00e9cial Fonctionnaires Maroc Regroupez vos pr\u00eats, All\u00e9gez vos mensualit\u00e9s. R\u00e9duisez votre charge mensuelle jusqu’\u00e0 -50% avec notre assistant intelligent. SIMULATION IA Sujets fr\u00e9quents : \ud83d\udd04 Rachat de cr\u00e9dit \ud83c\udfe0 Cr\u00e9dit immobilier \ud83d\udcb3 Cr\u00e9dit consommation \ud83d\udcd1 \u00c9ligibilit\u00e9 Dialogue instantan\u00e9 avec l’IA Posez vos questions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":19,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":36,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/36"}],"wp:attachment":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BELKAID FINANCE \u2014 Assistant Cr\u00e9dit IA<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n app: {\r\n blue: '#0066FF',\r\n darkBlue: '#0041A3',\r\n lightBg: '#F2F6FF',\r\n cardBg: '#FFFFFF',\r\n textDark: '#1C1C1E',\r\n textGray: '#8E8E93'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n html, body {\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n typebot-standard {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none !important;\r\n }\r\n\r\n \/* Masquage CSS du branding Typebot *\/\r\n typebot-standard::part(button),\r\n typebot-standard::part(badge),\r\n [class*=\"typebot-badge\"],\r\n a[href*=\"typebot.io\"] {\r\n display: none !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n \/* Bouton de fermeture Typebot en bleu *\/\r\n typebot-standard::part(close-button) {\r\n border-color: #0066FF !important;\r\n color: #0066FF !important;\r\n background-color: #F2F6FF !important;\r\n }\r\n\r\n \/* Masquage de la barre de d\u00e9filement *\/\r\n .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 h-full overflow-hidden\">\r\n\r\n \r\n <div class=\"w-full max-w-lg mx-auto h-full flex flex-col bg-white shadow-sm relative\">\r\n \r\n \r\n <header class=\"px-5 py-4 flex items-center justify-between border-b border-gray-100 bg-white z-50 shrink-0\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-11 h-11 bg-gradient-to-tr from-app-darkBlue to-app-blue rounded-xl flex items-center justify-center shadow-md border border-white\/20 text-white font-black text-lg tracking-wider\">\r\n BF\r\n <\/div>\r\n <div>\r\n <h1 class=\"font-bold text-base text-app-textDark tracking-tight leading-none\">BELKAID FINANCE<\/h1>\r\n <span class=\"text-[11px] text-app-blue font-medium\">Assistant Cr\u00e9dit IA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"header-shield\" class=\"w-9 h-9 rounded-full bg-app-lightBg flex items-center justify-center text-app-blue text-xs font-bold\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n\r\n \r\n <button id=\"btn-close-chat\" class=\"hidden w-9 h-9 rounded-full bg-blue-50 hover:bg-blue-100 active:bg-blue-200 text-app-blue border border-blue-200 flex items-center justify-center text-sm font-bold transition\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <\/header>\r\n\r\n \r\n <div class=\"flex-1 relative w-full h-full overflow-hidden\">\r\n \r\n \r\n <main id=\"landing-content\" class=\"h-full overflow-y-auto px-5 pt-6 pb-24 space-y-6 bg-gradient-to-b from-white via-app-lightBg\/50 to-app-lightBg\">\r\n \r\n \r\n <div class=\"space-y-3 text-center pt-2\">\r\n <span class=\"inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-blue-50 text-app-blue text-xs font-semibold border border-blue-100\">\r\n <i class=\"fa-solid fa-sparkles text-[10px]\"><\/i> Sp\u00e9cial Fonctionnaires Maroc\r\n <\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-extrabold text-app-textDark leading-tight\">\r\n Regroupez vos pr\u00eats, <br><span class=\"text-app-blue\">All\u00e9gez vos mensualit\u00e9s.<\/span>\r\n <\/h2>\r\n <p class=\"text-xs sm:text-sm text-app-textGray max-w-xs mx-auto\">\r\n R\u00e9duisez votre charge mensuelle jusqu'\u00e0 -50% avec notre assistant intelligent.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-5 shadow-lg shadow-blue-900\/5 border border-gray-100 space-y-4 text-center\">\r\n \r\n \r\n <button id=\"btn-simulation-cta\" class=\"w-auto max-w-xs mx-auto bg-app-blue hover:bg-app-darkBlue active:scale-[0.98] text-white font-extrabold py-3.5 px-8 rounded-2xl border border-app-blue shadow-lg shadow-blue-500\/25 transition-all flex items-center justify-center gap-2.5 text-sm tracking-wide uppercase\">\r\n <i class=\"fa-solid fa-comments text-base\"><\/i>\r\n SIMULATION IA\r\n <\/button>\r\n\r\n \r\n <div class=\"space-y-2 text-center\">\r\n <span class=\"text-[10px] font-bold text-app-textGray uppercase tracking-wider block px-1\">Sujets fr\u00e9quents :<\/span>\r\n <div class=\"flex flex-wrap justify-center gap-2 text-xs\">\r\n <button type=\"button\" data-prompt=\"Je souhaite des informations sur le rachat de cr\u00e9dit\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udd04 Rachat de cr\u00e9dit\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Quelles sont les offres pour un cr\u00e9dit immobilier ?\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83c\udfe0 Cr\u00e9dit immobilier\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Je souhaite regrouper mes cr\u00e9dits \u00e0 la consommation\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udcb3 Cr\u00e9dit consommation\r\n <\/button>\r\n <button type=\"button\" data-prompt=\"Quelles sont les conditions d'\u00e9ligibilit\u00e9 ?\" class=\"quick-prompt bg-blue-50 hover:bg-blue-100 text-app-blue px-3 py-1.5 rounded-xl border border-blue-100 font-semibold transition text-[11px] flex items-center gap-1.5\">\r\n \ud83d\udcd1 \u00c9ligibilit\u00e9\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-blue-50\/80 border border-blue-100 rounded-2xl p-4 max-w-sm mx-auto text-center space-y-1\">\r\n <p class=\"text-xs font-semibold text-app-darkBlue flex items-center justify-center gap-1.5\">\r\n <i class=\"fa-solid fa-comment-dots text-app-blue\"><\/i> Dialogue instantan\u00e9 avec l'IA\r\n <\/p>\r\n <p class=\"text-[11px] text-slate-600 leading-relaxed\">\r\n Posez vos questions en toute libert\u00e9. Notre assistant analyse votre profil en temps r\u00e9el et calcule vos \u00e9conomies en moins de 2 minutes.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-5 shadow-lg shadow-blue-900\/5 border border-gray-100 space-y-4\">\r\n <div class=\"flex justify-between items-center pb-3 border-b border-gray-100\">\r\n <span class=\"text-xs font-bold text-app-textDark\">Exemple de regroupement<\/span>\r\n <span class=\"text-[10px] sm:text-xs bg-emerald-50 text-emerald-600 font-bold px-2.5 py-0.5 rounded-full border border-emerald-100\">\r\n Gain : +2 385 DH\/mois\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-3\">\r\n <div class=\"bg-red-50\/70 p-4 rounded-2xl border border-red-100\/60 text-center\">\r\n <span class=\"text-[10px] font-bold text-red-500 uppercase tracking-wide\">Situation Actuelle<\/span>\r\n <p class=\"text-xl sm:text-2xl font-extrabold text-red-600 mt-1\">6 500 DH<\/p>\r\n <span class=\"text-[10px] text-red-400 block mt-0.5\">Multiples cr\u00e9dits<\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-blue-50 p-4 rounded-2xl border border-blue-100 text-center\">\r\n <span class=\"text-[10px] font-bold text-app-blue uppercase tracking-wide\">Avec BELKAID<\/span>\r\n <p class=\"text-xl sm:text-2xl font-extrabold text-app-blue mt-1\">4 114 DH<\/p>\r\n <span class=\"text-[10px] text-blue-500 block mt-0.5\">1 mensualit\u00e9 fixe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <h3 class=\"text-xs font-bold text-app-textGray uppercase tracking-wider px-1\">Pourquoi utiliser l'assistant IA ?<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 gap-2.5\">\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">R\u00e9ponse imm\u00e9diate<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">R\u00e9sultat et accord de principe g\u00e9n\u00e9r\u00e9s en 2 minutes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-lock\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">100% Confidentiel<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">Vos donn\u00e9es sont s\u00e9curis\u00e9es et crypt\u00e9es \u00e0 tout moment.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-3.5 rounded-2xl border border-gray-100 flex items-center gap-3.5 shadow-sm\">\r\n <div class=\"w-10 h-10 rounded-xl bg-blue-50 text-app-blue flex items-center justify-center shrink-0 text-base\">\r\n <i class=\"fa-solid fa-sliders\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs sm:text-sm font-bold text-app-textDark\">Analyse personnalis\u00e9e<\/h4>\r\n <p class=\"text-[11px] text-app-textGray\">Simulations adapt\u00e9es \u00e0 la grille tarifaire des fonctionnaires.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <div id=\"chat-overlay\" class=\"hidden absolute inset-0 w-full h-full bg-white z-40\">\r\n <typebot-standard style=\"width: 100%; height: 100%;\"><\/typebot-standard>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"sticky-bar\" class=\"p-4 bg-white\/95 backdrop-blur-md border-t border-gray-100 z-40 flex items-center justify-between gap-3 shrink-0\">\r\n <div class=\"flex-1\">\r\n <p class=\"text-[10px] text-app-textGray uppercase font-bold\">Pr\u00eat \u00e0 d\u00e9marrer ?<\/p>\r\n <p class=\"text-xs font-bold text-app-textDark\">100% Gratuit & Sans engagement<\/p>\r\n <\/div>\r\n \r\n <button id=\"btn-simulate-sticky\" class=\"bg-app-blue hover:bg-app-darkBlue text-white font-bold py-2.5 px-5 rounded-xl shadow-md border border-app-blue text-xs transition flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n Simuler\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script type=\"module\">\r\n import Typebot from 'https:\/\/cdn.jsdelivr.net\/npm\/@typebot.io\/js@0.6\/dist\/web.js'\r\n\r\n const chatOverlay = document.getElementById('chat-overlay');\r\n const headerShield = document.getElementById('header-shield');\r\n const btnCloseChat = document.getElementById('btn-close-chat');\r\n const stickyBar = document.getElementById('sticky-bar');\r\n\r\n let isBotInitialized = false;\r\n\r\n const openChat = (initialUserQuestion = '') => {\r\n chatOverlay.classList.remove('hidden');\r\n stickyBar.classList.add('hidden');\r\n headerShield.classList.add('hidden');\r\n btnCloseChat.classList.remove('hidden');\r\n\r\n if (!isBotInitialized || initialUserQuestion) {\r\n Typebot.initStandard({\r\n typebot: \"basic-chat-gpt-jswubn7\",\r\n hiddenVariables: {\r\n userQuestion: initialUserQuestion,\r\n userQuery: initialUserQuestion\r\n }\r\n });\r\n isBotInitialized = true;\r\n }\r\n };\r\n\r\n const closeChat = () => {\r\n chatOverlay.classList.add('hidden');\r\n stickyBar.classList.remove('hidden');\r\n btnCloseChat.classList.add('hidden');\r\n headerShield.classList.remove('hidden');\r\n };\r\n\r\n \/\/ Boutons principaux d'ouverture\r\n document.getElementById('btn-simulation-cta')?.addEventListener('click', () => openChat());\r\n document.getElementById('btn-simulate-sticky')?.addEventListener('click', () => openChat());\r\n btnCloseChat?.addEventListener('click', closeChat);\r\n\r\n \/\/ Clic sur les boutons de mots-cl\u00e9s\r\n document.querySelectorAll('.quick-prompt').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const promptText = btn.getAttribute('data-prompt') || btn.innerText.trim();\r\n openChat(promptText);\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BELKAID FINANCE \u2014 Assistant Cr\u00e9dit IA BF BELKAID FINANCE Assistant Cr\u00e9dit IA Sp\u00e9cial Fonctionnaires Maroc Regroupez vos pr\u00eats, All\u00e9gez vos mensualit\u00e9s. R\u00e9duisez votre charge mensuelle jusqu’\u00e0 -50% avec notre assistant intelligent. SIMULATION IA Sujets fr\u00e9quents : \ud83d\udd04 Rachat de cr\u00e9dit \ud83c\udfe0 Cr\u00e9dit immobilier \ud83d\udcb3 Cr\u00e9dit consommation \ud83d\udcd1 \u00c9ligibilit\u00e9 Dialogue instantan\u00e9 avec l’IA Posez vos questions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":19,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":36,"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/36"}],"wp:attachment":[{"href":"http:\/\/belkaidfinance.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}