{"id":19,"date":"2026-03-03T20:26:05","date_gmt":"2026-03-03T20:26:05","guid":{"rendered":"https:\/\/volkano.pro\/?page_id=19"},"modified":"2026-09-09T07:41:43","modified_gmt":"2026-09-09T07:41:43","slug":"accueil","status":"publish","type":"page","link":"https:\/\/volkano.pro\/en\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-857cc02 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"857cc02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-260ed93 elementor-widget elementor-widget-html\" data-id=\"260ed93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"loader\" style=\"translate: none; rotate: none; scale: none; transform: translate(0%, -100%);\">\r\n        <h2 class=\"text-4xl font-black tracking-tighter text-white\">VOLKANO<span class=\"text-volkano-primary\">.<\/span><\/h2>\r\n        <div class=\"loader-bar\"><div class=\"loader-progress\"><\/div><\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c6a892 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5c6a892\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-82413b8 e-con-full hero-blur e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"82413b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83ec458 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"83ec458\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf60bc elementor-widget elementor-widget-heading\" data-id=\"caf60bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Agence Digitale pour PME &amp; Ind\u00e9pendants<\/span>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e17d2e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"8e17d2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3175797 e-con-full hero-blur2 e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3175797\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23a7242 elementor-widget elementor-widget-heading\" data-id=\"23a7242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">forgez<br>\nVotre<br>\n<span style=\"color: #ff3c00\">Futur<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5bff9e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f5bff9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Fusionnez puissance technologique et impact visuel.<br \/><span style=\"color: white; font-weight: bold;\">Automatisez l&rsquo;ordinaire pour vous concentrer sur l&rsquo;extraordinaire.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62be262 elementor-widget elementor-widget-html\" data-id=\"62be262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<button onclick=\"document.getElementById('transformation').scrollIntoView({behavior: 'smooth'})\" class=\"hover-trigger bg-white text-black font-black py-4 px-8 rounded-full uppercase tracking-widest hover:bg-volkano-primary hover:text-white transition-all duration-300\" data-i18n=\"hero_btn\">\r\n                        Voir la diff\u00e9rence\r\n                    <\/button>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c244820 e-con-full scroll-down e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c244820\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dffd66 elementor-widget elementor-widget-html\" data-id=\"1dffd66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"scroll-down\"><div class=\"mouse\"><div class=\"wheel\"><\/div><\/div><span class=\"text-[10px] uppercase tracking-widest mt-2 text-gray-500\" data-i18n=\"scroll_text\">Explorer<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1f4c1e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e1f4c1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8710217 elementor-widget elementor-widget-html\" data-id=\"8710217\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cursor-dot\"><\/div>\n<div class=\"cursor-outline\"><\/div>\n<script>\n(function(){\n  var dot = document.querySelector('.cursor-dot');\n  var outline = document.querySelector('.cursor-outline');\n  if (!dot || !outline) return;\n  var mouseX = 0, mouseY = 0, outlineX = 0, outlineY = 0, started = false;\n  document.addEventListener('mousemove', function(e){\n    mouseX = e.clientX;\n    mouseY = e.clientY;\n    dot.style.left = mouseX + 'px';\n    dot.style.top = mouseY + 'px';\n    if (!started) { outlineX = mouseX; outlineY = mouseY; started = true; }\n  });\n  function animateOutline(){\n    outlineX += (mouseX - outlineX) * 0.15;\n    outlineY += (mouseY - outlineY) * 0.15;\n    outline.style.left = outlineX + 'px';\n    outline.style.top = outlineY + 'px';\n    requestAnimationFrame(animateOutline);\n  }\n  animateOutline();\n  function bindHoverTriggers(){\n    document.querySelectorAll('.hover-trigger').forEach(function(el){\n      if (el.dataset.cursorBound) return;\n      el.dataset.cursorBound = '1';\n      el.addEventListener('mouseenter', function(){ document.body.classList.add('hovering'); });\n      el.addEventListener('mouseleave', function(){ document.body.classList.remove('hovering'); });\n    });\n  }\n  bindHoverTriggers();\n  setInterval(bindHoverTriggers, 2000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ab5c6 elementor-widget elementor-widget-html\" data-id=\"b3ab5c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* On dit \u00e0 l'ardoise de prendre tout l'\u00e9cran et de rester derri\u00e8re tout le reste *\/\n  #lava-canvas {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: -1; \/* -1 veut dire \"tout au fond\" *\/\n    background-color: #050505; \/* Fond noir profond *\/\n    pointer-events: none;\n  }\n<\/style>\n<canvas width=\"1333\" height=\"784\" id=\"lava-canvas\"><\/canvas>\n<script>\n  const canvas = document.getElementById('lava-canvas');\n  const ctx = canvas.getContext('2d');\n  let particles = [];\n\n  function resize() {\n    canvas.width = window.innerWidth;\n    canvas.height = window.innerHeight;\n  }\n  window.addEventListener('resize', resize);\n  resize();\n\n  class Particle {\n    constructor() {\n      this.reset();\n    }\n    reset() {\n      this.x = Math.random() * canvas.width;\n      this.y = canvas.height + Math.random() * 100;\n      this.vx = (Math.random() - 0.5) * 0.5;\n      this.vy = Math.random() * -1.5 - 0.5;\n      this.size = Math.random() * 2 + 1;\n    }\n    update() {\n      this.x += this.vx;\n      this.y += this.vy;\n      if (this.y < -10) this.reset();\n    }\n    draw() {\n      ctx.fillStyle = '#ff3c00'; \/\/ TA COULEUR ORANGE\n      ctx.beginPath();\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n      ctx.fill();\n    }\n  }\n\n  for (let i = 0; i < 50; i++) particles.push(new Particle());\n\n  function animate() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    particles.forEach(p => {\n      p.update();\n      p.draw();\n    });\n    requestAnimationFrame(animate);\n  }\n  animate();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7fc651 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c7fc651\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b50fc60 e-con-full solution e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"b50fc60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c1cd860 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c1cd860\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2723307 elementor-widget elementor-widget-heading\" data-id=\"2723307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SOLUTIONS CL\u00c9S EN MAIN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef94919 elementor-widget elementor-widget-heading\" data-id=\"ef94919\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Des outils simples et puissants pour votre entreprise, con\u00e7us par une agence digitale Madagascar.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3be0fba e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3be0fba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-eb3f92c e-con-full glass-card e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"eb3f92c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-723b667 solution-icon-wrapper e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"723b667\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fec3dc elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"8fec3dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-share-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2cd8d elementor-widget elementor-widget-heading\" data-id=\"4e2cd8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pilote Auto R\u00e9seaux<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a49b1 elementor-widget elementor-widget-text-editor\" data-id=\"a9a49b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tD\u00e9posez vos photos dans Google Drive, notre IA \u00e9crit le texte et poste sur Facebook &amp; Instagram.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fec2502 e-con-full glass-card e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"fec2502\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9ce9583 solution-icon-wrapper e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"9ce9583\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d276f7 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"5d276f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bed\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 256c44.11 0 80-35.89 80-80s-35.89-80-80-80-80 35.89-80 80 35.89 80 80 80zm352-128H304c-8.84 0-16 7.16-16 16v144H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v352c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-48h512v48c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V240c0-61.86-50.14-112-112-112z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7a173 elementor-widget elementor-widget-heading\" data-id=\"dd7a173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">R\u00e9servations 24\/7<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af9d7fa elementor-widget elementor-widget-text-editor\" data-id=\"af9d7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Vos clients r\u00e9servent en ligne, le planning se met \u00e0 jour, confirmation par email auto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d8908 e-con-full glass-card e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a3d8908\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-643e670 solution-icon-wrapper e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"643e670\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0460f88 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"0460f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mail-bulk\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9e2656 elementor-widget elementor-widget-heading\" data-id=\"e9e2656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Emails Intelligents<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87a5a93 elementor-widget elementor-widget-text-editor\" data-id=\"87a5a93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTri automatique des demandes, r\u00e9ponses pr\u00e9-r\u00e9dig\u00e9es, relance des devis.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7eabef e-con-full glass-card e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e7eabef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-86a22f3 solution-icon-wrapper e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"86a22f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b05bf elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b3b05bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-slideshare\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M187.7 153.7c-34 0-61.7 25.7-61.7 57.7 0 31.7 27.7 57.7 61.7 57.7s61.7-26 61.7-57.7c0-32-27.7-57.7-61.7-57.7zm143.4 0c-34 0-61.7 25.7-61.7 57.7 0 31.7 27.7 57.7 61.7 57.7 34.3 0 61.7-26 61.7-57.7.1-32-27.4-57.7-61.7-57.7zm156.6 90l-6 4.3V49.7c0-27.4-20.6-49.7-46-49.7H76.6c-25.4 0-46 22.3-46 49.7V248c-2-1.4-4.3-2.9-6.3-4.3-15.1-10.6-25.1 4-16 17.7 18.3 22.6 53.1 50.3 106.3 72C58.3 525.1 252 555.7 248.9 457.5c0-.7.3-56.6.3-96.6 5.1 1.1 9.4 2.3 13.7 3.1 0 39.7.3 92.8.3 93.5-3.1 98.3 190.6 67.7 134.3-124 53.1-21.7 88-49.4 106.3-72 9.1-13.8-.9-28.3-16.1-17.8zm-30.5 19.2c-68.9 37.4-128.3 31.1-160.6 29.7-23.7-.9-32.6 9.1-33.7 24.9-10.3-7.7-18.6-15.5-20.3-17.1-5.1-5.4-13.7-8-27.1-7.7-31.7 1.1-89.7 7.4-157.4-28V72.3c0-34.9 8.9-45.7 40.6-45.7h317.7c30.3 0 40.9 12.9 40.9 45.7v190.6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da715f5 elementor-widget elementor-widget-heading\" data-id=\"da715f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Branding &amp; Web<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9531135 elementor-widget elementor-widget-text-editor\" data-id=\"9531135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Refonte rapide de votre site vitrine et cr\u00e9ation de contenus professionnels<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36d2666 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"36d2666\" data-element_type=\"container\" data-e-type=\"container\" id=\"transformation\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-87ae38a e-con-full transformation e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"87ae38a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6309bac e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"6309bac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1c873 elementor-widget elementor-widget-heading\" data-id=\"ee1c873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Transformation visuelle<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54cb560 elementor-widget elementor-widget-heading\" data-id=\"54cb560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L'effet Volkano<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6d363 elementor-widget elementor-widget-heading\" data-id=\"7e6d363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Votre site actuel (Standard) vs Votre futur site (Immersif). Lequel convertit le mieux ?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fb27d1 e-con-full comparaison-wrapper e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1fb27d1\" data-element_type=\"container\" data-e-type=\"container\" id=\"slider-container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-647967b elementor-widget elementor-widget-wpr-before-after\" data-id=\"647967b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-before-after.default\">\n\t\t\t\t\t<div class=\"wpr-ba-image-container wpr-ba-horizontal wpr-ba-labels-default\" data-position=\"50\" data-trigger=\"drag\"><div class=\"wpr-ba-image-1\"><img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/03\/Site-standard.png\" alt=\"\"><\/div><div class=\"wpr-ba-image-2\"><img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/03\/Site-standard-new.png\" alt=\"\"><\/div><div class=\"wpr-ba-divider\"><div class=\"wpr-ba-divider-icons\"><i class=\"fa fa-caret-left\"><\/i><i class=\"fa fa-caret-right\"><\/i><\/div><\/div><div class=\"wpr-ba-label wpr-ba-label-1\"><div>Avant<\/div><\/div><div class=\"wpr-ba-label wpr-ba-label-2\"><div>Apr\u00e8s<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f64f93 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2f64f93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f3b09c3 e-con-full demo e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"f3b09c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d16f045 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"d16f045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64770e7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"64770e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<style>\r\n  #ds-payload {\r\n    transition: left 1000ms ease-in-out, transform 1000ms ease-in-out, opacity 500ms;\r\n  }\r\n  .ds-social-card {\r\n    transition: all 600ms cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n  \/* Emp\u00eache le blocage du scroll vertical sur mobile *\/\r\n  #drive-socials-widget { touch-action: pan-y !important; }\r\n<\/style>\r\n\r\n<div id=\"drive-socials-widget\" class=\"bg-[#0b0f19] p-4 md:p-8 font-sans text-white w-full rounded-2xl min-h-0 md:min-h-[600px] flex items-center overflow-hidden\">\r\n  <div class=\"max-w-7xl mx-auto w-full grid lg:grid-cols-[300px_1fr] gap-8 items-center\">\r\n    \r\n    <div class=\"space-y-6\">\r\n      <div>\r\n        <span class=\"inline-block px-3 py-1 bg-emerald-500\/10 text-emerald-400 text-[10px] font-bold tracking-wider uppercase rounded-full mb-4 border border-emerald-500\/20\">Gain du temps<\/span>\r\n        <h2 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">Du Drive aux <br\/><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-emerald-400\">R\u00e9seaux<\/span><\/h2>\r\n        <p class=\"text-gray-400 text-sm md:text-base\">Mettez vos photos dans un dossier, l'IA s'occupe du reste : r\u00e9daction et publication.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"space-y-4 relative\">\r\n        <div class=\"absolute left-[15px] top-4 bottom-4 w-px bg-gray-800 z-0\"><\/div>\r\n        <div class=\"flex items-center gap-4 relative z-10\">\r\n          <div id=\"ds-step-1-icon\" class=\"w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-all bg-gray-800 text-gray-400 border border-gray-700\">1<\/div>\r\n          <span id=\"ds-step-1-text\" class=\"text-sm transition-colors text-gray-500 font-medium\">D\u00e9p\u00f4t sur Drive<\/span>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-4 relative z-10\">\r\n          <div id=\"ds-step-2-icon\" class=\"w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-all bg-gray-800 text-gray-400 border border-gray-700\">2<\/div>\r\n          <span id=\"ds-step-2-text\" class=\"text-sm transition-colors text-gray-500 font-medium\">R\u00e9daction IA<\/span>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-4 relative z-10\">\r\n          <div id=\"ds-step-3-icon\" class=\"w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-all bg-gray-800 text-gray-400 border border-gray-700\">3<\/div>\r\n          <span id=\"ds-step-3-text\" class=\"text-sm transition-colors text-gray-500 font-medium\">Post automatique<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative h-[400px] md:h-[550px] bg-slate-900\/40 rounded-3xl border border-slate-800 overflow-hidden p-6 flex items-center justify-between shadow-2xl\">\r\n      \r\n      <div class=\"absolute top-1\/2 left-10 right-10 h-px border-t border-dashed border-slate-700 -translate-y-1\/2 z-0\"><\/div>\r\n\r\n      <div class=\"relative z-10 flex flex-col items-center\">\r\n        <div id=\"ds-node-drive\" class=\"w-16 h-16 md:w-20 md:h-20 rounded-2xl flex items-center justify-center bg-slate-800 border-slate-700 border-2 transition-all\">\r\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/12\/Google_Drive_icon_%282020%29.svg\" class=\"w-8 h-8 md:w-10 md:h-10\" alt=\"Google Drive Official Logo\" \/>\r\n        <\/div>\r\n        <span class=\"text-[10px] text-slate-500 mt-2 font-bold uppercase tracking-widest\">Source<\/span>\r\n      <\/div>\r\n\r\n      <div id=\"ds-payload\" class=\"absolute top-1\/2 -translate-y-1\/2 z-40\" style=\"left: 10%; opacity: 0; transform: translate(-50%, -50%) scale(0.6);\">\r\n        <div class=\"relative p-1 bg-white rounded-lg shadow-2xl rotate-3 border border-slate-200\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1499793983690-e29da59ef1c2?q=80&w=200\" class=\"w-16 h-16 md:w-24 md:h-24 object-cover rounded-md\" alt=\"Votre Photo D\u00e9pos\u00e9e\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"relative z-20 flex flex-col items-center\">\r\n        <div id=\"ds-node-ai\" class=\"w-20 h-20 md:w-28 md:h-28 rounded-full flex items-center justify-center bg-slate-800 border-slate-700 border-2 transition-all relative\">\r\n          <i id=\"ds-icon-ai\" data-lucide=\"brain-circuit\" class=\"w-10 h-10 md:w-14 md:h-14 text-slate-500\"><\/i>\r\n          <div id=\"ds-ai-glow\" class=\"absolute inset-0 rounded-full bg-blue-500\/20 blur-xl opacity-0 transition-opacity\"><\/div>\r\n        <\/div>\r\n        <div id=\"ds-typing-bubble\" class=\"absolute top-[85%] w-40 md:w-56 bg-slate-800 border border-slate-700 p-3 rounded-xl shadow-2xl text-[10px] md:text-xs text-slate-300 opacity-0 scale-90 transition-all pointer-events-none\">\r\n          <p id=\"ds-typing-text\" class=\"italic\"><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"relative z-10 flex flex-col gap-4 w-40 md:w-64\">\r\n        \r\n        <div id=\"ds-card-fb\" class=\"ds-social-card bg-white rounded-xl shadow-xl overflow-hidden opacity-0 translate-x-10 scale-95 border border-gray-100\">\r\n          <div class=\"p-2 flex items-center justify-between border-b border-gray-100\">\r\n            <div class=\"flex items-center gap-2\">\r\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b8\/2021_Facebook_icon.svg\" class=\"w-6 h-6\" alt=\"Facebook Official Logo\" \/>\r\n              <div class=\"h-2 w-16 bg-gray-100 rounded\"><\/div>\r\n            <\/div>\r\n            <i data-lucide=\"more-horizontal\" class=\"w-3 h-3 text-gray-400\"><\/i>\r\n          <\/div>\r\n          <div class=\"p-2\">\r\n            <div class=\"w-full h-20 md:h-28 bg-gray-100 rounded-lg overflow-hidden relative\">\r\n               <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1499793983690-e29da59ef1c2?q=80&w=200\" class=\"w-full h-full object-cover opacity-0 transition-opacity duration-1000\" id=\"ds-img-fb\" alt=\"Photo finale Facebook\" \/>\r\n            <\/div>\r\n            <div class=\"mt-2 space-y-1\">\r\n              <div class=\"h-1.5 w-full bg-gray-100 rounded\"><\/div>\r\n              <div class=\"h-1.5 w-2\/3 bg-gray-100 rounded\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"ds-card-ig\" class=\"ds-social-card bg-white rounded-xl shadow-xl overflow-hidden opacity-0 translate-x-10 scale-95 border border-gray-100\">\r\n          <div class=\"p-2 flex items-center justify-between border-b border-gray-100\">\r\n            <div class=\"flex items-center gap-2\">\r\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e7\/Instagram_logo_2016.svg\" class=\"w-6 h-6\" alt=\"Instagram Official Logo\" \/>\r\n              <div class=\"h-2 w-12 bg-gray-100 rounded\"><\/div>\r\n            <\/div>\r\n            <i data-lucide=\"more-horizontal\" class=\"w-3 h-3 text-gray-400\"><\/i>\r\n          <\/div>\r\n          <div class=\"p-0\">\r\n             <div class=\"w-full h-24 md:h-32 bg-gray-100 overflow-hidden relative\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1499793983690-e29da59ef1c2?q=80&w=200\" class=\"w-full h-full object-cover opacity-0 transition-opacity duration-1000\" id=\"ds-img-ig\" alt=\"Photo finale Instagram\" \/>\r\n             <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initOptimizedVolkanoAnimation() {\r\n  if (typeof lucide !== 'undefined') lucide.createIcons();\r\n\r\n  const payload = document.getElementById('ds-payload');\r\n  const bubble = document.getElementById('ds-typing-bubble');\r\n  const textEl = document.getElementById('ds-typing-text');\r\n  const cardFb = document.getElementById('ds-card-fb');\r\n  const cardIg = document.getElementById('ds-card-ig');\r\n  const imgFb = document.getElementById('ds-img-fb');\r\n  const imgIg = document.getElementById('ds-img-ig');\r\n  const aiGlow = document.getElementById('ds-ai-glow');\r\n  const aiIcon = document.getElementById('ds-icon-ai');\r\n\r\n  const phrase = \"Analyse de l'image... R\u00e9daction des posts pour Facebook et Instagram. \u2728\";\r\n  let isVisible = false;\r\n  let isAnimating = false;\r\n\r\n  function setStep(n, active) {\r\n    const icon = document.getElementById(`ds-step-${n}-icon`);\r\n    const text = document.getElementById(`ds-step-${n}-text`);\r\n    if (active) {\r\n      icon.className = \"w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-all bg-emerald-500 text-white shadow-[0_0_15px_rgba(16,185,129,0.4)] scale-110\";\r\n      text.className = \"text-sm transition-colors text-white font-bold\";\r\n    } else {\r\n      icon.className = \"w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-all bg-gray-800 text-gray-400 border border-gray-700 scale-100\";\r\n      text.className = \"text-sm transition-colors text-gray-500 font-medium\";\r\n    }\r\n  }\r\n\r\n  function runLoop() {\r\n    if (!isVisible) { isAnimating = false; return; }\r\n    isAnimating = true;\r\n\r\n    \/\/ RESET COMPLET\r\n    payload.style.opacity = '0';\r\n    payload.style.left = '12%';\r\n    payload.style.transform = 'translate(-50%, -50%) scale(0.6)';\r\n    bubble.style.opacity = '0';\r\n    bubble.style.transform = 'scale(0.9) translateY(10px)';\r\n    textEl.innerText = \"\";\r\n    cardFb.style.opacity = '0'; cardFb.style.transform = 'translateX(20px) scale(0.95)';\r\n    cardIg.style.opacity = '0'; cardIg.style.transform = 'translateX(20px) scale(0.95)';\r\n    imgFb.style.opacity = '0'; imgIg.style.opacity = '0';\r\n    aiGlow.style.opacity = '0'; aiIcon.style.color = '#64748b';\r\n    setStep(1, false); setStep(2, false); setStep(3, false);\r\n\r\n    setTimeout(() => {\r\n      \/\/ 1. PHASE DRIVE\r\n      setStep(1, true);\r\n      payload.style.opacity = '1';\r\n      \r\n      setTimeout(() => {\r\n        \/\/ 2. VERS L'IA\r\n        setStep(2, true);\r\n        payload.style.left = '50%';\r\n        payload.style.transform = 'translate(-50%, -50%) scale(0.9)';\r\n        \r\n        setTimeout(() => {\r\n          \/\/ IA TRAVAILLE (Typing)\r\n          aiGlow.style.opacity = '1';\r\n          aiIcon.style.color = '#60a5fa';\r\n          bubble.style.opacity = '1';\r\n          bubble.style.transform = 'scale(1) translateY(0)';\r\n          \r\n          let i = 0;\r\n          let interval = setInterval(() => {\r\n            textEl.innerText = phrase.slice(0, i);\r\n            i++;\r\n            if (i > phrase.length) {\r\n              clearInterval(interval);\r\n              \r\n              setTimeout(() => {\r\n                \/\/ 3. VERS R\u00c9SEAUX SOCIAUX\r\n                setStep(3, true);\r\n                payload.style.left = '80%';\r\n                payload.style.opacity = '0'; \/\/ La photo \"voyageuse\" dispara\u00eet\r\n                \r\n                \/\/ Les cartes apparaissent\r\n                cardFb.style.opacity = '1'; cardFb.style.transform = 'translateX(0) scale(1)';\r\n                setTimeout(() => {\r\n                  cardIg.style.opacity = '1'; cardIg.style.transform = 'translateX(0) scale(1)';\r\n                  \/\/ Et la photo appara\u00eet \"dans\" les cartes\r\n                  imgFb.style.opacity = '1'; imgIg.style.opacity = '1';\r\n                  \r\n                  \/\/ Recommencer la boucle apr\u00e8s un long d\u00e9lai\r\n                  setTimeout(runLoop, 6000);\r\n                }, 400);\r\n              }, 1200);\r\n            }\r\n          }, 45); \/\/ Vitesse d'\u00e9criture\r\n        }, 1100);\r\n      }, 1200);\r\n    }, 500);\r\n  }\r\n\r\n  \/\/ Observateur pour ne lancer l'animation que quand elle est visible\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n      isVisible = e.isIntersecting;\r\n      if (isVisible && !isAnimating) runLoop();\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  observer.observe(document.getElementById('drive-socials-widget'));\r\n}\r\n\r\n\/\/ Lancement de l'initialisation\r\nsetTimeout(initOptimizedVolkanoAnimation, 500);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e52690e elementor-widget elementor-widget-html\" data-id=\"e52690e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  CHATBOT VOLKANO.PRO - VERSION D\u00c9MO COMMERCIALE (CERVEAU \u00c9TENDU)\r\n  \u00c0 coller dans un widget \"Code HTML\" Elementor\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\r\n<style>\r\n    @keyframes fadeInChat { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n    .anim-fade-in { animation: fadeInChat 0.3s ease-out forwards; }\r\n    \r\n    @keyframes typeDot { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }\r\n    .dot-type { animation: typeDot 1.4s infinite ease-in-out both; }\r\n    .dot-type:nth-child(1) { animation-delay: -0.32s; }\r\n    .dot-type:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n    .volkano-scrollbar::-webkit-scrollbar { width: 6px; }\r\n    .volkano-scrollbar::-webkit-scrollbar-track { background: #1a1c23; }\r\n    .volkano-scrollbar::-webkit-scrollbar-thumb { background: #3b4455; border-radius: 10px; }\r\n    \r\n    .vlk-dyn-btn { transition: all 0.3s ease; }\r\n    .vlk-dyn-btn.clicked { opacity: 0.5; pointer-events: none; transform: scale(0.98); border-color: #4b5563; color: #9ca3af; }\r\n<\/style>\r\n\r\n<!-- Bouton d'ouverture du Chatbot -->\r\n<button id=\"vlk-toggle-btn\" class=\"fixed bottom-6 right-6 bg-[#f04e30] text-white p-4 rounded-full shadow-[0_0_20px_rgba(240,78,48,0.5)] hover:scale-110 transition-transform duration-300 z-[999] flex items-center justify-center w-16 h-16 cursor-pointer border-none outline-none\">\r\n    <div class=\"relative\">\r\n        <i class=\"fas fa-comment-dots text-3xl mt-1\"><\/i>\r\n        <span class=\"absolute -top-1 -right-2 w-3.5 h-3.5 bg-green-500 border-2 border-[#f04e30] rounded-full\"><\/span>\r\n    <\/div>\r\n<\/button>\r\n \r\n<!-- Fen\u00eatre du Chatbot -->\r\n<div id=\"vlk-chat-window\" class=\"fixed bottom-24 right-4 sm:right-6 w-[calc(100%-2rem)] sm:w-[380px] bg-[#1a1c23] rounded-2xl shadow-2xl flex-col z-[999] overflow-hidden border border-gray-800 transition-opacity duration-300\" style=\"display: none; height: 600px; max-height: 80vh; opacity: 0;\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"bg-gradient-to-r from-[#f04e30] to-[#d93b1e] p-4 flex justify-between items-center text-white shadow-md\">\r\n        <div class=\"flex items-center gap-3\">\r\n            <div class=\"w-10 h-10 bg-white rounded-full flex items-center justify-center shadow-md\">\r\n                <i class=\"fas fa-robot text-[#f04e30] text-xl animate-bounce\" style=\"animation-duration: 2s;\"><\/i>\r\n            <\/div>\r\n            <div>\r\n                <h3 class=\"font-bold text-md leading-tight tracking-wide\">Expert IA Volkano<\/h3>\r\n                <p class=\"text-xs text-white\/90 flex items-center gap-1\">\r\n                    <span class=\"w-2 h-2 bg-green-400 rounded-full inline-block shadow-[0_0_5px_rgba(74,222,128,0.8)]\"><\/span> En ligne\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <button id=\"vlk-close-btn\" class=\"text-white\/80 hover:text-white hover:rotate-90 transition-all duration-300 bg-transparent border-none cursor-pointer\">\r\n            <i class=\"fas fa-times text-xl\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <!-- Zone des messages -->\r\n    <div id=\"vlk-chat-messages\" class=\"flex-1 p-4 overflow-y-auto flex flex-col gap-4 bg-[#1a1c23] volkano-scrollbar scroll-smooth\">\r\n        <!-- Messages inject\u00e9s ici -->\r\n    <\/div>\r\n\r\n    <!-- Zone de saisie -->\r\n    <div class=\"p-3 bg-[#1e212a] border-t border-gray-800\">\r\n        <form id=\"vlk-chat-form\" class=\"flex items-center gap-2 m-0\">\r\n            <input type=\"text\" id=\"vlk-chat-input\" placeholder=\"Testez mon intelligence...\" class=\"flex-1 bg-[#2a3241] border border-gray-700 text-white rounded-full px-4 py-2.5 text-sm focus:outline-none focus:border-[#f04e30] focus:ring-1 focus:ring-[#f04e30] transition-colors placeholder-gray-400 shadow-inner\" autocomplete=\"off\" required>\r\n            <button type=\"submit\" class=\"bg-[#f04e30] hover:bg-[#d93b1e] text-white rounded-full w-10 h-10 flex items-center justify-center transition-all hover:scale-105 shadow-md border-none cursor-pointer\">\r\n                <i class=\"fas fa-paper-plane text-sm -ml-1 mt-0.5\"><\/i>\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initVolkanoChatbot() {\r\n    const toggleBtn = document.getElementById('vlk-toggle-btn');\r\n    const chatWindow = document.getElementById('vlk-chat-window');\r\n    const closeBtn = document.getElementById('vlk-close-btn');\r\n    const chatForm = document.getElementById('vlk-chat-form');\r\n    const chatInput = document.getElementById('vlk-chat-input');\r\n    const chatMessages = document.getElementById('vlk-chat-messages');\r\n\r\n    \/\/ S\u00c9CURIT\u00c9 ANTI-CRASH ELEMENTOR : Si les \u00e9l\u00e9ments ne sont pas encore charg\u00e9s, on arr\u00eate tout\r\n    if (!toggleBtn || !chatWindow || !chatForm) return;\r\n\r\n    \/\/ S\u00c9CURIT\u00c9 ANTI-DOUBLON : Emp\u00eache Elementor de lancer le script 10 fois\r\n    if (toggleBtn.dataset.initialized === \"true\") return;\r\n    toggleBtn.dataset.initialized = \"true\";\r\n\r\n    let isOpen = false;\r\n    let hasGreeted = false;\r\n    let currentFlow = 'none'; \r\n    let leadData = { company: '', email: '', besoin: 'Non sp\u00e9cifi\u00e9' };\r\n\r\n    const MAKE_WEBHOOK_URL = \"https:\/\/hook.eu2.make.com\/rq1f4q2fq3xly5wihtnin799cf6n78w6\";\r\n\r\n    const knowledgeBase = [\r\n        {\r\n            intent: \"ia_philosophie\",\r\n            keywords: [\"parle moi de l'ia\", \"c'est quoi l'ia\", \"a propos de l'ia\", \"avenir de l'ia\", \"intelligence artificielle\", \"tu penses quoi\", \"ta vision\"],\r\n            response: \"L'Intelligence Artificielle n'est plus un simple gadget ou de la science-fiction. C'est le plus gros levier de croissance de la d\u00e9cennie. Imaginez un employ\u00e9 qui ne dort jamais, qui analyse des milliers de donn\u00e9es \u00e0 la seconde, qui qualifie vos clients \u00e0 3h du matin et r\u00e9dige vos argumentaires de vente. C'est exactement ce que nous int\u00e9grons chez nos clients. \u00c7a vous intrigue ?\"\r\n        },\r\n        {\r\n            intent: \"demo_commerciale\",\r\n            keywords: [\"commercial\", \"vendre\", \"test\", \"demo\", \"demonstration\", \"montre moi\", \"bluffe moi\", \"capacite\", \"que sais tu faire\"],\r\n            response: \"Je suis la preuve vivante de notre expertise ! Mon r\u00f4le ici est de faire le travail d'un commercial de haut niveau : j'accueille le visiteur, je cerne ses besoins gr\u00e2ce \u00e0 l'analyse s\u00e9mantique, et si le prospect est qualifi\u00e9, je capture ses coordonn\u00e9es pour nos \u00e9quipes. R\u00e9sultat : z\u00e9ro temps perdu, 100% des leads trait\u00e9s instantan\u00e9ment. Voulez-vous qu'on mette en place un agent similaire pour vous ?\"\r\n        },\r\n        {\r\n            intent: \"rentabilite_roi\",\r\n            keywords: [\"rentable\", \"roi\", \"argent\", \"chiffre d'affaire\", \"ca\", \"investir\", \"retour sur investissement\", \"benefice\"],\r\n            response: \"\ud83d\udcb0 Parlons business ! Le R.O.I de nos syst\u00e8mes repose sur deux piliers : la <strong>baisse des co\u00fbts<\/strong> (moins d'heures d'administration, moins de t\u00e2ches manuelles) et la <strong>hausse des conversions<\/strong> (un prospect r\u00e9pondu dans la minute a 80% de chances en plus d'acheter). Un de nos tunnels peut rentabiliser votre investissement d\u00e8s le premier mois.\"\r\n        },\r\n        {\r\n            intent: \"humour_humanite\",\r\n            keywords: [\"blague\", \"humour\", \"es tu humain\", \"t'es humain\", \"robot\", \"vrai personne\", \"sentiments\"],\r\n            response: \"Je suis un pur produit du code et de l'IA (majoritairement con\u00e7u par nos experts \u00e0 La R\u00e9union \ud83c\udf34). Je n'ai pas de sentiments, mais j'ai une obsession programm\u00e9e : optimiser l'acquisition client de ceux qui discutent avec moi ! D'ailleurs, de quoi a besoin votre entreprise en ce moment ?\"\r\n        },\r\n        {\r\n            intent: \"seo_expert\",\r\n            keywords: [\"seo\", \"referencement\", \"google\", \"visibilite\", \"mots-cles\", \"mot cle\", \"trafic\"],\r\n            response: \"\ud83d\udcc8 <strong>L'Optimisation SEO :<\/strong> Nous cr\u00e9ons des architectures s\u00e9mantiques IA pour dominer Google. Nos actions : Audit technique profond, optimisation On-Page agressive, et maillage interne. Voulez-vous un audit pour comprendre pourquoi vos concurrents sont devant vous ?\"\r\n        },\r\n        {\r\n            intent: \"tunnels_et_leads\",\r\n            keywords: [\"client\", \"clients\", \"leads\", \"prospects\", \"tunnel\", \"tunnels\", \"system.io\", \"systemio\", \"capture\"],\r\n            response: \"\ud83d\ude80 Un site vitrine, c'est bien. Mais nous concevons des <strong>Machines d'Acquisition<\/strong> compl\u00e8tes : pages de capture (System.io), s\u00e9quences de relances emails sur un mois (ActiveCampaign) et inscriptions automatiques. On transforme le trafic froid en clients payants.\"\r\n        },\r\n        {\r\n            intent: \"chatbots_ia\",\r\n            keywords: [\"chatbot\", \"chatbots\", \"assistant virtuel\", \"repondre\", \"support\", \"24\/7\"],\r\n            response: \"\ud83d\udcac <strong>Les Agents IA :<\/strong> C'est mon domaine ! Nous entra\u00eenons des IA sur vos propres donn\u00e9es (PDF, site web, catalogues). L'IA r\u00e9pond 24h\/24, pr\u00e9-qualifie les prospects et prend les rendez-vous. C'est l'automatisation ultime du service client.\"\r\n        },\r\n        {\r\n            intent: \"agence_fondateur\",\r\n            keywords: [\"qui\", \"agence\", \"volkano\", \"localisation\", \"proprio\", \"proprietaire\", \"patron\", \"fondateur\", \"reunion\"],\r\n            response: \"\ud83d\udd25 <strong>Volkano<\/strong> est une agence de strat\u00e9gie digitale fond\u00e9e par Nathana\u00ebl. Nous sommes un laboratoire d'innovation bas\u00e9 \u00e0 La R\u00e9union, et nous d\u00e9ployons nos \u00e9cosyst\u00e8mes d'automatisation \u00e0 l'international.\"\r\n        },\r\n        {\r\n            intent: \"laboratoire_projets\",\r\n            keywords: [\"natemi\", \"hdk\", \"exemple\", \"portfolio\", \"realisations\", \"confiance\"],\r\n            response: \"\ud83d\udca1 <strong>Le principe du Laboratoire :<\/strong> Nous n'utilisons pas nos clients comme cobayes. Nous avons fond\u00e9 <em>Natemi Vid\u00e9o<\/em> et <em>HDK Photographie<\/em>. Ce sont de vraies entreprises dont l'acquisition (formulaires, relances, bots) tourne \u00e0 100% sur nos syst\u00e8mes automatis\u00e9s.\"\r\n        }\r\n    ];\r\n\r\n    function toggleChat() {\r\n        isOpen = !isOpen;\r\n        if (isOpen) {\r\n            chatWindow.style.display = 'flex';\r\n            setTimeout(() => chatWindow.style.opacity = '1', 10);\r\n            \r\n            if (!hasGreeted) {\r\n                setTimeout(() => {\r\n                    appendMessage(\"Bonjour ! \ud83d\udc4b Je suis l'agent IA d\u00e9velopp\u00e9 par Volkano.\", 'bot');\r\n                    setTimeout(() => {\r\n                        appendDynamicButtons([\r\n                            { text: \"\ud83d\ude80 Je veux plus de clients\", action: \"trigger_audit\" },\r\n                            { text: \"\ud83e\udd16 Bluffe-moi sur tes capacit\u00e9s\", action: \"query\", value: \"bluffe moi\" },\r\n                            { text: \"\ud83d\udcb0 Cr\u00e9er mon projet\", action: \"trigger_lead\" }\r\n                        ], \"Testez-moi, ou dites-moi comment je peux aider votre entreprise :\");\r\n                    }, 800);\r\n                    hasGreeted = true;\r\n                }, 300);\r\n            }\r\n            setTimeout(() => chatInput.focus(), 100);\r\n        } else {\r\n            chatWindow.style.opacity = '0';\r\n            setTimeout(() => chatWindow.style.display = 'none', 300);\r\n        }\r\n    }\r\n\r\n    function appendMessage(text, sender) {\r\n        const msgWrapper = document.createElement('div');\r\n        const botStyle = 'bg-[#2a3241] text-gray-100 self-start rounded-2xl rounded-tl-sm shadow-md border border-gray-700\/50';\r\n        const userStyle = 'bg-gradient-to-r from-[#f04e30] to-[#d93b1e] text-white self-end rounded-2xl rounded-tr-sm shadow-md';\r\n        \r\n        msgWrapper.className = `max-w-[85%] p-3.5 text-sm anim-fade-in leading-relaxed ${sender === 'user' ? userStyle : botStyle}`;\r\n        \r\n        if (sender === 'user') msgWrapper.textContent = text; \r\n        else msgWrapper.innerHTML = text;\r\n\r\n        chatMessages.appendChild(msgWrapper);\r\n        chatMessages.scrollTop = chatMessages.scrollHeight;\r\n    }\r\n\r\n    function appendDynamicButtons(options, introText = \"\") {\r\n        const wrapper = document.createElement('div');\r\n        wrapper.className = \"self-start w-full max-w-[90%] anim-fade-in flex flex-col gap-2 mt-2\";\r\n        \r\n        if (introText) {\r\n            const intro = document.createElement('div');\r\n            intro.className = \"bg-[#2a3241] text-gray-100 p-3.5 text-sm rounded-2xl rounded-tl-sm shadow-md border border-gray-700\/50 mb-1\";\r\n            intro.innerHTML = introText;\r\n            wrapper.appendChild(intro);\r\n        }\r\n\r\n        const btnContainer = document.createElement('div');\r\n        btnContainer.className = \"flex flex-wrap gap-2\";\r\n\r\n        options.forEach(opt => {\r\n            const btn = document.createElement('button');\r\n            btn.className = \"vlk-dyn-btn bg-transparent border border-[#f04e30] text-[#f04e30] hover:bg-[#f04e30] hover:text-white px-4 py-2 rounded-full text-xs font-bold transition-all cursor-pointer\";\r\n            btn.textContent = opt.text;\r\n            btn.onclick = () => {\r\n                Array.from(btnContainer.children).forEach(b => b.classList.add('clicked'));\r\n                btn.classList.remove('border-[#f04e30]', 'text-[#f04e30]');\r\n                btn.classList.add('bg-[#f04e30]', 'text-white', 'border-[#f04e30]');\r\n                \r\n                appendMessage(opt.text, 'user');\r\n                \r\n                if(opt.action === \"query\") leadData.besoin = opt.value;\r\n                if(opt.value === \"bouche_oreille\" || opt.value === \"reseaux\" || opt.value === \"google\") leadData.besoin = \"Acquisition : \" + opt.value;\r\n\r\n                if(opt.action === \"trigger_lead\") startLeadFlow();\r\n                else if(opt.action === \"trigger_audit\") startAuditFlow();\r\n                else if(opt.action === \"audit_answer\") continueAuditFlow(opt.value);\r\n                else processNormalInput(opt.value || opt.text);\r\n            };\r\n            btnContainer.appendChild(btn);\r\n        });\r\n\r\n        wrapper.appendChild(btnContainer);\r\n        chatMessages.appendChild(wrapper);\r\n        chatMessages.scrollTop = chatMessages.scrollHeight;\r\n    }\r\n\r\n    function showTyping() {\r\n        const typingDiv = document.createElement('div');\r\n        typingDiv.id = 'vlk-typing';\r\n        typingDiv.className = 'bg-[#2a3241] border border-gray-700\/50 text-gray-400 self-start rounded-2xl rounded-tl-sm p-3.5 shadow-md w-16 flex justify-center items-center gap-1.5 anim-fade-in mt-1 mb-2';\r\n        typingDiv.innerHTML = `<div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full dot-type\"><\/div><div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full dot-type\"><\/div><div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full dot-type\"><\/div>`;\r\n        chatMessages.appendChild(typingDiv);\r\n        chatMessages.scrollTop = chatMessages.scrollHeight;\r\n    }\r\n\r\n    function removeTyping() {\r\n        const indicator = document.getElementById('vlk-typing');\r\n        if (indicator) indicator.remove();\r\n    }\r\n\r\n    function startAuditFlow() {\r\n        currentFlow = 'audit_channel';\r\n        setTimeout(showTyping, 300);\r\n        setTimeout(() => {\r\n            removeTyping();\r\n            appendDynamicButtons([\r\n                { text: \"Bouche \u00e0 oreille\", action: \"audit_answer\", value: \"bouche_oreille\" },\r\n                { text: \"R\u00e9seaux Sociaux\", action: \"audit_answer\", value: \"reseaux\" },\r\n                { text: \"Google \/ SEO\", action: \"audit_answer\", value: \"google\" }\r\n            ], \"Tr\u00e8s bon objectif. Quel est votre canal d'acquisition principal aujourd'hui ?\");\r\n        }, 1200);\r\n    }\r\n\r\n    function continueAuditFlow(answer) {\r\n        currentFlow = 'none';\r\n        setTimeout(showTyping, 300);\r\n        setTimeout(() => {\r\n            removeTyping();\r\n            let response = \"\";\r\n            if (answer === \"bouche_oreille\") response = \"Le bouche \u00e0 oreille, c'est qualitatif mais impossible \u00e0 <em>scaler<\/em> de mani\u00e8re pr\u00e9visible. Un tunnel de vente automatis\u00e9 permettrait de s\u00e9curiser vos revenus r\u00e9currents. <br><br>Voulez-vous que nos experts \u00e9tudient votre cas ?\";\r\n            else if (answer === \"reseaux\") response = \"Les r\u00e9seaux offrent une belle visibilit\u00e9, mais un post meurt en 24h. L'automatisation (ex: Formulaire intelligent + ActiveCampaign) permet de capturer les emails de vos followers pour vendre sur le long terme.\";\r\n            else response = \"Excellent, Google apporte le trafic le plus qualifi\u00e9. Avec l'analyse IA et une optimisation agressive (notre sp\u00e9cialit\u00e9), on peut vous faire passer devant vos concurrents tr\u00e8s rapidement.\";\r\n            \r\n            appendDynamicButtons([\r\n                { text: \"Planifier une analyse\", action: \"trigger_lead\" }\r\n            ], response);\r\n        }, 1500);\r\n    }\r\n\r\n    function startLeadFlow() {\r\n        currentFlow = 'asking_company';\r\n        setTimeout(showTyping, 300);\r\n        setTimeout(() => {\r\n            removeTyping();\r\n            appendMessage(\"C'est la meilleure d\u00e9cision pour votre croissance. <strong>Quel est le nom de votre entreprise<\/strong> (et votre objectif en quelques mots) ?\", 'bot');\r\n        }, 1000);\r\n    }\r\n\r\n    function processLeadInput(input) {\r\n        if (currentFlow === 'asking_company') {\r\n            leadData.company = input;\r\n            \r\n            if (input.split(' ').length > 3 && (leadData.besoin === 'Non sp\u00e9cifi\u00e9' || !leadData.besoin)) {\r\n                 leadData.besoin = \"Exprim\u00e9 lors de la demande d'entreprise : \" + input;\r\n                 const lowerInput = input.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n                 if(lowerInput.includes(\"seo\") || lowerInput.includes(\"referencement\")) leadData.besoin = \"SEO (\" + input + \")\";\r\n                 if(lowerInput.includes(\"site\") || lowerInput.includes(\"web\")) leadData.besoin = \"Cr\u00e9ation\/Refonte Site (\" + input + \")\";\r\n                 if(lowerInput.includes(\"tunnel\") || lowerInput.includes(\"lead\") || lowerInput.includes(\"client\")) leadData.besoin = \"Tunnels \/ Leads (\" + input + \")\";\r\n            }\r\n\r\n            currentFlow = 'asking_email';\r\n            setTimeout(showTyping, 300);\r\n            setTimeout(() => {\r\n                removeTyping();\r\n                appendMessage(`C'est not\u00e9. <br>Enfin, <strong>quelle est votre adresse email<\/strong> pour que nos \u00e9quipes vous envoient leur retour ?`, 'bot');\r\n            }, 800);\r\n            return true;\r\n        } \r\n        else if (currentFlow === 'asking_email') {\r\n            if(!input.includes('@') || !input.includes('.')) {\r\n                setTimeout(showTyping, 300);\r\n                setTimeout(() => {\r\n                    removeTyping();\r\n                    appendMessage(\"Cette adresse email ne semble pas compl\u00e8te. Pouvez-vous v\u00e9rifier la syntaxe ? \ud83d\ude05\", 'bot');\r\n                }, 800);\r\n                return true;\r\n            }\r\n            \r\n            leadData.email = input;\r\n            currentFlow = 'none'; \r\n            \r\n            setTimeout(showTyping, 300);\r\n            setTimeout(() => {\r\n                removeTyping();\r\n                appendMessage(\"<span class='text-xs text-gray-400'>[G\u00e9n\u00e9ration de la fiche prospect... Cryptage \ud83d\udd12]<\/span>\", 'bot');\r\n                showTyping();\r\n                \r\n                fetch(MAKE_WEBHOOK_URL, {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify({\r\n                        entreprise: leadData.company,\r\n                        email: leadData.email,\r\n                        besoin: leadData.besoin,\r\n                        source: \"Chatbot Volkano Pro\"\r\n                    })\r\n                }).then(() => {\r\n                    removeTyping();\r\n                    appendMessage(`\u2705 <strong>Dossier transmis !<\/strong> <br><br>L'\u00e9quipe a re\u00e7u les \u00e9l\u00e9ments concernant <em>${leadData.company}<\/em> et vous \u00e9crira tr\u00e8s vite sur <em>${leadData.email}<\/em>.<br>Puis-je vous renseigner sur autre chose en attendant ?`, 'bot');\r\n                }).catch((err) => {\r\n                    removeTyping();\r\n                    appendMessage(\"Le r\u00e9seau a eu un petit hoquet \ud83d\ude05. Pourriez-vous envoyer un mail de confirmation \u00e0 <strong>volkanoprod@gmail.com<\/strong> ?\", 'bot');\r\n                });\r\n            }, 1000);\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    function processNormalInput(input) {\r\n        const leadTriggers = [\"devis\", \"prix\", \"rdv\", \"rendez-vous\", \"contact\", \"appel\", \"combien\", \"tarifs\", \"acheter\"];\r\n        const lowerInput = input.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n        \r\n        if (input.length > 15 && currentFlow === 'none' && leadData.besoin === 'Non sp\u00e9cifi\u00e9') {\r\n             leadData.besoin = input; \r\n        }\r\n\r\n        if (leadTriggers.some(t => lowerInput.includes(t))) {\r\n            startLeadFlow();\r\n            return;\r\n        }\r\n\r\n        const words = lowerInput.split(\/\\s+\/).filter(w => w.length > 0);\r\n        let bestMatch = null;\r\n        let maxScore = 0;\r\n\r\n        knowledgeBase.forEach(rule => {\r\n            let score = 0;\r\n            if (rule.intent === \"creation_web\" && lowerInput.includes(\"site\") && (lowerInput.includes(\"qui\") || lowerInput.includes(\"proprio\"))) {\r\n                return;\r\n            }\r\n\r\n            rule.keywords.forEach(keyword => {\r\n                const cleanKey = keyword.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").toLowerCase();\r\n                if (cleanKey.includes(' ')) {\r\n                    if (lowerInput.includes(cleanKey)) score += 10;\r\n                } else {\r\n                    if (words.includes(cleanKey)) score += 3;\r\n                    else if (words.some(w => w.includes(cleanKey) && w.length - cleanKey.length <= 2)) score += 1;\r\n                }\r\n            });\r\n\r\n            if (score > maxScore) {\r\n                maxScore = score;\r\n                bestMatch = rule.response;\r\n                if(score > 3) leadData.besoin = rule.intent; \r\n            }\r\n        });\r\n\r\n        const fallbackResponse = \"C'est un sujet tr\u00e8s int\u00e9ressant ! En tant qu'IA, mon r\u00f4le est surtout orient\u00e9 vers l'acquisition client (Chatbots, SEO, Tunnels de vente). Pour creuser ce point pr\u00e9cis, l'id\u00e9al serait d'\u00e9changer avec notre \u00e9quipe technique.\";\r\n        const response = maxScore > 2 ? bestMatch : fallbackResponse;\r\n        \r\n        setTimeout(showTyping, 300);\r\n        setTimeout(() => {\r\n            removeTyping();\r\n            if(maxScore <= 2) {\r\n                appendDynamicButtons([{ text: \"Discuter avec l'\u00e9quipe\", action: \"trigger_lead\" }], response);\r\n            } else {\r\n                appendMessage(response, 'bot');\r\n            }\r\n        }, 800 + Math.random() * 500); \r\n    }\r\n\r\n    function handleChatSubmit(text) {\r\n        if (!text) return;\r\n        appendMessage(text, 'user');\r\n        chatInput.value = '';\r\n\r\n        if (currentFlow !== 'none') {\r\n            processLeadInput(text);\r\n        } else {\r\n            processNormalInput(text);\r\n        }\r\n    }\r\n\r\n    toggleBtn.addEventListener('click', toggleChat);\r\n    closeBtn.addEventListener('click', toggleChat);\r\n    chatForm.addEventListener('submit', (e) => {\r\n        e.preventDefault();\r\n        handleChatSubmit(chatInput.value.trim());\r\n    });\r\n}\r\n\r\n\/\/ Initialisation s\u00e9curis\u00e9e (avec un petit d\u00e9lai pour Elementor)\r\nsetTimeout(initVolkanoChatbot, 500);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e33285e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e33285e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36dec3c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"36dec3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<style>\r\n  \/* Animations des cartes *\/\r\n  .event-card {\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 800ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 800ms;\r\n    opacity: 0;\r\n  }\r\n  .event-card.is-visible { transform: scaleX(1); opacity: 1; }\r\n  .event-content { opacity: 0; transition: opacity 500ms ease 300ms; }\r\n  .event-card.is-visible .event-content { opacity: 1; }\r\n\r\n  \/* Notification flottante *\/\r\n  .status-hidden { opacity: 0; transform: translate(-50%, -1rem); pointer-events: none; }\r\n  .status-visible { opacity: 1; transform: translate(-50%, 0); }\r\n\r\n  \/* FIX MOBILE : Emp\u00eache le blocage du scroll vertical *\/\r\n  #planning-widget-container { touch-action: pan-y !important; }\r\n  .no-scroll-block { touch-action: pan-y !important; }\r\n<\/style>\r\n\r\n<div id=\"planning-widget-container\" class=\"bg-[#0b0f19] p-4 md:p-8 font-sans w-full rounded-2xl min-h-0\">\r\n  \r\n  <div class=\"max-w-4xl mx-auto w-full mb-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\r\n    <div>\r\n      <h2 class=\"text-blue-400 font-semibold text-xs tracking-widest uppercase mb-1\">H\u00f4tellerie & Tourisme<\/h2>\r\n      <h2 class=\"text-white text-2xl md:text-4xl font-bold\">Planning Intelligent<\/h2>\r\n      <div class=\"flex items-center gap-2 text-[10px] text-gray-500 mt-2\">\r\n        <div class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"><\/div>\r\n        Sync en boucle active\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <button id=\"sync-btn\" class=\"flex items-center gap-2 px-5 py-2.5 rounded-full font-medium transition-all bg-white text-black shadow-lg text-sm\">\r\n      <i data-lucide=\"refresh-cw\" class=\"w-4 h-4\" id=\"btn-icon-sync\"><\/i>\r\n      <span id=\"btn-text\">Synchroniser<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"w-full max-w-4xl mx-auto bg-white rounded-xl shadow-2xl overflow-hidden relative no-scroll-block\">\r\n    \r\n    <div id=\"status-badge\" class=\"absolute top-4 left-1\/2 status-hidden z-20 -translate-x-1\/2\">\r\n      <div class=\"flex items-center gap-2 px-4 py-2 rounded-full shadow-lg text-xs font-medium border bg-white\/90 border-blue-100 text-blue-600\">\r\n        <span id=\"badge-text\">Recherche...<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"overflow-x-auto min-h-[350px] md:min-h-[450px]\">\r\n      <div id=\"planning-grid\" class=\"min-w-[700px] grid grid-cols-[120px_repeat(7,1fr)] auto-rows-[60px] md:auto-rows-[70px] bg-gray-50\/50\">\r\n        <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initPlanning() {\r\n  if (typeof lucide !== 'undefined') lucide.createIcons();\r\n\r\n  const days = ['LUN', 'MAR', 'MER', 'JEU', 'VEN', 'SAM', 'DIM'];\r\n  const rooms = [{ id: 1, name: 'Bung. LAGON' }, { id: 2, name: 'Bung. JARDIN' }, { id: 3, name: 'Suite COCO' }];\r\n  const events = [\r\n    { id: 'evt1', roomId: 1, startCol: 2, span: 3, title: \"M. Dupont\", subtitle: \"3 nuits \u2022 Pay\u00e9\", colors: \"from-blue-500 to-blue-600\", delay: 0 },\r\n    { id: 'evt2', roomId: 2, startCol: 1, span: 2, title: \"Famille Martin\", subtitle: \"2 nuits\", colors: \"from-emerald-400 to-emerald-500\", delay: 600 },\r\n    { id: 'evt3', roomId: 3, startCol: 5, span: 2, title: \"Airbnb\", subtitle: \"Sync Auto\", colors: \"from-purple-500 to-purple-600\", delay: 1200 }\r\n  ];\r\n\r\n  const grid = document.getElementById('planning-grid');\r\n  grid.innerHTML = ''; \r\n  \r\n  \/\/ G\u00e9n\u00e9ration des en-t\u00eates\r\n  grid.innerHTML += `<div class=\"bg-white border-b border-r border-gray-100 flex items-center justify-center p-3 text-[10px] font-bold text-gray-400 uppercase\">Logements<\/div>`;\r\n  days.forEach((day, i) => {\r\n    grid.innerHTML += `<div class=\"bg-white border-b border-r border-gray-100 flex items-center justify-center text-sm font-medium text-gray-600\" style=\"grid-column: ${i + 2}\">${day}<\/div>`;\r\n  });\r\n\r\n  \/\/ G\u00e9n\u00e9ration des lignes\r\n  rooms.forEach((room, rIdx) => {\r\n    const row = rIdx + 2;\r\n    grid.innerHTML += `<div class=\"bg-white border-b border-r border-gray-100 p-4 flex items-center\" style=\"grid-row: ${row}\"><span class=\"text-xs font-bold text-gray-700\">${room.name}<\/span><\/div>`;\r\n    days.forEach((_, cIdx) => {\r\n      grid.innerHTML += `<div class=\"border-b border-r border-gray-100 bg-white\" style=\"grid-column: ${cIdx + 2}; grid-row: ${row}\"><\/div>`;\r\n    });\r\n  });\r\n\r\n  \/\/ Injection des \u00e9v\u00e9nements\r\n  events.forEach(evt => {\r\n    grid.innerHTML += `\r\n      <div class=\"relative p-1.5 z-10\" style=\"grid-column: ${evt.startCol + 1} \/ span ${evt.span}; grid-row: ${evt.roomId + 1}\">\r\n        <div id=\"${evt.id}\" class=\"event-card w-full h-full rounded-lg bg-gradient-to-r ${evt.colors} text-white p-2 shadow-md flex flex-col justify-center\">\r\n          <div class=\"event-content\">\r\n            <h3 class=\"text-[11px] font-bold truncate\">${evt.title}<\/h3>\r\n            <p class=\"text-[9px] opacity-80 truncate\">${evt.subtitle}<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>`;\r\n  });\r\n\r\n  \/\/ Logique d'animation\r\n  let isVisible = false;\r\n  let isAnimating = false;\r\n  let timeouts = [];\r\n\r\n  function runLoop() {\r\n    if (!isVisible) { isAnimating = false; return; }\r\n    isAnimating = true;\r\n    \r\n    \/\/ Reset\r\n    events.forEach(e => document.getElementById(e.id)?.classList.remove('is-visible'));\r\n    document.getElementById('status-badge').classList.replace('status-visible', 'status-hidden');\r\n\r\n    \/\/ Start Sync\r\n    timeouts.push(setTimeout(() => {\r\n      document.getElementById('status-badge').classList.replace('status-hidden', 'status-visible');\r\n      document.getElementById('badge-text').innerText = \"Recherche de r\u00e9servations...\";\r\n\r\n      timeouts.push(setTimeout(() => {\r\n        document.getElementById('badge-text').innerText = \"Planning \u00e0 jour !\";\r\n        events.forEach(e => {\r\n          timeouts.push(setTimeout(() => {\r\n            document.getElementById(e.id)?.classList.add('is-visible');\r\n          }, e.delay));\r\n        });\r\n\r\n        timeouts.push(setTimeout(runLoop, 5000));\r\n      }, 2000));\r\n    }, 1000));\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      isVisible = entry.isIntersecting;\r\n      if (isVisible && !isAnimating) runLoop();\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  observer.observe(document.getElementById('planning-widget-container'));\r\n}\r\n\r\nsetTimeout(initPlanning, 300);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cba26c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"6cba26c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1630f4a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1630f4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<style>\r\n  #funnel-widget-premium { font-family: sans-serif; touch-action: pan-y !important; }\r\n\r\n  \/* Animations des particules (Fly-up) *\/\r\n  @keyframes fly-up {\r\n    0% { transform: translateY(0) scale(0.5); opacity: 0; }\r\n    20% { opacity: 1; }\r\n    100% { transform: translateY(-45px) scale(1.3); opacity: 0; }\r\n  }\r\n  .animate-fly { animation: fly-up 1.5s ease-out infinite; }\r\n\r\n  \/* Lueur pulsante pour le prospect *\/\r\n  @keyframes glow-white {\r\n    0%, 100% { box-shadow: 0 0 10px rgba(255,255,255,0.3); }\r\n    50% { box-shadow: 0 0 25px rgba(255,255,255,0.7); }\r\n  }\r\n\r\n  \/* Transition fluide (Cubic-Bezier pour l'effet \"rebond\") *\/\r\n  #pf-progress, #pf-avatar {\r\n    transition: all 1200ms cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .node-active {\r\n    transform: scale(1.1) !important;\r\n    opacity: 1 !important;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"funnel-widget-premium\" class=\"bg-[#0b0f19] p-4 md:p-12 font-sans text-white w-full rounded-2xl\">\r\n  <div class=\"max-w-6xl mx-auto w-full grid lg:grid-cols-[350px_1fr] gap-10 items-center\">\r\n    \r\n    <div class=\"space-y-6\">\r\n      <div>\r\n        <span class=\"inline-block px-3 py-1 bg-purple-500\/10 text-purple-400 text-xs font-bold tracking-wider uppercase rounded-full mb-4 border border-purple-500\/20\">Acquisition<\/span>\r\n        <h2 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">TUNNEL DE <br\/><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-blue-400\">VENTE<\/span><\/h2>\r\n        <p class=\"text-gray-400 text-sm md:text-lg\">Convertissez vos visiteurs en clients automatiquement avec un parcours de vente optimis\u00e9.<\/p>\r\n      <\/div>\r\n      <div class=\"flex items-center gap-2 text-xs text-gray-500 italic\">\r\n        <div class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"><\/div>\r\n        Simulation automatique en cours\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative h-[350px] md:h-[480px] bg-slate-900\/40 rounded-3xl border border-slate-800 p-6 flex items-center justify-between overflow-hidden shadow-2xl\">\r\n      \r\n      <div class=\"absolute top-1\/2 left-12 right-12 h-1 bg-slate-800 -translate-y-1\/2 z-0 rounded-full\">\r\n        <div id=\"pf-progress\" class=\"h-full bg-gradient-to-r from-blue-500 via-purple-500 to-emerald-500 rounded-full opacity-0\" style=\"width: 0%;\"><\/div>\r\n      <\/div>\r\n\r\n      <div id=\"pf-avatar\" class=\"absolute top-1\/2 -translate-y-1\/2 z-40\" style=\"left: 10%; opacity: 0; transform: translate(-50%, -50%);\">\r\n        <div class=\"w-10 h-10 md:w-12 md:h-12 bg-white rounded-full flex items-center justify-center shadow-xl\" style=\"animation: glow-white 2s infinite;\">\r\n          <i data-lucide=\"user-check\" class=\"w-5 h-5 text-slate-900\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div id=\"pf-node-1\" class=\"relative z-10 flex flex-col items-center w-24 md:w-40 opacity-40 scale-95 transition-all\">\r\n        <div id=\"pf-box-1\" class=\"w-16 h-16 md:w-22 md:h-22 rounded-2xl flex items-center justify-center mb-4 border-2 bg-slate-800 border-slate-700 transition-all\">\r\n          <i data-lucide=\"megaphone\" class=\"w-8 h-8 md:w-11 md:h-11 text-slate-400\" id=\"pf-icon-1\"><\/i>\r\n        <\/div>\r\n        <div id=\"pf-part-1\" class=\"hidden absolute top-0\">\r\n          <i data-lucide=\"mouse-pointer-click\" class=\"animate-fly absolute -top-4 -left-4 w-5 h-5 text-blue-400\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-white font-bold text-[10px] md:text-lg\">1. Entr\u00e9e<\/h3>\r\n        <p class=\"text-slate-500 text-[8px] md:text-xs text-center\">Ads & r\u00e9seaux<\/p>\r\n      <\/div>\r\n\r\n      <div id=\"pf-node-2\" class=\"relative z-10 flex flex-col items-center w-28 md:w-48 opacity-40 scale-95 transition-all\">\r\n        <div id=\"pf-box-2\" class=\"w-16 h-16 md:w-22 md:h-22 rounded-2xl flex items-center justify-center mb-4 border-2 bg-slate-800 border-slate-700 transition-all\">\r\n          <i data-lucide=\"mail-plus\" class=\"w-8 h-8 md:w-11 md:h-11 text-slate-400\" id=\"pf-icon-2\"><\/i>\r\n        <\/div>\r\n        <div id=\"pf-part-2\" class=\"hidden absolute top-0\">\r\n          <i data-lucide=\"mail\" class=\"animate-fly absolute -top-4 w-5 h-5 text-purple-400\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-white font-bold text-[10px] md:text-lg whitespace-nowrap\">2. Mailing Auto<\/h3>\r\n        <p class=\"text-slate-500 text-[8px] md:text-xs text-center\">Emails de relance<\/p>\r\n      <\/div>\r\n\r\n      <div id=\"pf-node-3\" class=\"relative z-10 flex flex-col items-center w-24 md:w-40 opacity-40 scale-95 transition-all\">\r\n        <div id=\"pf-rev\" class=\"absolute -top-14 bg-emerald-500 text-white px-3 py-1.5 rounded-lg font-bold shadow-lg opacity-0 translate-y-4 transition-all\">\r\n          + <span id=\"pf-amount\">0<\/span>\u20ac\r\n        <\/div>\r\n        <div id=\"pf-box-3\" class=\"w-16 h-16 md:w-22 md:h-22 rounded-2xl flex items-center justify-center mb-4 border-2 bg-slate-800 border-slate-700 transition-all\">\r\n          <i data-lucide=\"award\" class=\"w-8 h-8 md:w-11 md:h-11 text-slate-400\" id=\"pf-icon-3\"><\/i>\r\n        <\/div>\r\n        <div id=\"pf-part-3\" class=\"hidden absolute top-0\">\r\n          <i data-lucide=\"sparkles\" class=\"animate-fly absolute -top-4 w-6 h-6 text-emerald-400\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-white font-bold text-[10px] md:text-lg\">3. Vente<\/h3>\r\n        <p class=\"text-slate-500 text-[8px] md:text-xs text-center\">Conversion<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initPremiumFunnel() {\r\n  if (typeof lucide !== 'undefined') lucide.createIcons();\r\n\r\n  const progress = document.getElementById('pf-progress');\r\n  const avatar = document.getElementById('pf-avatar');\r\n  const rev = document.getElementById('pf-rev');\r\n  const amount = document.getElementById('pf-amount');\r\n  \r\n  const nodes = [\r\n    { n: document.getElementById('pf-node-1'), b: document.getElementById('pf-box-1'), i: document.getElementById('pf-icon-1'), p: document.getElementById('pf-part-1'), color: '#3b82f6' },\r\n    { n: document.getElementById('pf-node-2'), b: document.getElementById('pf-box-2'), i: document.getElementById('pf-icon-2'), p: document.getElementById('pf-part-2'), color: '#a855f7' },\r\n    { n: document.getElementById('pf-node-3'), b: document.getElementById('pf-box-3'), i: document.getElementById('pf-icon-3'), p: document.getElementById('pf-part-3'), color: '#10b981' }\r\n  ];\r\n\r\n  let isVisible = false;\r\n  let isAnimating = false;\r\n\r\n  function setNode(idx, active) {\r\n    const node = nodes[idx];\r\n    if (active) {\r\n      node.n.classList.add('node-active');\r\n      node.b.style.borderColor = node.color;\r\n      node.b.style.backgroundColor = node.color + \"20\";\r\n      node.b.style.boxShadow = `0 0 25px ${node.color}50`;\r\n      node.i.style.color = \"white\";\r\n      node.p.classList.remove('hidden');\r\n    } else {\r\n      node.n.classList.remove('node-active');\r\n      node.b.style.borderColor = \"#334155\";\r\n      node.b.style.backgroundColor = \"#1e293b\";\r\n      node.b.style.boxShadow = \"none\";\r\n      node.i.style.color = \"#94a3b8\";\r\n      node.p.classList.add('hidden');\r\n    }\r\n  }\r\n\r\n  function runCycle() {\r\n    if (!isVisible) { isAnimating = false; return; }\r\n    isAnimating = true;\r\n\r\n    \/\/ Reset\r\n    nodes.forEach((_, i) => setNode(i, false));\r\n    progress.style.width = \"0%\"; progress.style.opacity = \"0\";\r\n    avatar.style.left = \"10%\"; avatar.style.opacity = \"0\";\r\n    rev.style.opacity = \"0\"; rev.style.transform = \"translateY(16px)\";\r\n    amount.innerText = \"0\";\r\n\r\n    setTimeout(() => {\r\n      \/\/ 1. ENTREE\r\n      setNode(0, true);\r\n      avatar.style.opacity = \"1\";\r\n      progress.style.opacity = \"1\";\r\n      progress.style.width = \"12%\";\r\n\r\n      setTimeout(() => {\r\n        \/\/ 2. MAILING\r\n        setNode(0, false); setNode(1, true);\r\n        avatar.style.left = \"50%\";\r\n        progress.style.width = \"50%\";\r\n\r\n        setTimeout(() => {\r\n          \/\/ 3. VENTE\r\n          setNode(1, false); setNode(2, true);\r\n          avatar.style.left = \"88%\";\r\n          avatar.style.opacity = \"0\";\r\n          progress.style.width = \"100%\";\r\n          \r\n          rev.style.opacity = \"1\";\r\n          rev.style.transform = \"translateY(0)\";\r\n          \r\n          let val = 0;\r\n          let count = setInterval(() => {\r\n            val += 150;\r\n            amount.innerText = val;\r\n            if (val >= 1200) {\r\n              clearInterval(count);\r\n              setTimeout(runCycle, 4000);\r\n            }\r\n          }, 60);\r\n        }, 1500);\r\n      }, 1500);\r\n    }, 500);\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n      isVisible = e.isIntersecting;\r\n      if (isVisible && !isAnimating) runCycle();\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  observer.observe(document.getElementById('funnel-widget-premium'));\r\n}\r\n\r\nsetTimeout(initPremiumFunnel, 500);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43751d2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"43751d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa1890 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9aa1890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<style>\r\n  @keyframes fade-in-up {\r\n    0% { opacity: 0; transform: translate(-50%, 10px); }\r\n    100% { opacity: 1; transform: translate(-50%, 0); }\r\n  }\r\n  .animate-fade-in-up { animation: fade-in-up 0.4s ease-out forwards; }\r\n  \r\n  .node-box { transition: all 300ms ease; }\r\n  #payload-x { transition: left 800ms linear, opacity 300ms ease; }\r\n  #payload-y { transition: top 800ms ease-in-out; }\r\n  .svg-path { transition: stroke 500ms ease; }\r\n\r\n  \/* FIX MOBILE : Emp\u00eache de bloquer le scroll *\/\r\n  #stock-widget-container { touch-action: pan-y !important; }\r\n<\/style>\r\n\r\n<div id=\"stock-widget-container\" class=\"bg-[#0b0f19] p-4 md:p-12 font-sans text-white w-full rounded-2xl min-h-0\">\r\n  <div class=\"max-w-7xl mx-auto w-full grid lg:grid-cols-[1fr_350px] gap-8 items-center\">\r\n    \r\n    <div class=\"relative h-[320px] md:h-[480px] bg-slate-900\/40 rounded-2xl border border-slate-800 p-4 flex items-center shadow-2xl overflow-hidden w-full\">\r\n      \r\n      <svg class=\"absolute inset-0 w-full h-full pointer-events-none z-0\" viewBox=\"0 0 1000 500\" preserveAspectRatio=\"none\">\r\n        <line x1=\"150\" y1=\"250\" x2=\"450\" y2=\"250\" stroke=\"#1e293b\" stroke-width=\"3\" \/>\r\n        <path id=\"path-stock\" class=\"svg-path\" d=\"M 450 250 C 625 250, 625 150, 800 150\" stroke=\"#1e293b\" stroke-width=\"3\" fill=\"none\" \/>\r\n        <path id=\"path-rupture\" class=\"svg-path\" d=\"M 450 250 C 625 250, 625 350, 800 350\" stroke=\"#1e293b\" stroke-width=\"3\" fill=\"none\" \/>\r\n      <\/svg>\r\n\r\n      <div id=\"payload-x\" class=\"absolute z-30\" style=\"left: 15%; top: 0; bottom: 0; width: 12px; opacity: 0; transform: translateX(-50%);\">\r\n        <div id=\"payload-y\" class=\"absolute w-3.5 h-3.5 bg-orange-500 rounded-full shadow-[0_0_20px_rgba(249,115,22,1)]\" style=\"top: 50%; transform: translateY(-50%);\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"absolute left-[15%] top-[50%] -translate-x-1\/2 -translate-y-1\/2 z-10\">\r\n        <div id=\"node-client\" class=\"node-box w-20 h-14 md:w-28 md:h-20 bg-[#131b2c] border-2 rounded-xl flex flex-col items-center justify-center gap-1 border-[#26334d]\">\r\n          <i data-lucide=\"mail\" class=\"w-4 h-4 md:w-6 md:h-6 text-slate-400\"><\/i>\r\n          <span class=\"text-[8px] md:text-[10px] font-bold\">CLIENT<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"absolute left-[45%] top-[50%] -translate-x-1\/2 -translate-y-1\/2 z-10\">\r\n        <div id=\"tooltip-bot\" class=\"hidden absolute -top-10 md:-top-14 left-1\/2 -translate-x-1\/2 bg-[#1e293b] border border-blue-500\/30 text-blue-400 text-[8px] md:text-xs px-3 py-1.5 rounded-full flex items-center gap-2 shadow-lg w-max animate-fade-in-up\">\r\n          <i data-lucide=\"database\" class=\"w-3.5 h-3.5 animate-pulse\"><\/i> Interrogation...\r\n        <\/div>\r\n        <div id=\"node-bot\" class=\"node-box w-20 h-14 md:w-28 md:h-20 bg-[#131b2c] border-2 rounded-xl flex flex-col items-center justify-center gap-1 border-[#26334d]\">\r\n          <i id=\"icon-bot\" data-lucide=\"bot\" class=\"w-4 h-4 md:w-6 md:h-6 text-slate-400\"><\/i>\r\n          <span class=\"text-[8px] md:text-[10px] font-bold text-blue-400\">BOT V\u00c9RIF<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"absolute left-[80%] top-[30%] -translate-x-1\/2 -translate-y-1\/2 z-10\">\r\n        <div id=\"tooltip-stock\" class=\"hidden absolute -top-10 md:-top-12 left-1\/2 -translate-x-1\/2 bg-emerald-500\/10 border border-emerald-500\/30 text-emerald-400 text-[8px] md:text-xs px-3 py-1.5 rounded flex items-center gap-2 shadow-lg w-max animate-fade-in-up\">\r\n          <i data-lucide=\"check-circle-2\" class=\"w-3.5 h-3.5\"><\/i> Devis exp\u00e9di\u00e9\r\n        <\/div>\r\n        <div id=\"node-stock\" class=\"node-box w-20 h-14 md:w-32 md:h-20 bg-[#131b2c] border-2 rounded-xl flex flex-col items-center justify-center gap-1 border-[#26334d]\">\r\n          <i id=\"icon-stock\" data-lucide=\"package\" class=\"w-4 h-4 md:w-6 md:h-6 text-emerald-500\/50\"><\/i>\r\n          <span id=\"text-stock\" class=\"text-[8px] md:text-[11px] font-bold text-emerald-500\/50\">EN STOCK<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"absolute left-[80%] top-[70%] -translate-x-1\/2 -translate-y-1\/2 z-10\">\r\n        <div id=\"tooltip-rupture\" class=\"hidden absolute -top-10 md:-top-12 left-1\/2 -translate-x-1\/2 bg-rose-500\/10 border border-rose-500\/30 text-rose-400 text-[8px] md:text-xs px-3 py-1.5 rounded flex items-center gap-2 shadow-lg w-max animate-fade-in-up\">\r\n          <i data-lucide=\"refresh-cw\" class=\"w-3.5 h-3.5\"><\/i> Alternative\r\n        <\/div>\r\n        <div id=\"node-rupture\" class=\"node-box w-20 h-14 md:w-32 md:h-20 bg-[#131b2c] border-2 rounded-xl flex flex-col items-center justify-center gap-1 border-[#26334d]\">\r\n          <i id=\"icon-rupture\" data-lucide=\"x-circle\" class=\"w-4 h-4 md:w-6 md:h-6 text-rose-500\/50\"><\/i>\r\n          <span id=\"text-rupture\" class=\"text-[8px] md:text-[11px] font-bold text-rose-500\/50\">RUPTURE<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"space-y-6\">\r\n      <div>\r\n        <span class=\"inline-block px-3 py-1 bg-yellow-500\/10 text-yellow-500 text-xs font-bold tracking-wider uppercase rounded-full mb-4 border border-yellow-500\/20\">Logistique<\/span>\r\n        <h2 class=\"text-3xl md:text-4xl font-bold leading-tight mb-4\">GESTION DE STOCK <br\/><span class=\"text-white\">INTELLIGENTE<\/span><\/h2>\r\n        <p class=\"text-gray-400 text-sm md:text-base\">Le bot interroge votre base de donn\u00e9es et r\u00e9pond automatiquement aux clients.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"pt-4 border-t border-slate-800 flex flex-col gap-3\">\r\n        <button id=\"btn-stock\" class=\"w-full flex items-center justify-center gap-2 px-4 py-2 bg-slate-800 text-emerald-400 border border-emerald-500\/30 rounded-lg text-xs font-bold\">Forcer : Dispo<\/button>\r\n        <button id=\"btn-rupture\" class=\"w-full flex items-center justify-center gap-2 px-4 py-2 bg-slate-800 text-rose-400 border border-rose-500\/30 rounded-lg text-xs font-bold\">Forcer : Rupture<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initStockOriginal() {\r\n  if (typeof lucide !== 'undefined') lucide.createIcons();\r\n\r\n  const payloadX = document.getElementById('payload-x');\r\n  const payloadY = document.getElementById('payload-y');\r\n  const tooltipBot = document.getElementById('tooltip-bot');\r\n  const pathStock = document.getElementById('path-stock');\r\n  const pathRupture = document.getElementById('path-rupture');\r\n\r\n  let isVisible = false;\r\n  let isAnimating = false;\r\n  let currentScenario = 'stock';\r\n  let timeouts = [];\r\n\r\n  function reset() {\r\n    payloadX.style.opacity = '0';\r\n    payloadX.style.left = '15%';\r\n    payloadY.style.top = '50%';\r\n    tooltipBot.classList.add('hidden');\r\n    pathStock.setAttribute('stroke', '#1e293b');\r\n    pathRupture.setAttribute('stroke', '#1e293b');\r\n    \r\n    document.getElementById('node-client').style.borderColor = \"#26334d\";\r\n    document.getElementById('node-bot').style.borderColor = \"#26334d\";\r\n    document.getElementById('node-stock').style.borderColor = \"#26334d\";\r\n    document.getElementById('node-rupture').style.borderColor = \"#26334d\";\r\n  }\r\n\r\n  function runCycle(forced) {\r\n    if (!isVisible && !forced) { isAnimating = false; return; }\r\n    isAnimating = true;\r\n    if (forced) currentScenario = forced;\r\n\r\n    reset();\r\n\r\n    setTimeout(() => {\r\n      \/\/ 1. D\u00c9PART CLIENT\r\n      payloadX.style.opacity = '1';\r\n      document.getElementById('node-client').style.borderColor = \"#f97316\";\r\n\r\n      setTimeout(() => {\r\n        \/\/ 2. ARRIV\u00c9E BOT\r\n        payloadX.style.left = '45%';\r\n        \r\n        setTimeout(() => {\r\n          tooltipBot.classList.remove('hidden');\r\n          document.getElementById('node-bot').style.borderColor = \"#3b82f6\";\r\n\r\n          setTimeout(() => {\r\n            tooltipBot.classList.add('hidden');\r\n            \/\/ 3. VERS DESTINATION\r\n            payloadX.style.left = '80%';\r\n            if (currentScenario === 'stock') {\r\n              payloadY.style.top = '30%';\r\n              pathStock.setAttribute('stroke', '#10b981');\r\n            } else {\r\n              payloadY.style.top = '70%';\r\n              pathRupture.setAttribute('stroke', '#f43f5e');\r\n            }\r\n\r\n            setTimeout(() => {\r\n              \/\/ 4. ARRIV\u00c9E FINALE\r\n              payloadX.style.opacity = '0';\r\n              if (currentScenario === 'stock') {\r\n                document.getElementById('node-stock').style.borderColor = \"#10b981\";\r\n                document.getElementById('tooltip-stock').classList.remove('hidden');\r\n              } else {\r\n                document.getElementById('node-rupture').style.borderColor = \"#f43f5e\";\r\n                document.getElementById('tooltip-rupture').classList.remove('hidden');\r\n              }\r\n\r\n              \/\/ BOUCLE\r\n              setTimeout(() => {\r\n                document.getElementById('tooltip-stock').classList.add('hidden');\r\n                document.getElementById('tooltip-rupture').classList.add('hidden');\r\n                currentScenario = currentScenario === 'stock' ? 'rupture' : 'stock';\r\n                runCycle();\r\n              }, 4000);\r\n\r\n            }, 800);\r\n          }, 1500);\r\n        }, 800);\r\n      }, 100);\r\n    }, 500);\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n      isVisible = e.isIntersecting;\r\n      if (isVisible && !isAnimating) runCycle();\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  observer.observe(document.getElementById('stock-widget-container'));\r\n\r\n  document.getElementById('btn-stock').onclick = () => runCycle('stock');\r\n  document.getElementById('btn-rupture').onclick = () => runCycle('rupture');\r\n}\r\n\r\nsetTimeout(initStockOriginal, 600);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f58bb59 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f58bb59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a1c40 elementor-widget elementor-widget-html\" data-id=\"88a1c40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  SECTION AVIS CLIENTS \/ \u00c9TUDES DE CAS - VOLKANO\r\n  Int\u00e9gration Elementor - Tailwind CSS & JS Vanilla\r\n-->\r\n<div id=\"volkano-portfolio\" class=\"bg-[#0b0f19] py-12 md:py-24 px-4 sm:px-6 lg:px-8 font-sans overflow-hidden\" style=\"background-color: #0b0f19; width: 100%; touch-action: pan-y !important;\">\r\n    \r\n    <!-- D\u00e9pendances : Tailwind CSS & Lucide Icons -->\r\n    \r\n    \r\n\r\n    <!-- Styles personnalis\u00e9s pour des animations ultra-fluides -->\r\n    <style>\r\n        .volkano-hidden { opacity: 0; visibility: hidden; transform: translateY(20px); will-change: transform, opacity; }\r\n        .volkano-enter { animation: slideUpFade 0.5s ease-out forwards; visibility: visible; }\r\n        @keyframes slideUpFade { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\r\n        \r\n        \/* Styles pour l'overlay de r\u00e9sultats *\/\r\n        .results-overlay {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transform: translateY(20px);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n        .results-overlay.active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"max-w-7xl mx-auto\" style=\"max-width: 80rem; margin: 0 auto;\">\r\n        <!-- En-t\u00eate de section -->\r\n        <div class=\"volkano-anim volkano-hidden text-center max-w-3xl mx-auto mb-12 md:mb-16\">\r\n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[#131b2c] border border-slate-800\/80 mb-6 shadow-[0_0_15px_rgba(56,189,248,0.05)]\">\r\n                <i data-lucide=\"sparkles\" class=\"w-4 h-4 text-blue-400\"><\/i>\r\n                <span class=\"text-[10px] md:text-xs font-semibold tracking-wide uppercase text-slate-300\">Nos R\u00e9alisations<\/span>\r\n            <\/div>\r\n            <h2 class=\"text-3xl md:text-5xl font-extrabold text-white mb-6 leading-tight tracking-tight\">\r\n                Agence Digitale Madagascar : des r\u00e9sultats concrets propuls\u00e9s par <span class=\"bg-gradient-to-r from-blue-400 to-emerald-400 text-transparent bg-clip-text\">l'Automatisation & l'IA<\/span>\r\n            <\/h2>\r\n            <p class=\"text-base md:text-lg text-gray-400\">\r\n                D\u00e9couvrez l'impact direct de nos \u00e9cosyst\u00e8mes digitaux sur la croissance et la gestion de nos clients.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Grille des r\u00e9alisations -->\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-10\">\r\n\r\n            <!-- Carte 1 : Sakalava Lodge -->\r\n            <div class=\"volkano-anim volkano-hidden bg-[#131b2c] border border-slate-800\/60 rounded-3xl relative flex flex-col overflow-hidden group transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-slate-700\/80 hover:shadow-[0_12px_40px_-10px_rgba(56,189,248,0.15)]\">\r\n                \r\n                <!-- OVERLAY R\u00c9SULTATS (Cach\u00e9 par d\u00e9faut) -->\r\n                <div class=\"results-overlay absolute inset-0 z-50 bg-[#0b0f19]\/95 flex flex-col p-6 md:p-8 overflow-y-auto custom-scrollbar\">\r\n                    <div class=\"flex justify-between items-center mb-6 md:mb-8 border-b border-slate-800 pb-4\">\r\n                        <h4 class=\"text-xl md:text-2xl font-bold text-white flex items-center gap-2\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 md:w-6 md:h-6 text-blue-400\"><\/i> Impact g\u00e9n\u00e9r\u00e9\r\n                        <\/h4>\r\n                        <button class=\"close-results-btn text-slate-400 hover:text-white transition-colors p-2 bg-slate-800\/50 rounded-full hover:bg-slate-700\">\r\n                            <i data-lucide=\"x\" class=\"w-4 h-4 md:w-5 md:h-5\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-6 flex-grow\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                            <div class=\"bg-red-500\/10 border border-red-500\/20 p-4 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-xs font-bold text-red-400 uppercase tracking-wider mb-2 block\">Avant Volkano<\/span>\r\n                                <p class=\"text-xs md:text-sm text-gray-300\">Pertes de r\u00e9servations la nuit, gestion client manuelle chronophage, visibilit\u00e9 Google limit\u00e9e.<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-4 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-xs font-bold text-emerald-400 uppercase tracking-wider mb-2 block\">Apr\u00e8s Volkano<\/span>\r\n                                <p class=\"text-xs md:text-sm text-gray-300\">R\u00e9servations 24\/7 via l'IA, support instantan\u00e9, domination sur les mots-cl\u00e9s locaux.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-3 gap-2 md:gap-4 pt-4\">\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-blue-400 to-cyan-300 text-transparent bg-clip-text mb-1\">+85%<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">Trafic SEO<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center border-x border-slate-800\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-blue-400 to-cyan-300 text-transparent bg-clip-text mb-1\">24\/7<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">Support IA<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-blue-400 to-cyan-300 text-transparent bg-clip-text mb-1\">+40%<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">R\u00e9servations<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"relative aspect-[16\/10] border-b border-slate-800\/60 overflow-hidden bg-[#0b0f19] pt-6 md:pt-8\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-6 md:h-8 bg-[#0b0f19]\/80 backdrop-blur z-20 flex items-center px-4 gap-1.5 border-b border-slate-800\/50\">\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 group-hover:bg-red-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-75 group-hover:bg-yellow-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-150 group-hover:bg-green-400\"><\/div>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/04\/sakalavalodgescreen.png\" alt=\"Sakalava Lodge - \u00e9tude de cas agence digitale Madagascar\" class=\"w-full h-full object-cover object-top transform transition-all duration-500 ease-out group-hover:scale-105 opacity-90 group-hover:opacity-100\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#131b2c] via-transparent to-transparent pointer-events-none z-10\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"relative z-10 flex flex-col flex-grow p-6 md:p-8\">\r\n                    <div class=\"flex justify-between items-start mb-4\">\r\n                        <div>\r\n                            <h3 class=\"text-xl md:text-2xl font-bold text-white mb-1\">Sakalava Lodge<\/h3>\r\n                            <a href=\"https:\/\/www.sakalava.com\" target=\"_blank\" class=\"text-xs md:text-sm text-blue-400 hover:text-blue-300 transition-colors flex items-center gap-1\" rel=\"noopener\">\r\n                                www.sakalava.com <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        <div class=\"p-2.5 md:p-3 bg-[#0b0f19] rounded-2xl border border-slate-800 transition-colors duration-300 group-hover:border-blue-500\/30 shadow-lg\">\r\n                            <i data-lucide=\"bot\" class=\"w-5 h-5 md:w-6 md:h-6 text-blue-400\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-400 text-sm md:text-base leading-relaxed mb-6 flex-grow\">\r\n                        Assistant virtuel IA pour les r\u00e9servations et optimisation SEO agressive pour dominer les r\u00e9sultats de recherche.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mt-auto border-t border-slate-800\/80 pt-6 w-full\">\r\n                        <div class=\"flex flex-wrap gap-2\">\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-blue-500\/10 text-blue-400 rounded-full border border-blue-500\/20 uppercase tracking-tight\">Chatbot IA<\/span>\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-emerald-500\/10 text-emerald-400 rounded-full border border-emerald-500\/20 uppercase tracking-tight\">SEO<\/span>\r\n                        <\/div>\r\n                        <button class=\"open-results-btn flex items-center justify-center gap-2 text-sm font-bold text-white bg-blue-600\/20 hover:bg-blue-600 transition-colors px-6 py-3 rounded-xl shadow-[0_0_15px_rgba(56,189,248,0.2)] border border-blue-500\/50 hover:border-blue-400 w-full sm:w-auto\">\r\n                            \ud83d\udcc8 Voir l'impact\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Carte 2 : HDK Photographie -->\r\n            <div class=\"volkano-anim volkano-hidden bg-[#131b2c] border border-slate-800\/60 rounded-3xl relative flex flex-col overflow-hidden group transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-slate-700\/80 hover:shadow-[0_12px_40px_-10px_rgba(52,211,153,0.15)]\">\r\n                \r\n                <!-- OVERLAY R\u00c9SULTATS -->\r\n                <div class=\"results-overlay absolute inset-0 z-50 bg-[#0b0f19]\/95 flex flex-col p-6 md:p-8 overflow-y-auto custom-scrollbar\">\r\n                    <div class=\"flex justify-between items-center mb-6 md:mb-8 border-b border-slate-800 pb-4\">\r\n                        <h4 class=\"text-xl md:text-2xl font-bold text-white flex items-center gap-2\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 md:w-6 md:h-6 text-emerald-400\"><\/i> Impact g\u00e9n\u00e9r\u00e9\r\n                        <\/h4>\r\n                        <button class=\"close-results-btn text-slate-400 hover:text-white transition-colors p-2 bg-slate-800\/50 rounded-full hover:bg-slate-700\">\r\n                            <i data-lucide=\"x\" class=\"w-4 h-4 md:w-5 md:h-5\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-6 flex-grow\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                            <div class=\"bg-red-500\/10 border border-red-500\/20 p-4 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-xs font-bold text-red-400 uppercase tracking-wider mb-2 block\">Avant Volkano<\/span>\r\n                                <p class=\"text-xs md:text-sm text-gray-300\">Temps perdu \u00e0 qualifier les prospects, posts sociaux manuels, suivis oubli\u00e9s.<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-4 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-xs font-bold text-emerald-400 uppercase tracking-wider mb-2 block\">Apr\u00e8s Volkano<\/span>\r\n                                <p class=\"text-xs md:text-sm text-gray-300\">Base Airtable automatis\u00e9e, prospects pr\u00e9-qualifi\u00e9s par IA, r\u00e9seaux auto-aliment\u00e9s.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-3 gap-2 md:gap-4 pt-4\">\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-emerald-400 to-green-300 text-transparent bg-clip-text mb-1\">-15h<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">Admin\/Sem<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center border-x border-slate-800\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-emerald-400 to-green-300 text-transparent bg-clip-text mb-1\">+60%<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">Leads<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-3xl font-black bg-gradient-to-r from-emerald-400 to-green-300 text-transparent bg-clip-text mb-1\">100%<\/div>\r\n                                <div class=\"text-[9px] md:text-xs text-gray-400 uppercase tracking-wide\">Automatis\u00e9<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"relative aspect-[16\/10] border-b border-slate-800\/60 overflow-hidden bg-[#0b0f19] pt-6 md:pt-8\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-6 md:h-8 bg-[#0b0f19]\/80 backdrop-blur z-20 flex items-center px-4 gap-1.5 border-b border-slate-800\/50\">\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 group-hover:bg-red-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-75 group-hover:bg-yellow-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-150 group-hover:bg-green-400\"><\/div>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-30-100807.png\" alt=\"HDK Photographie\" class=\"w-full h-full object-cover object-top transform transition-all duration-500 ease-out group-hover:scale-105 opacity-90 group-hover:opacity-100\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#131b2c] via-transparent to-transparent pointer-events-none z-10\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"relative z-10 flex flex-col flex-grow p-6 md:p-8\">\r\n                    <div class=\"flex justify-between items-start mb-4\">\r\n                        <div>\r\n                            <h3 class=\"text-xl md:text-2xl font-bold text-white mb-1\">HDK Photographie<\/h3>\r\n                            <a href=\"https:\/\/www.hdkphotographie.fr\" target=\"_blank\" class=\"text-xs md:text-sm text-emerald-400 hover:text-emerald-300 transition-colors flex items-center gap-1\" rel=\"noopener\">\r\n                                www.hdkphotographie.fr <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        <div class=\"p-2.5 md:p-3 bg-[#0b0f19] rounded-2xl border border-slate-800 transition-colors duration-300 group-hover:border-emerald-500\/30 shadow-lg\">\r\n                            <i data-lucide=\"camera\" class=\"w-5 h-5 md:w-6 md:h-6 text-emerald-400\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-400 text-sm md:text-base leading-relaxed mb-6 flex-grow\">\r\n                        Cr\u00e9ation int\u00e9grale du site, chatbot de qualification et automatisation des r\u00e9seaux sociaux.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mt-auto border-t border-slate-800\/80 pt-6 w-full\">\r\n                        <div class=\"flex flex-wrap gap-2\">\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-emerald-500\/10 text-emerald-400 rounded-full border border-emerald-500\/20 uppercase tracking-tight\">Cr\u00e9ation & SEO<\/span>\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-purple-500\/10 text-purple-400 rounded-full border border-purple-500\/20 uppercase tracking-tight\">Auto R\u00e9seaux<\/span>\r\n                        <\/div>\r\n                        <button class=\"open-results-btn flex items-center justify-center gap-2 text-sm font-bold text-white bg-emerald-600\/20 hover:bg-emerald-600 transition-colors px-6 py-3 rounded-xl shadow-[0_0_15px_rgba(52,211,153,0.2)] border border-emerald-500\/50 hover:border-emerald-400 w-full sm:w-auto\">\r\n                            \u26a1 Voir l'impact\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Carte 3 : Elisa Sorci (Large) -->\r\n            <div class=\"volkano-anim volkano-hidden bg-[#131b2c] border border-slate-800\/60 rounded-3xl relative flex flex-col lg:col-span-2 overflow-hidden group transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-slate-700\/80 hover:shadow-[0_12px_40px_-10px_rgba(239,68,68,0.15)]\">\r\n                \r\n                <!-- OVERLAY R\u00c9SULTATS -->\r\n                <div class=\"results-overlay absolute inset-0 z-50 bg-[#0b0f19]\/95 flex flex-col p-6 md:p-8 overflow-y-auto custom-scrollbar\">\r\n                    <div class=\"flex justify-between items-center mb-6 md:mb-8 border-b border-slate-800 pb-4\">\r\n                        <h4 class=\"text-xl md:text-2xl font-bold text-white flex items-center gap-2\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 md:w-6 md:h-6 text-red-400\"><\/i> Impact g\u00e9n\u00e9r\u00e9\r\n                        <\/h4>\r\n                        <button class=\"close-results-btn text-slate-400 hover:text-white transition-colors p-2 bg-slate-800\/50 rounded-full hover:bg-slate-700\">\r\n                            <i data-lucide=\"x\" class=\"w-4 h-4 md:w-5 md:h-5\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-6 flex-grow flex flex-col justify-center\">\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"bg-red-500\/10 border border-red-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-red-400 uppercase tracking-wider mb-2 block\">Avant Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Ventes d\u00e9pendantes de webinaires manuels complexes. Pertes de prospects entre les diff\u00e9rentes plateformes.<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-emerald-400 uppercase tracking-wider mb-2 block\">Apr\u00e8s Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Un tunnel de vente imp\u00e9n\u00e9trable. Inscriptions automatis\u00e9es et ventes g\u00e9n\u00e9r\u00e9es en pilote automatique.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-3 gap-2 md:gap-6 pt-4 md:pt-8 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-red-400 to-orange-300 text-transparent bg-clip-text mb-1 md:mb-2\">x3.5<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Conversion<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center border-x border-slate-800\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-red-400 to-orange-300 text-transparent bg-clip-text mb-1 md:mb-2\">+120%<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Ventes Passives<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-red-400 to-orange-300 text-transparent bg-clip-text mb-1 md:mb-2\">0<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Friction<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"relative aspect-video md:aspect-[21\/9] lg:h-80 lg:aspect-auto border-b border-slate-800\/60 overflow-hidden bg-[#0b0f19] pt-6 md:pt-8\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-6 md:h-8 bg-[#0b0f19]\/80 backdrop-blur z-20 flex items-center px-4 gap-1.5 border-b border-slate-800\/50\">\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 group-hover:bg-red-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-75 group-hover:bg-yellow-400\"><\/div>\r\n                        <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-150 group-hover:bg-green-400\"><\/div>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/04\/elisasorcy-screenshoot.png\" alt=\"Elisa Sorci\" class=\"w-full h-full object-cover object-top transform transition-all duration-500 ease-out group-hover:scale-105 opacity-90 group-hover:opacity-100\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#131b2c] via-[#131b2c]\/20 to-transparent pointer-events-none z-10\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"relative z-10 flex flex-col flex-grow p-6 md:p-8 lg:flex-row lg:items-end lg:justify-between lg:gap-8\">\r\n                    <div class=\"lg:w-2\/3\">\r\n                        <div class=\"flex items-center gap-4 mb-4\">\r\n                            <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Elisa Sorci<\/h3>\r\n                            <a href=\"https:\/\/elisasorci.fr\/\" target=\"_blank\" class=\"text-xs md:text-sm text-red-400 hover:text-red-300 transition-colors flex items-center gap-1 bg-red-500\/10 px-3 py-1 rounded-full border border-red-500\/20\" rel=\"noopener\">\r\n                                Visiter <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                        \r\n                        <p class=\"text-gray-400 text-sm md:text-base leading-relaxed mb-6 lg:mb-0\">\r\n                            <strong>Le Tunnel de Vente Ultime :<\/strong> Gestion Ads, pages de vente System.io, s\u00e9quences emails ActiveCampaign et automatisation webinaire via WebinarJam.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex flex-col items-start lg:items-end gap-4 lg:w-1\/3 w-full\">\r\n                        <div class=\"flex flex-wrap gap-2 mb-2 lg:justify-end\">\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-red-500\/10 text-red-400 rounded-full border border-red-500\/20 uppercase tracking-tight\">Tunnels<\/span>\r\n                            <span class=\"px-3 py-1.5 text-[10px] font-bold bg-orange-500\/10 text-orange-400 rounded-full border border-orange-500\/20 uppercase tracking-tight\">System.io<\/span>\r\n                        <\/div>\r\n                        <button class=\"open-results-btn flex items-center justify-center gap-2 text-sm md:text-base font-bold text-white bg-red-600\/20 hover:bg-red-600 transition-colors px-6 py-3 rounded-xl shadow-[0_0_20px_rgba(239,68,68,0.2)] border border-red-500\/50 hover:border-red-500 w-full lg:w-auto\">\r\n                            \ud83d\ude80 Voir la machine \u00e0 vendre\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Carte 4 : Ocean Lodge (Mis \u00e0 jour) -->\r\n            <div class=\"volkano-anim volkano-hidden bg-[#131b2c] border border-slate-800\/60 rounded-3xl relative flex flex-col lg:col-span-2 overflow-hidden group transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-slate-700\/80 hover:shadow-[0_12px_40px_-10px_rgba(245,158,11,0.15)]\">\r\n                 \r\n                 <!-- OVERLAY R\u00c9SULTATS -->\r\n                 <div class=\"results-overlay absolute inset-0 z-50 bg-[#0b0f19]\/95 flex flex-col p-6 md:p-8 overflow-y-auto custom-scrollbar\">\r\n                    <div class=\"flex justify-between items-center mb-6 md:mb-8 border-b border-slate-800 pb-4\">\r\n                        <h4 class=\"text-xl md:text-2xl font-bold text-white flex items-center gap-2\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 md:w-6 md:h-6 text-amber-400\"><\/i> Impact g\u00e9n\u00e9r\u00e9\r\n                        <\/h4>\r\n                        <button class=\"close-results-btn text-slate-400 hover:text-white transition-colors p-2 bg-slate-800\/50 rounded-full hover:bg-slate-700\">\r\n                            <i data-lucide=\"x\" class=\"w-4 h-4 md:w-5 md:h-5\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-6 flex-grow flex flex-col justify-center\">\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"bg-red-500\/10 border border-red-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-red-400 uppercase tracking-wider mb-2 block\">Avant Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Site web vieillissant, trafic organique quasi nul face \u00e0 la concurrence et un tunnel de r\u00e9servation peu rassurant.<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-emerald-400 uppercase tracking-wider mb-2 block\">Apr\u00e8s Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Nouveau site ultra-immersif, domination des recherches Google (SEO) et explosion des marges sans plateformes tierces.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-3 gap-2 md:gap-6 pt-4 md:pt-8 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-amber-400 to-yellow-300 text-transparent bg-clip-text mb-1 md:mb-2\">+40%<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">R\u00e9servations Directes<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center border-x border-slate-800\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-amber-400 to-yellow-300 text-transparent bg-clip-text mb-1 md:mb-2\">+150%<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Trafic Organique<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-amber-400 to-yellow-300 text-transparent bg-clip-text mb-1 md:mb-2\">Top 3<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Sur Google<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                 <div class=\"relative z-10 flex flex-col lg:flex-row-reverse items-stretch lg:gap-8 h-full\">\r\n                    <div class=\"lg:w-1\/2 flex flex-col justify-center p-6 md:p-8\">\r\n                        <div class=\"flex justify-between items-start mb-4\">\r\n                            <div>\r\n                                <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-1\">Ocean Lodge<\/h3>\r\n                                <a href=\"https:\/\/oceanlodge-madagascar.com\/\" target=\"_blank\" class=\"text-xs md:text-sm text-amber-400 hover:text-amber-300 transition-colors flex items-center gap-1\" rel=\"noopener\">\r\n                                    oceanlodge-madagascar.com <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                            <div class=\"p-2.5 md:p-3 bg-[#0b0f19] rounded-2xl border border-slate-800 transition-colors duration-300 group-hover:border-amber-500\/30 lg:hidden shadow-lg\">\r\n                                <i data-lucide=\"palmtree\" class=\"w-5 h-5 text-amber-400\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <p class=\"text-gray-400 text-sm md:text-base leading-relaxed mb-6 lg:mb-8 flex-grow\">\r\n                            <strong>Refonte & Strat\u00e9gie SEO :<\/strong> Cr\u00e9ation d'une nouvelle identit\u00e9 web ultra-performante et optimisation du r\u00e9f\u00e9rencement pour dominer les recherches de s\u00e9jours premium.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-slate-800\/80 pt-6 w-full\">\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"px-3 py-1.5 text-[10px] font-bold bg-amber-500\/10 text-amber-400 rounded-full border border-amber-500\/20 uppercase tracking-tight\">Refonte Web<\/span>\r\n                                <span class=\"px-3 py-1.5 text-[10px] font-bold bg-yellow-500\/10 text-yellow-400 rounded-full border border-yellow-500\/20 uppercase tracking-tight\">Expertise SEO<\/span>\r\n                            <\/div>\r\n                            <button class=\"open-results-btn flex items-center justify-center gap-2 text-sm font-bold text-white bg-amber-600\/20 hover:bg-amber-600 transition-colors px-6 py-3 rounded-xl shadow-[0_0_15px_rgba(245,158,11,0.2)] border border-amber-500\/50 hover:border-amber-400 w-full sm:w-auto\">\r\n                                \ud83c\udf34 Voir l'impact\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"lg:w-1\/2 w-full aspect-video lg:aspect-auto lg:min-h-[350px] border-b lg:border-b-0 lg:border-r border-slate-800\/60 overflow-hidden bg-[#0b0f19] relative pt-6 md:pt-8 order-first lg:order-none rounded-t-3xl lg:rounded-t-none lg:rounded-l-3xl\">\r\n                        <div class=\"absolute top-0 left-0 w-full h-6 md:h-8 bg-[#0b0f19]\/80 backdrop-blur z-20 flex items-center px-4 gap-1.5 border-b border-slate-800\/50\">\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 group-hover:bg-red-400\"><\/div>\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-75 group-hover:bg-yellow-400\"><\/div>\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-150 group-hover:bg-green-400\"><\/div>\r\n                        <\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-29-142906.png\" alt=\"Ocean Lodge\" class=\"w-full h-full object-cover object-center transform transition-all duration-500 ease-out group-hover:scale-105 opacity-90 group-hover:opacity-100\">\r\n                    <\/div>\r\n                 <\/div>\r\n            <\/div>\r\n\r\n            <!-- Carte 5 : Natemi (Le Laboratoire d'Innovation - Automatis\u00e9) -->\r\n            <div class=\"volkano-anim volkano-hidden bg-[#131b2c] border border-slate-800\/60 rounded-3xl relative flex flex-col lg:col-span-2 overflow-hidden group transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-slate-700\/80 hover:shadow-[0_12px_40px_-10px_rgba(168,85,247,0.15)]\">\r\n                 \r\n                 <!-- OVERLAY R\u00c9SULTATS -->\r\n                 <div class=\"results-overlay absolute inset-0 z-50 bg-[#0b0f19]\/95 flex flex-col p-6 md:p-8 overflow-y-auto custom-scrollbar\">\r\n                    <div class=\"flex justify-between items-center mb-6 md:mb-8 border-b border-slate-800 pb-4\">\r\n                        <h4 class=\"text-xl md:text-2xl font-bold text-white flex items-center gap-2\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 md:w-6 md:h-6 text-purple-400\"><\/i> Impact g\u00e9n\u00e9r\u00e9\r\n                        <\/h4>\r\n                        <button class=\"close-results-btn text-slate-400 hover:text-white transition-colors p-2 bg-slate-800\/50 rounded-full hover:bg-slate-700\">\r\n                            <i data-lucide=\"x\" class=\"w-4 h-4 md:w-5 md:h-5\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-6 flex-grow flex flex-col justify-center\">\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"bg-red-500\/10 border border-red-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-red-400 uppercase tracking-wider mb-2 block\">Avant Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Gestion chronophage des contacts en salon, suivi prospect irr\u00e9gulier, et r\u00e9seaux sociaux inactifs pendant l'\u00e9v\u00e9nementiel.<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-4 md:p-6 rounded-2xl\">\r\n                                <span class=\"text-[10px] md:text-sm font-bold text-emerald-400 uppercase tracking-wider mb-2 block\">Apr\u00e8s Volkano<\/span>\r\n                                <p class=\"text-xs md:text-base text-gray-300\">Acquisition Tally, s\u00e9quence email auto sur 30 jours, chatbot IA actif 24\/7 et postage automatique continu.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-3 gap-2 md:gap-6 pt-4 md:pt-8 max-w-4xl mx-auto w-full\">\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-purple-400 to-fuchsia-300 text-transparent bg-clip-text mb-1 md:mb-2\">30 Jrs<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Relances Emails<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center border-x border-slate-800\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-purple-400 to-fuchsia-300 text-transparent bg-clip-text mb-1 md:mb-2\">100%<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Suivi Prospect<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center\">\r\n                                <div class=\"text-2xl md:text-5xl font-black bg-gradient-to-r from-purple-400 to-fuchsia-300 text-transparent bg-clip-text mb-1 md:mb-2\">24\/7<\/div>\r\n                                <div class=\"text-[9px] md:text-sm text-gray-400 uppercase tracking-wide\">Chatbot Actif<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                 <div class=\"relative z-10 flex flex-col lg:flex-row items-stretch lg:gap-8 h-full\">\r\n                    <div class=\"lg:w-1\/2 flex flex-col justify-center p-6 md:p-8\">\r\n                        <div class=\"flex justify-between items-start mb-4\">\r\n                            <div>\r\n                                <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-1\">Natemi<\/h3>\r\n                                <a href=\"https:\/\/natemi.re\" target=\"_blank\" class=\"text-xs md:text-sm text-purple-400 hover:text-purple-300 transition-colors flex items-center gap-1\" rel=\"noopener\">\r\n                                    natemi.re <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                            <div class=\"p-2.5 md:p-3 bg-[#0b0f19] rounded-2xl border border-slate-800 transition-colors duration-300 group-hover:border-purple-500\/30 lg:hidden shadow-lg\">\r\n                                <i data-lucide=\"layout\" class=\"w-5 h-5 text-purple-400\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <p class=\"text-gray-400 text-sm md:text-base leading-relaxed mb-6 lg:mb-8 flex-grow\">\r\n                            <strong>Machine d'acquisition \u00e9v\u00e9nementielle :<\/strong> Cr\u00e9ation du site, int\u00e9gration d'un Chatbot IA, et d\u00e9ploiement d'un \u00e9cosyst\u00e8me automatis\u00e9 (formulaires Tally & relances mails sur un mois).\r\n                        <\/p>\r\n                        \r\n                        <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-slate-800\/80 pt-6 w-full\">\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"px-3 py-1.5 text-[10px] font-bold bg-purple-500\/10 text-purple-400 rounded-full border border-purple-500\/20 uppercase tracking-tight\">Lead Nurturing<\/span>\r\n                                <span class=\"px-3 py-1.5 text-[10px] font-bold bg-blue-500\/10 text-blue-400 rounded-full border border-blue-500\/20 uppercase tracking-tight\">Chatbot IA<\/span>\r\n                                <span class=\"px-3 py-1.5 text-[10px] font-bold bg-fuchsia-500\/10 text-fuchsia-400 rounded-full border border-fuchsia-500\/20 uppercase tracking-tight\">Auto R\u00e9seaux<\/span>\r\n                            <\/div>\r\n                            <button class=\"open-results-btn flex items-center justify-center gap-2 text-sm font-bold text-white bg-purple-600\/20 hover:bg-purple-600 transition-colors px-6 py-3 rounded-xl shadow-[0_0_15px_rgba(168,85,247,0.2)] border border-purple-500\/50 hover:border-purple-400 w-full sm:w-auto mt-4 sm:mt-0\">\r\n                                \ud83e\udd16 Voir l'automatisation\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"lg:w-1\/2 w-full aspect-video lg:aspect-auto lg:min-h-[350px] border-b lg:border-b-0 lg:border-l border-slate-800\/60 overflow-hidden bg-[#0b0f19] relative pt-6 md:pt-8 order-first lg:order-none rounded-t-3xl lg:rounded-t-none lg:rounded-r-3xl\">\r\n                        <div class=\"absolute top-0 left-0 w-full h-6 md:h-8 bg-[#0b0f19]\/80 backdrop-blur z-20 flex items-center px-4 gap-1.5 border-b border-slate-800\/50\">\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 group-hover:bg-red-400\"><\/div>\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-75 group-hover:bg-yellow-400\"><\/div>\r\n                            <div class=\"w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-slate-700 transition-colors duration-300 delay-150 group-hover:bg-green-400\"><\/div>\r\n                        <\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/volkano.pro\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-30-100025.png\" alt=\"Natemi Automatisations\" class=\"w-full h-full object-cover object-center transform transition-all duration-500 ease-out group-hover:scale-105 opacity-90 group-hover:opacity-100\">\r\n                    <\/div>\r\n                 <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function initVolkanoPortfolio() {\r\n    function run() {\r\n        if (typeof lucide !== 'undefined') {\r\n            lucide.createIcons();\r\n        }\r\n\r\n        const openBtns = document.querySelectorAll('.open-results-btn');\r\n        const closeBtns = document.querySelectorAll('.close-results-btn');\r\n\r\n        openBtns.forEach(btn => {\r\n            btn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                const card = this.closest('.volkano-anim');\r\n                const overlay = card.querySelector('.results-overlay');\r\n                if(overlay) overlay.classList.add('active');\r\n            });\r\n        });\r\n\r\n        closeBtns.forEach(btn => {\r\n            btn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                const overlay = this.closest('.results-overlay');\r\n                if(overlay) overlay.classList.remove('active');\r\n            });\r\n        });\r\n\r\n        const animatedElements = document.querySelectorAll('.volkano-anim');\r\n        const isElementor = document.body.classList.contains('elementor-editor-active') || window.name.includes('elementor');\r\n        \r\n        if (isElementor) {\r\n            animatedElements.forEach(el => {\r\n                el.classList.remove('volkano-hidden');\r\n                el.classList.add('opacity-100', 'translate-y-0'); \r\n            });\r\n            return; \r\n        }\r\n\r\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\r\n\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.remove('volkano-hidden');\r\n                    entry.target.classList.add('volkano-enter');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        animatedElements.forEach((el, index) => {\r\n            if(index > 0) {\r\n                el.style.animationDelay = `${(index - 1) * 150}ms`;\r\n            }\r\n            observer.observe(el);\r\n        });\r\n    }\r\n\r\n    setTimeout(run, 400); \r\n    \r\n    setTimeout(() => {\r\n        document.querySelectorAll('.volkano-anim').forEach(el => {\r\n            el.classList.remove('volkano-hidden');\r\n        });\r\n    }, 2000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-882f10e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"882f10e\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71335cb elementor-widget elementor-widget-heading\" data-id=\"71335cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contactez-nous<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-784e434 e-con-full contact-container e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"784e434\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9e67f0 wpr-step-type-number_text wpr-step-content-layout-vertical wpr-custom-styles-yes elementor-widget elementor-widget-wpr-form-builder\" data-id=\"e9e67f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;success_message&quot;:&quot;Envoy\\u00e9 avec succ\\u00e8s&quot;,&quot;error_message&quot;:&quot;L&#039;envoi a \\u00e9chou\\u00e9&quot;,&quot;button_width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;button_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;button_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_content_layout&quot;:&quot;vertical&quot;}\" data-widget_type=\"wpr-form-builder.default\">\n\t\t\t\t\t\t\t<form class=\"wpr-form\" method=\"post\" name=\"contact form\" page=\"Accueil\" page_id=\"19\" novalidate>\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"19\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e9e67f0\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t<div class=\"wpr-step-wrap\"><\/div>\n\t\t\t<div class=\"wpr-form-fields-wrap wpr-labels-\">\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-text wpr-field-group wpr-column wpr-field-group-name elementor-repeater-item-0099813 wpr-form-field-required\">\n\t\t\t\t\t\t<input size=\"1 \"type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"wpr-form-field  wpr-form-field-textual\" placeholder=\"Nom\" required=\"required\" aria-required=\"true\">\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-email wpr-field-group wpr-column wpr-field-group-email elementor-repeater-item-07fe301 wpr-form-field-required\">\n\t\t\t\t\t\t<input size=\"1 \"type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"wpr-form-field  wpr-form-field-textual\" placeholder=\"Email\" required=\"required\" aria-required=\"true\">\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-textarea wpr-field-group wpr-column wpr-field-group-message elementor-repeater-item-47ee237 wpr-form-field-required\">\n\t\t\t\t\t\t<textarea class=\"wpr-form-field-textual wpr-form-field \" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Votre projet...\" required=\"required\" aria-required=\"true\"><\/textarea>\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wpr-field-group wpr-stp-btns-wrap wpr-column wpr-form-field-type-submit\" data-actions=\"[&quot;email&quot;]\" data-redirect-url=\"\" data-mailchimp-fields=\"{&quot;email_field&quot;:&quot;&quot;,&quot;first_name_field&quot;:&quot;&quot;,&quot;last_name_field&quot;:&quot;&quot;,&quot;address_field&quot;:&quot;&quot;,&quot;phone_field&quot;:&quot;&quot;,&quot;birthday_field&quot;:&quot;&quot;,&quot;group_id&quot;:&quot;&quot;}\" data-list-id=\"\">\t\t\t<button type=\"submit\" class=\"wpr-button\" id=\"send\">\n\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Envoyer<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\t\n\t\t\t\t<div class=\"wpr-double-bounce wpr-loader-hidden\">\n\t\t\t\t\t<div class=\"wpr-child wpr-double-bounce1\"><\/div>\n\t\t\t\t\t<div class=\"wpr-child wpr-double-bounce2\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/button>\n\t\t<\/div>\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/form>\n\t  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4ed9ab e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f4ed9ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b24e13 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7b24e13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-117cbf9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"117cbf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd93fd8 elementor-widget elementor-widget-heading\" data-id=\"dd93fd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/volkano.pro\/condition-general-dutilisation\/\">Mentions L\u00e9gales<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VOLKANO. Agence Digitale pour PME &amp; Ind\u00e9pendants forgez Votre Futur Fusionnez puissance technologique et impact visuel.Automatisez l&rsquo;ordinaire pour vous concentrer sur l&rsquo;extraordinaire. Voir la diff\u00e9rence Explorer SOLUTIONS CL\u00c9S EN MAIN Des outils simples et puissants pour votre entreprise, con\u00e7us par une agence digitale Madagascar. Pilote Auto R\u00e9seaux D\u00e9posez vos photos dans Google Drive, notre IA \u00e9crit le texte et poste sur Facebook &amp; Instagram. R\u00e9servations 24\/7 Vos clients r\u00e9servent en ligne, le planning se met \u00e0 jour, confirmation par email auto. Emails Intelligents Tri automatique des demandes, r\u00e9ponses pr\u00e9-r\u00e9dig\u00e9es, relance des devis. Branding &amp; Web Refonte rapide de votre site vitrine et cr\u00e9ation de contenus professionnels Transformation visuelle L&rsquo;effet Volkano Votre site actuel (Standard) vs Votre futur site (Immersif). Lequel convertit le mieux ? AvantApr\u00e8s Gain du temps Du Drive aux R\u00e9seaux Mettez vos photos dans un dossier, l&rsquo;IA s&rsquo;occupe du reste : r\u00e9daction et publication. 1 D\u00e9p\u00f4t sur Drive 2 R\u00e9daction IA 3 Post automatique Source Expert IA Volkano En ligne H\u00f4tellerie &#038; Tourisme Planning Intelligent Sync en boucle active Synchroniser Recherche&#8230; Acquisition TUNNEL DE VENTE Convertissez vos visiteurs en clients automatiquement avec un parcours de vente optimis\u00e9. Simulation automatique en cours 1. Entr\u00e9e Ads &#038; r\u00e9seaux 2. Mailing Auto Emails de relance + 0\u20ac 3. Vente Conversion CLIENT Interrogation&#8230; BOT V\u00c9RIF Devis exp\u00e9di\u00e9 EN STOCK Alternative RUPTURE Logistique GESTION DE STOCK INTELLIGENTE Le bot interroge votre base de donn\u00e9es et r\u00e9pond automatiquement aux clients. Forcer : Dispo Forcer : Rupture Nos R\u00e9alisations Agence Digitale Madagascar : des r\u00e9sultats concrets propuls\u00e9s par l&rsquo;Automatisation &#038; l&rsquo;IA D\u00e9couvrez l&rsquo;impact direct de nos \u00e9cosyst\u00e8mes digitaux sur la croissance et la gestion de nos clients. Impact g\u00e9n\u00e9r\u00e9 Avant Volkano Pertes de r\u00e9servations la nuit, gestion client manuelle chronophage, visibilit\u00e9 Google limit\u00e9e. Apr\u00e8s Volkano R\u00e9servations 24\/7 via l&rsquo;IA, support instantan\u00e9, domination sur les mots-cl\u00e9s locaux. +85% Trafic SEO 24\/7 Support IA +40% R\u00e9servations Sakalava Lodge www.sakalava.com Assistant virtuel IA pour les r\u00e9servations et optimisation SEO agressive pour dominer les r\u00e9sultats de recherche. Chatbot IA SEO \ud83d\udcc8 Voir l&rsquo;impact Impact g\u00e9n\u00e9r\u00e9 Avant Volkano Temps perdu \u00e0 qualifier les prospects, posts sociaux manuels, suivis oubli\u00e9s. Apr\u00e8s Volkano Base Airtable automatis\u00e9e, prospects pr\u00e9-qualifi\u00e9s par IA, r\u00e9seaux auto-aliment\u00e9s. -15h Admin\/Sem +60% Leads 100% Automatis\u00e9 HDK Photographie www.hdkphotographie.fr Cr\u00e9ation int\u00e9grale du site, chatbot de qualification et automatisation des r\u00e9seaux sociaux. Cr\u00e9ation &#038; SEO Auto R\u00e9seaux \u26a1 Voir l&rsquo;impact Impact g\u00e9n\u00e9r\u00e9 Avant Volkano Ventes d\u00e9pendantes de webinaires manuels complexes. Pertes de prospects entre les diff\u00e9rentes plateformes. Apr\u00e8s Volkano Un tunnel de vente imp\u00e9n\u00e9trable. Inscriptions automatis\u00e9es et ventes g\u00e9n\u00e9r\u00e9es en pilote automatique. x3.5 Conversion +120% Ventes Passives 0 Friction Elisa Sorci Visiter Le Tunnel de Vente Ultime : Gestion Ads, pages de vente System.io, s\u00e9quences emails ActiveCampaign et automatisation webinaire via WebinarJam. Tunnels System.io \ud83d\ude80 Voir la machine \u00e0 vendre Impact g\u00e9n\u00e9r\u00e9 Avant Volkano Site web vieillissant, trafic organique quasi nul face \u00e0 la concurrence et un tunnel de r\u00e9servation peu rassurant. Apr\u00e8s Volkano Nouveau site ultra-immersif, domination des recherches Google (SEO) et explosion des marges sans plateformes tierces. +40% R\u00e9servations Directes +150% Trafic Organique Top 3 Sur Google Ocean Lodge oceanlodge-madagascar.com Refonte &#038; Strat\u00e9gie SEO : Cr\u00e9ation d&rsquo;une nouvelle identit\u00e9 web ultra-performante et optimisation du r\u00e9f\u00e9rencement pour dominer les recherches de s\u00e9jours premium. Refonte Web Expertise SEO \ud83c\udf34 Voir l&rsquo;impact Impact g\u00e9n\u00e9r\u00e9 Avant Volkano Gestion chronophage des contacts en salon, suivi prospect irr\u00e9gulier, et r\u00e9seaux sociaux inactifs pendant l&rsquo;\u00e9v\u00e9nementiel. Apr\u00e8s Volkano Acquisition Tally, s\u00e9quence email auto sur 30 jours, chatbot IA actif 24\/7 et postage automatique continu. 30 Jrs Relances Emails 100% Suivi Prospect 24\/7 Chatbot Actif Natemi natemi.re Machine d&rsquo;acquisition \u00e9v\u00e9nementielle : Cr\u00e9ation du site, int\u00e9gration d&rsquo;un Chatbot IA, et d\u00e9ploiement d&rsquo;un \u00e9cosyst\u00e8me automatis\u00e9 (formulaires Tally &#038; relances mails sur un mois). Lead Nurturing Chatbot IA Auto R\u00e9seaux \ud83e\udd16 Voir l&rsquo;automatisation Contactez-nous Envoyer Mentions L\u00e9gales<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":463,"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/volkano.pro\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}