1<!DOCTYPE html> 2<html class="scroll-smooth scroll-pt-44" lang="fr-FR"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7
7<script>window.dataLayer=window.dataLayer||[];window.dataLayer.push({"page_type":"landing_ia","page_category":"ia","content_id":12326,"content_title":"Intelligence Artificielle"});</script>
vendor: 1 bytes, line 7
7
8<script type="text/javascript">var Pollora = { ajaxurl: "https://amphibee.fr/cms/wp-admin/admin-ajax.php" };</script>
8<title>Agence WordPress spécialisée en Intelligence Artificielle</title> 9<!-- Google Tag Manager (deferred) --> 10
10<script> 11 window.dataLayer=window.dataLayer||[]; 12 (function(){ 13 var loaded=false; 14 function loadGTM(){ 15 if(loaded)return;loaded=true;
vendor: 428 bytes, lines 15-20
15 16 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 17 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 18 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 19 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 20 })(window,document,'script','dataLayer','
20GTM-MQ32465
vendor: 20 bytes, lines 20-21
20'); 21
21} 22 var events=['scroll','click','touchstart','keydown']; 23 events.forEach(function(e){document.addEventListener(e,loadGTM,{once:true,passive:true});}); 24 setTimeout(loadGTM,4000); 25 })(); 26 </script>
26 27 <!-- End Google Tag Manager --> 28<!-- The SEO Framework : par Sybre Waaijer --> 29<meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1" /> 30<link rel="canonical" href="https://amphibee.fr/ia" /> 31<meta name="description" content="Exploitez le potentiel de lâIA sur WordPress : traduction multisite, génération de contenu, recherche conversationnelle, automatisation et solutions sur mesure." /> 32<meta property="og:type" content="website" /> 33<meta property="og:locale" content="fr_FR" /> 34<meta property="og:site_name" content="AmphiBee" /> 35<meta property="og:title" content="Agence WordPress spécialisée en Intelligence Artificielle" /> 36<meta property="og:description" content="Exploitez le potentiel de lâIA sur WordPress : traduction multisite, génération de contenu, recherche conversationnelle, automatisation et solutions sur mesure." /> 37<meta property="og:url" content="https://amphibee.fr/ia" /> 38<meta property="og:image" content="https://amphibee.fr/content/uploads/2025/02/abeille-2.png" /> 39<meta property="og:image:width" content="58" /> 40<meta property="og:image:height" content="55" /> 41<meta property="og:image:alt" content="Illustration de l'abeille du logo de l'agence Amphibee" /> 42<meta name="twitter:card" content="summary_large_image" /> 43<meta name="twitter:title" content="Agence WordPress spécialisée en Intelligence Artificielle" /> 44<meta name="twitter:description" content="Exploitez le potentiel de lâIA sur WordPress : traduction multisite, génération de contenu, recherche conversationnelle, automatisation et solutions sur mesure." /> 45<meta name="twitter:image" content="https://amphibee.fr/content/uploads/2025/02/abeille-2.png" /> 46<meta name="twitter:image:alt" content="Illustration de l'abeille du logo de l'agence Amphibee" />
47<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://amphibee.fr/#/schema/WebSite","url":"https://amphibee.fr/","name":"AmphiBee","inLanguage":"fr-FR","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://amphibee.fr/search/{search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","@id":"https://amphibee.fr/#/schema/Organization","name":"AmphiBee","url":"https://amphibee.fr/","sameAs":["https://www.facebook.com/amphibee.fr/","https://twitter.com/amphibee","https://www.instagram.com/amphibee.fr/","https://www.youtube.com/@amphibee","https://www.linkedin.com/company/amphibee/"],"logo":{"@type":"ImageObject","url":"https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon.webp","contentUrl":"https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon.webp","width":512,"height":512,"contentSize":"16032"}}},{"@type":"WebPage","@id":"https://amphibee.fr/ia","url":"https://amphibee.fr/ia","name":"Agence WordPress spécialisée en Intelligence Artificielle","description":"Exploitez le potentiel de lâIA sur WordPress : traduction multisite, génération de contenu, recherche conversationnelle, automatisation et solutions sur mesure.","inLanguage":"fr-FR","isPartOf":{"@id":"https://amphibee.fr/#/schema/WebSite"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://amphibee.fr/#/schema/BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":"https://amphibee.fr/","name":"HomePage"},{"@type":"ListItem","position":2,"name":"Intelligence Artificielle"}]},"potentialAction":{"@type":"ReadAction","target":"https://amphibee.fr/ia"}}]}</script>
47 48<!-- / The SEO Framework : par Sybre Waaijer | 7.86ms meta | 0.08ms boot --> 49 50<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> 51<link rel="alternate" type="application/rss+xml" title="AmphiBee » Flux" href="https://amphibee.fr/feed" /> 52<link rel="alternate" type="application/rss+xml" title="AmphiBee » Flux des commentaires" href="https://amphibee.fr/comments/feed" /> 53<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://amphibee.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famphibee.fr%2Fia" /> 54<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://amphibee.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famphibee.fr%2Fia&format=xml" /> 55<link rel="alternate" type="text/markdown" href="https://amphibee.fr/ia.md"> 56<style id="wp-img-auto-sizes-contain-inline-css"> 57img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 58/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 59</style> 60<style id="wp-block-spacer-inline-css"> 61.wp-block-spacer{clear:both} 62/*# sourceURL=https://amphibee.fr/cms/wp-includes/blocks/spacer/style.min.css */ 63</style> 64<style id="wp-block-paragraph-inline-css"> 65.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 66/*# sourceURL=https://amphibee.fr/cms/wp-includes/blocks/paragraph/style.min.css */ 67</style> 68<style id="wp-block-heading-inline-css"> 69h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 70/*# sourceURL=https://amphibee.fr/cms/wp-includes/blocks/heading/style.min.css */ 71</style> 72<style id="wp-block-table-inline-css"> 73.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}
73.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} 74/*# sourceURL=https://amphibee.fr/cms/wp-includes/blocks/table/style.min.css */ 75</style> 76<style id="wp-block-group-inline-css"> 77.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 78/*# sourceURL=https://amphibee.fr/cms/wp-includes/blocks/group/style.min.css */ 79</style> 80<style id="wp-emoji-styles-inline-css"> 81 82 img.wp-smiley, img.emoji { 83 display: inline !important; 84 border: none !important; 85 box-shadow: none !important; 86 height: 1em !important; 87 width: 1em !important; 88 margin: 0 0.07em !important; 89 vertical-align: -0.1em !important; 90 background: none !important; 91 padding: 0 !important; 92 } 93/*# sourceURL=wp-emoji-styles-inline-css */ 94</style> 95<style id="wp-block-library-inline-css"> 96:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
96--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 97/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 98</style> 99<style id="wp-block-styles-placeholder-inline-css"> 100:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." } 101/*# sourceURL=wp-block-styles-placeholder-inline-css */ 102</style> 103<style id="wp-global-styles-placeholder-inline-css"> 104:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." } 105/*# sourceURL=wp-global-styles-placeholder-inline-css */ 106</style> 107<style id="plvt-view-transitions-inline-css"> 108@view-transition { navigation: auto; } 109@media (prefers-reduced-motion: no-preference) {::view-transition-group(*) { animation-duration: 0.4s; }} 110/*# sourceURL=plvt-view-transitions-inline-css */ 111</style> 112<link rel='stylesheet' id='default/assets/app-ch3k5ebl-css-css' href='https://amphibee.fr/build/theme/default/assets/app-Ch3k5eBl.css' media='all' />
113<script id="plvt-view-transitions-js-after"> 114window.plvtInitViewTransitions=n=>{if(!window.navigation||!("CSSViewTransitionRule"in window))return void window.console.warn("View transitions not loaded as the browser is lacking support.");const t=(t,o,i)=>{const e=n.animations||{};return[...e[t].useGlobalTransitionNames?Object.entries(n.globalTransitionNames||{}).map((([n,t])=>[o.querySelector(n),t])):[],...e[t].usePostTransitionNames&&i?Object.entries(n.postTransitionNames||{}).map((([n,t])=>[i.querySelector(n),t])):[]]},o=async(n,t)=>{for(const[t,o]of n)t&&(t.style.viewTransitionName=o);await t;for(const[t]of n)t&&(t.style.viewTransitionName="")},i=()=>n.postSelector?document.querySelector(n.postSelector):null,e=t=>{if(!n.postSelector)return null;const o=(i=n.postSelector,e='a[href="'+t+'"]',i.split(",").map((n=>n.trim()+" "+e)).join(","));var i,e;const s=document.querySelector(o);return s?s.closest(n.postSelector):null};window.addEventListener("pageswap",(n=>{if(n.viewTransition){const s="default";let a;n.viewTransition.types.add(s),document.body.classList.contains("single")?a=t(s,document.body,i()):(document.body.classList.contains("home")||document.body.classList.contains("blog")||document.body.classList.contains("archive"))&&(a=t(s,document.body,e(n.activation.entry.url))),a&&o(a,n.viewTransition.finished)}})),window.addEventListener("pagereveal",(n=>{if(n.viewTransition){const s="default";let a;n.viewTransition.types.add(s),document.body.classList.contains("single")?a=t(s,document.body,i()):(document.body.classList.contains("home")||document.body.classList.contains("archive"))&&(a=t(s,document.body,window.navigation.activation.from?e(window.navigation.activation.from.url):null)),a&&o(a,n.viewTransition.ready)}}))}; 115plvtInitViewTransitions( {"postSelector":".wp-block-post.post, article.post, body.single main","globalTransitionNames":{".mainHeader":"header","#main":"main"},"postTransitionNames":{".wp-block-post-title, .entry-title":"post-title",".wp-post-image":"post-thumbnail",".wp-block-post-content, .entry-content":"post-content"},"animations":{"default":{"useGlobalTransitionNames":true,"usePostTransitionNames":true}}} ) 116//# sourceURL=plvt-view-transitions-js-after 117</script>
vendor: 1 bytes, line 117
117
118<script type="module" crossorigin src="https://amphibee.fr/build/theme/default/assets/app-CIzeA5RR.js"></script>
118<link rel="https://api.w.org/" href="https://amphibee.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://amphibee.fr/wp-json/wp/v2/pages/12326" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://amphibee.fr/cms/xmlrpc.php?rsd" /> 119<meta name="generator" content="view-transitions 1.2.0"> 120<style class="wp-fonts-local"> 121@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Black-yHqY0KRU.ttf') format('truetype');font-stretch:normal;} 122@font-face{font-family:Poppins;font-style:italic;font-weight:900;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-BlackItalic-cm4Pcmzs.ttf') format('truetype');font-stretch:normal;} 123@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-ExtraBold-W_qeO1XX.ttf') format('truetype');font-stretch:normal;} 124@font-face{font-family:Poppins;font-style:italic;font-weight:800;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-ExtraBoldItalic-C9zKPiZo.ttf') format('truetype');font-stretch:normal;} 125@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Bold-qTAUjFF7.ttf') format('truetype');font-stretch:normal;} 126@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-BoldItalic-DRcRqYlu.ttf') format('truetype');font-stretch:normal;} 127@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-SemiBold-B_fPDAUb.ttf') format('truetype');font-stretch:normal;} 128@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-SemiBoldItalic-1z_hA9Cm.ttf') format('truetype');font-stretch:normal;} 129@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Medium-Cxde2ZoM.ttf') format('truetype');font-stretch:normal;} 130@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-MediumItalic-C6e40Oak.ttf') format('truetype');font-stretch:normal;} 131@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Regular-CTKNfV9P.ttf') format('truetype');font-stretch:normal;} 132@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Italic-PjgN8SAi.ttf') format('truetype');font-stretch:normal;} 133@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Light-DT6-CsId.ttf') format('truetype');font-stretch:normal;} 134@font-face{font-family:Poppins;font-style:italic;font-weight:300;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-LightItalic-CDXp65eX.ttf') format('truetype');font-stretch:normal;} 135@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-ExtraLight-u2IJXg5c.ttf') format('truetype');font-stretch:normal;} 136@font-face{font-family:Poppins;font-style:italic;font-weight:200;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-ExtraLightItalic-DV_5Lr0Z.ttf') format('truetype');font-stretch:normal;} 137@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-Thin-leD9T1nx.ttf') format('truetype');font-stretch:normal;} 138@font-face{font-family:Poppins;font-style:italic;font-weight:100;font-display:swap;src:url('https://amphibee.fr/build/theme/default/assets/Poppins-ThinItalic-DeF98U39.ttf') format('truetype');font-stretch:normal;} 139</style> 140<link rel="icon" href="https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon-32x32.webp" sizes="32x32" /> 141<link rel="icon" href="https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon-192x192.webp" sizes="192x192" /> 142<link rel="apple-touch-icon" href="https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon-180x180.webp" /> 143<meta name="msapplication-TileImage" content="https://amphibee.fr/content/uploads/2025/10/cropped-AmphiBee-Favicon-270x270.webp" /> 144<style id="wp-custom-css"> 145.template-contact .headline-2 { 146 font-size: var(--wp--custom--typography--font-size--lg); 147 } 148 149.template-contact .gform-theme--foundation .gform_fields { 150 row-gap: 1.325rem; 151} 152 153.template-contact .gform-theme--foundation .gform_footer, .template-contact .gform-theme--foundation .gform_page_footer { 154 margin-block-start: 0; 155} 156 157 158@media (width < 64rem) { 159 160 .gap-10 { 161 gap: calc(var(--spacing)*2); 162 } 163 164 .template-contact .headline-2 + div .text-xs { 165 font-size: 0.7rem; 166 } 167 .template-contact .headline-2 + div .text-lg { 168 font-size: 0.8rem; 169 } 170 171 #select { 172 padding-top: 1rem 173 } 174} 175 176 177@media (width >= 64rem) { 178 .template-contact .headline-2 { 179 font-size: var(--wp--custom--typography--font-size--lg); 180 } 181 182 .template-contact #main > div { 183 display: flex; 184 max-width: var(--container-7xl); 185 margin-left: auto; 186 margin-right: auto; 187 } 188 189 .template-contact #main .hero-left > .flex { 190 flex-direction: column !important; 191 width: 500px; 192 } 193 194 .template-contact #main .hero-left > .flex .lg\:basis-4\/12, 195 .template-contact #main .hero-left > .flex .lg\:basis-8\/12 { 196 flex-basis: inherit; 197 } 198 199 .template-contact #main .hero-left, 200 .template-contact #select { 201 padding-top: 2rem !important; 202 margin-top: 0; 203 } 204 205 .template-contact #select .content.max-w-xl { 206 max-width: inherit; 207 padding: 0 0 0 6rem; 208 min-height: 300px; 209 } 210 211 .template-contact #select .child-page { 212 margin-left: -250px; 213 display: flex; 214 justify-content: center; 215 align-items: center; 216 } 217 218} 219</style> 220<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> <link rel="preload" href="https://amphibee.fr/build/theme/default/assets/Poppins-Regular-CTKNfV9P.ttf" as="font" type="font/ttf" crossorigin fetchpriority="high"> 221 <link rel="preload" href="https://amphibee.fr/build/theme/default/assets/Poppins-Medium-Cxde2ZoM.ttf" as="font" type="font/ttf" crossorigin fetchpriority="high"> 222 <link rel="preload" href="https://amphibee.fr/build/theme/default/assets/Poppins-SemiBold-B_fPDAUb.ttf" as="font" type="font/ttf" crossorigin fetchpriority="high"> 223 <link rel="preload" href="https://amphibee.fr/build/theme/default/assets/Poppins-Bold-qTAUjFF7.ttf" as="font" type="font/ttf" crossorigin fetchpriority="high"> 224 225 <!-- CSRF Token --> 226 <meta name="csrf-token" content="9tnTCYpv2oNAqdTggt7Z48aUXei3ofldsLVgHuft"> 227 228 229</head> 230 231<body class=""> 232 <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 232-233
232 233 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
233GTM-MQ32465
vendor: 107 bytes, lines 233-235
233" 234 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 235
235<!-- End Google Tag Manager (noscript) --> 236 <div id="page" class="site overflow-x-clip"> 237 238 <header class="ai-header fixed top-0 left-0 right-0 w-full z-50 transition-all duration-300" 239 x-data="{ scrolled: false }" 240 x-init="window.addEventListener('scroll', () => { scrolled = window.scrollY > 20 })" 241 :class="scrolled ? 'ai-header--scrolled' : ''" 242> 243 <div class="max-w-7xl mx-auto px-6 2xl:px-0 py-4 flex items-center justify-between gap-6"> 244 245 <a href="https://amphibee.fr" title="Amphibee" class="inline-flex items-center flex-shrink-0"> 246 <img src="https://amphibee.fr/build/theme/default/assets/logo-white-CDoFPw8Y.svg" 247 alt="Logo Amphibee" 248 width="120" 249 height="24" 250 fetchpriority="high" 251 > 252 </a> 253 254 255 <div class="flex items-center gap-4 md:gap-6"> 256 <span class="hidden md:block text-sm text-white/50 font-medium"> 257 Prêt à intégrer l'IA dans votre projet ? 258 </span> 259 <a href="https://amphibee.fr/contact" 260 class="ai-btn-primary inline-flex items-center gap-2 px-5 py-2.5 font-semibold rounded-lg text-sm transition-all duration-300 hover:shadow-lg hover:shadow-[#FBDE20]/20" 261 > 262 Contactez-nous 263 <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 264 </a> 265 </div> 266 </div> 267</header> 268 269 <main id="main" class="site-main "> 270 <div id="ai-page" class="ai-page" x-data="AiPage"> 271 272 273 <section class="ai-hero full-screen relative overflow-hidden bg-primary min-h-[90vh] flex items-center pt-[72px]"> 274 <div class="ai-grid-bg absolute inset-0 opacity-[0.05]"></div> 275 276 277 <div class="ai-particles absolute inset-0 overflow-hidden pointer-events-none" aria-hidden="true"> 278 <div class="ai-particle ai-particle--1"></div> 279 <div class="ai-particle ai-particle--2"></div> 280 <div class="ai-particle ai-particle--3"></div> 281 <div class="ai-particle ai-particle--4"></div> 282 <div class="ai-particle ai-particle--5"></div> 283 <div class="ai-particle ai-particle--6"></div> 284 </div> 285 286 287 <svg class="ai-neural absolute inset-0 w-full h-full pointer-events-none" aria-hidden="true"> 288 <defs> 289 <linearGradient id="neural-grad" x1="0%" y1="0%" x2="100%" y2="100%"> 290 <stop offset="0%" style="stop-color:#FBDE20;stop-opacity:0.4" /> 291 <stop offset="100%" style="stop-color:#99C6C7;stop-opacity:0.1" /> 292 </linearGradient> 293 </defs> 294 </svg> 295 296 297 <div class="absolute top-1/3 -left-32 w-[500px] h-[500px] bg-background/8 rounded-full blur-[180px]"></div> 298 299 <div class="relative z-10 max-w-7xl mx-auto px-6 w-full"> 300 <div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"> 301 302 <div> 303 <div class="ai-hero__badge inline-flex items-center gap-2 px-4 py-2 rounded-full border border-background/20 bg-background/5 mb-8 reveal" data-animation="fade-up"> 304 <span class="inline-block w-2 h-2 rounded-full bg-background animate-pulse"></span> 305 <span class="text-sm font-medium text-background tracking-wider uppercase">Intelligence Artificielle</span> 306 </div> 307 308 <h1 class="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground leading-normal md:leading-[1.1] mb-6 reveal" data-animation="fade-up" data-delay="0.1"> 309 L'IA au service de 310 <span class="ai-gradient-text block">vos ambitions</span> 311 digitales 312 </h1> 313
314 <p class="text-lg text-foreground/50 max-w-lg mb-10 reveal" data-animation="fade-up" data-delay="0.2"> 315 Nous concevons des solutions intelligentes qui transforment vos processus, 316 automatisent la création de contenu et ouvrent de nouvelles possibilités. 317 </p> 318 319 <div class="flex flex-wrap gap-4 reveal" data-animation="fade-up" data-delay="0.3"> 320 <a href="#projects" class="ai-btn-primary inline-flex items-center gap-2 px-8 py-4 font-semibold rounded-lg transition-colors duration-300"> 321 Découvrir nos projets 322 <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 323 </a> 324 <a href="#search-demo" class="ai-btn-ghost inline-flex items-center gap-2 px-8 py-4 font-semibold rounded-lg transition-all duration-300"> 325 Tester la recherche IA 326 <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg> 327 </a> 328 </div> 329 </div> 330 331 332 <div class="hidden lg:flex items-center justify-center reveal" data-animation="fade-up" data-delay="0.4"> 333 <div class="ai-orbits relative w-[420px] h-[420px]"> 334 335 336 <svg class="absolute inset-0 w-full h-full" viewBox="0 0 420 420" fill="none" xmlns="http://www.w3.org/2000/svg"> 337 <defs> 338 339 <path id="orbit1" d="M 10,210 A 200,80 0 1,1 410,210 A 200,80 0 1,1 10,210 Z"/> 340 <path id="orbit2" d="M 55,210 A 155,62 0 1,1 365,210 A 155,62 0 1,1 55,210 Z"/> 341 <path id="orbit3" d="M 100,210 A 110,44 0 1,1 320,210 A 110,44 0 1,1 100,210 Z"/> 342 </defs> 343 344 345 <use href="#orbit1" fill="none" stroke="rgba(251,222,32,0.10)" stroke-width="1"/> 346 <use href="#orbit2" fill="none" stroke="rgba(153,198,199,0.10)" stroke-width="1"/> 347 <use href="#orbit3" fill="none" stroke="rgba(251,222,32,0.07)" stroke-width="1"/> 348 349 350 <circle r="5" fill="#FBDE20"> 351 <animateMotion dur="10s" repeatCount="indefinite"> 352 <mpath href="#orbit1"/> 353 </animateMotion> 354 </circle> 355 <circle r="14" fill="rgba(251,222,32,0.12)"> 356 <animateMotion dur="10s" repeatCount="indefinite"> 357 <mpath href="#orbit1"/> 358 </animateMotion> 359 </circle> 360 361 362 <circle r="4" fill="#99C6C7"> 363 <animateMotion dur="14s" repeatCount="indefinite" begin="-5s"> 364 <mpath href="#orbit2"/> 365 </animateMotion> 366 </circle> 367 <circle r="11" fill="rgba(153,198,199,0.10)"> 368 <animateMotion dur="14s" repeatCount="indefinite" begin="-5s"> 369 <mpath href="#orbit2"/> 370 </animateMotion> 371 </circle> 372 373 374 <circle r="3.5" fill="#FBDE20" opacity="0.7"> 375 <animateMotion dur="8s" repeatCount="indef
375inite" begin="-2s"> 376 <mpath href="#orbit3"/> 377 </animateMotion> 378 </circle> 379 <circle r="9" fill="rgba(251,222,32,0.08)"> 380 <animateMotion dur="8s" repeatCount="indefinite" begin="-2s"> 381 <mpath href="#orbit3"/> 382 </animateMotion> 383 </circle> 384 </svg> 385 386 387 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10"> 388 389 <div class="absolute -inset-12 rounded-full bg-background/5 blur-[40px] animate-pulse"></div> 390 391 <div class="absolute -inset-4 rounded-full border border-background/10 bg-background/[0.03]"></div> 392 393 <div class="relative w-28 h-28 rounded-full flex items-center justify-center border border-background/20" 394 style="background: radial-gradient(circle at 40% 35%, rgba(251,222,32,0.12), transparent 50%), radial-gradient(circle, #262D40 0%, #1A1F2C 100%); box-shadow: 0 0 50px 10px rgba(251,222,32,0.06), inset 0 0 30px rgba(251,222,32,0.05);"> 395 <svg class="w-12 h-12 text-background drop-shadow-[0_0_8px_rgba(251,222,32,0.4)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg> 396 </div> 397 </div> 398 399 400 <div class="ai-float-label absolute top-[8%] right-4 px-3 py-1.5 rounded-lg bg-dark/90 border border-background/20 text-xs text-background/90 backdrop-blur-sm z-20"> 401 NLP 402 </div> 403 <div class="ai-float-label absolute top-[38%] -right-6 px-3 py-1.5 rounded-lg bg-dark/90 border border-blue/20 text-xs text-blue/90 backdrop-blur-sm z-20" style="animation-delay: 1s"> 404 LLM 405 </div> 406 <div class="ai-float-label absolute bottom-[15%] left-0 px-3 py-1.5 rounded-lg bg-dark/90 border border-background/20 text-xs text-background/90 backdrop-blur-sm z-20" style="animation-delay: 2s"> 407 RAG 408 </div> 409 </div> 410 </div> 411 </div> 412 </div> 413 414 415 <div class="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 text-foreground/30"> 416 <span class="text-xs uppercase tracking-widest">Scroll</span> 417 <div class="ai-scroll-line w-px h-8 bg-gradient-to-b from-foreground
417/30 to-transparent"></div> 418 </div> 419 </section> 420 421 422 <section class="full-screen bg-dark py-10 md:py-14 border-y border-white/5 relative overflow-hidden"> 423 <div class="absolute inset-0 ai-grid-bg opacity-[0.03]"></div> 424 <div class="max-w-6xl mx-auto px-6 relative z-10"> 425 <div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12"> 426 <div class="text-center reveal" data-animation="fade-up"> 427 <div class="ai-counter text-3xl md:text-4xl font-bold text-background mb-1" data-target="10000" data-suffix="+">0</div> 428 <div class="text-sm text-foreground/40">Pages générées par IA</div> 429 </div> 430 <div class="text-center reveal" data-animation="fade-up" data-delay="0.1"> 431 <div class="text-3xl md:text-4xl font-bold text-foreground mb-1 ai-infinity">â</div> 432 <div class="text-sm text-foreground/40">Langues supportées</div> 433 </div> 434 <div class="text-center reveal" data-animation="fade-up" data-delay="0.2"> 435 <div class="ai-counter text-3xl md:text-4xl font-bold text-background mb-1" data-target="15" data-suffix="%">0</div> 436 <div class="text-sm text-foreground/40">De temps de production économisé</div> 437 </div> 438 <div class="text-center reveal" data-animation="fade-up" data-delay="0.3"> 439 <div class="ai-counter text-3xl md:text-4xl font-bold text-foreground mb-1" data-target="24" data-suffix="h/24">0</div> 440 <div class="text-sm text-foreground/40">Disponibilité des outils</div> 441 </div> 442 </div> 443 </div> 444 </section> 445 446 447 <section id="projects" class="full-screen bg-primary py-24 md:py-32 relative overflow-hidden"> 448 <div class="absolute inset-0 ai-dots-bg opacity-[0.03]"></div> 449 450 <div class="max-w-7xl mx-auto px-6 relative z-10"> 451 452 <div class="text-center mb-16 md:mb-20 reveal" data-animation="fade-up"> 453 <span class="subtitle text-background">Nos réalisations IA</span> 454 <h2 class="text-3xl md:text-5xl font-bold text-foreground mt-4 leading-normal md:leading-tight"> 455 Des projets concrets, des résultats mesurables 456 </h2> 457 </div> 458 459 460 <div class="ai-bento grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-5"> 461 462 463 <div class="ai-bento-card md:col-span-7 md:row-span-2 relative group reveal" data-animation="fade-up"> 464 <div class="ai-bento-inner h-full rounded-2xl bg-dark overflow-hidden border border-white/5 hover:border-background/15 transition-all duration-500 relative"> 465 466 <div class="relative p-8 pb-4"> 467 468 <div class="ai-globe relative w-full max-w-xs mx-auto aspect-square mb-6"> 469 <div class="absolute inset-0 rounded-full border border-blue/20 ai-spin-slow"></div> 470 <div class="absolute inset-[15%] rounded-full border border-blue/12 ai-spin-slow" style="animation-direction: reverse; animation-duration: 25s"></div> 471 <div class="absolute inset-[30%] rounded-full border border-blue/8"></div> 472 <div class="absolute inset-0 rounded-full border border-blue/15" style="transform: rotateY(60deg)"></div> 473 <div class="absolute inset-0 rounded-full border border-blue/15" style="transform: rotateX(60deg)"></div> 474 475 476 <div class="ai-lang-node absolute top-[8%] left-[50%] -translate-x-1/2"> 477 <span class="inline-flex items-center px-3 py-1 rounded-full bg-background/10 text-background text-xs font-bold border border-background/20">FR</span> 478 </div> 479 <div class="ai-lang-node absolute top-[28%] right-[3%]" style="animation-delay: 0.5s">
480 <span class="inline-flex items-center px-3 py-1 rounded-full bg-blue/10 text-blue text-xs font-bold border border-blue/20">EN</span> 481 </div> 482 <div class="ai-lang-node absolute bottom-[28%] right-[8%]" style="animation-delay: 1s"> 483 <span class="inline-flex items-center px-3 py-1 rounded-full bg-blue/10 text-blue text-xs font-bold border border-blue/20">DE</span> 484 </div> 485 <div class="ai-lang-node absolute bottom-[8%] left-[50%] -translate-x-1/2" style="animation-delay: 1.5s"> 486 <span class="inline-flex items-center px-3 py-1 rounded-full bg-blue/10 text-blue text-xs font-bold border border-blue/20">ES</span> 487 </div> 488 <div class="ai-lang-node absolute top-[28%] left-[3%]" style="animation-delay: 2s"> 489 <span class="inline-flex items-center px-3 py-1 rounded-full bg-blue/10 text-blue text-xs font-bold border border-blue/20">IT</span> 490 </div> 491 <div class="ai-lang-node absolute bottom-[28%] left-[8%]" style="animation-delay: 2.5s"> 492 <span class="inline-flex items-center px-3 py-1 rounded-full bg-blue/10 text-blue text-xs font-bold border border-blue/20">PT</span> 493 </div> 494 495 496 <div class="absolute inset-[36%] rounded-full bg-background/8 backdrop-blur-sm flex items-center justify-center border border-background/15"> 497 <svg class="w-8 h-8 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> 498 </div> 499 </div> 500 </div> 501 502 503 <div class="px-8 pb-8"> 504 <div class="flex items-center gap-2 mb-3"> 505 <span class="w-1.5 h-1.5 rounded-full bg-background"></span> 506 <span class="text-xs font-semibold text-background uppercase tracking-wider">Traduction IA multisite</span> 507 </div> 508 <h3 class="text-2xl md:text-3xl font-bold text-foreground mb-3"> 509 Corine de Farme / Jacomo 510 </h3> 511 <p class="text-foreground/50 text-sm leading-relaxed mb-5"> 512 Processeur intelligent de déploiement multisite WordPress. Création automatique de sites multilingues avec traduction IA, gestion dynamique des liaisons produits et paramétrage complet de l'écosystème. 513 </p> 514 <div class="flex flex-wrap gap-2"> 515 <span class="ai-tag">WordPress Multisite</span> 516 <span class="ai-tag">LLM</span> 517 <span class="ai-tag">API</span> 518 <span class="ai-tag">Automatisation</span> 519 </div> 520 </div> 521 522 523 <div class="absolute top-0 right-0 w-40 h-40 bg-gradient-to-bl from-background/5 to-transparent pointer-events-none"></div> 524 <div class="absolute bottom-0 left-0 w-40 h-40 bg-gradient-to-tr from-blue/5 to-transparent pointer-events-none"></div> 525 </div> 526 </div> 527 528 529 <div class="ai-bento-card md:col-span-5 relative group reveal" data-animation="fade-up" data-delay="0.15"> 530 <div class="ai-bento-inner h-full rounded-2xl bg-dark overflow-hidden border border-white/5 hover:border-blue/15 transition-all duration-500 relative"> 531 532 <div class="p-6 pb-0"> 533 <div class="relative rounded-xl bg-white/[0.03] p-5 border border-white/5"> 534 <div class="flex items-center gap-3 mb-4"> 535 <div class="ai-gen-block flex-shrink-0 bg-white/5 rounded-lg p-3 border border-white/10"> 536 <div class="flex items-center gap-1.5 mb-1.5"> 537 <div class="w-2 h-2 rounded-full bg-background/50"></div>
538 <span class="text-[9px] text-foreground/30 font-mono">Gabarit</span> 539 </div> 540 <div class="space-y-1"> 541 <div class="h-1.5 bg-foreground/8 rounded-full w-20"></div> 542 <div class="h-1.5 bg-foreground/8 rounded-full w-14"></div> 543 </div> 544 </div> 545 <svg class="w-5 h-5 text-background/30 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg> 546 <div class="flex flex-wrap gap-1.5"> 547 <span class="ai-gen-output inline-flex text-[9px] font-bold px-2 py-1 rounded bg-blue/8 text-blue/70 border border-blue/10" style="animation-delay: 0s">FR</span> 548 <span class="ai-gen-output inline-flex text-[9px] font-bold px-2 py-1 rounded bg-blue/8 text-blue/70 border border-blue/10" style="animation-delay: 0.15s">EN</span> 549 <span class="ai-gen-output inline-flex text-[9px] font-bold px-2 py-1 rounded bg-blue/8 text-blue/70 border border-blue/10" style="animation-delay: 0.3s">DE</span> 550 <span class="ai-gen-output inline-flex text-[9px] font-bold px-2 py-1 rounded bg-blue/8 text-blue/70 border border-blue/10" style="animation-delay: 0.45s">ES</span> 551 <span class="ai-gen-output inline-flex text-[9px] font-bold px-2 py-1 rounded bg-blue/8 text-blue/70 border border-blue/10" style="animation-delay: 0.6s">IT</span> 552 </div> 553 </div> 554 <div class="space-y-1.5"> 555 <div class="h-1.5 bg-foreground
555/6 rounded-full w-full"></div> 556 <div class="h-1.5 bg-foreground/6 rounded-full w-4/5"></div> 557 <div class="h-1.5 bg-foreground/6 rounded-full w-11/12"></div> 558 </div> 559 </div> 560 </div> 561 562 563 <div class="p-6"> 564 <div class="flex items-center gap-2 mb-3"> 565 <span class="w-1.5 h-1.5 rounded-full bg-blue"></span> 566 <span class="text-xs font-semibold text-blue uppercase tracking-wider">Génération de contenu</span> 567 </div> 568 <h3 class="text-xl font-bold text-foreground mb-2">SportEasy</h3> 569 <p class="text-foreground/50 text-sm leading-relaxed mb-4"> 570 Génération de contenu à partir de gabarits et contexte sportif, décliné automatiquement dans plusieurs langues. 571 </p> 572 <div class="flex flex-wrap gap-2"> 573 <span class="ai-tag ai-tag--blue">NLP</span> 574 <span class="ai-tag ai-tag--blue">Templates</span> 575 <span class="ai-tag ai-tag--blue">Multilingue</span> 576 </div> 577 </div> 578 579 <div class="absolute top-0 left-0 w-32 h-32 bg-gradient-to-br from-blue/5 to-transparent pointer-events-none"></div> 580 </div> 581 </div> 582 583 584 <div class="ai-bento-card md:col-span-5 relative group reveal" data-animation="fade-up" data-delay="0.25"> 585 <div class="ai-bento-inner h-full rounded-2xl bg-dark overflow-hidden border border-white/5 hover:border-background/15 transition-all duration-500 relative flex flex-col md:flex-row items-center"> 586 587 <div class="flex-shrink-0 p-6 flex items-center justify-center"> 588 <div class="w-40"> 589 <div class="ai-linkedin-card bg-white/[0.06] rounded-xl p-4 border border-white/8"> 590 <div class="flex items-center gap-2 mb-3"> 591 <div class="w-7 h-7 rounded-full bg-blue/20 flex items-center justify-center"> 592 <svg class="w-3.5 h-3.5 text-blue" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 593 </div> 594 <div> 595 <div class="h-1.5 bg-foreground
595/15 rounded w-14 mb-1"></div> 596 <div class="h-1 bg-foreground/8 rounded w-20"></div> 597 </div> 598 </div> 599 <div class="space-y-1.5 mb-3"> 600 <div class="h-1.5 bg-foreground/10 rounded-full w-full ai-type-line"></div> 601 <div class="h-1.5 bg-foreground/10 rounded-full w-11/12 ai-type-line" style="animation-delay: 0.3s"></div> 602 <div class="h-1.5 bg-foreground/10 rounded-full w-4/5 ai-type-line" style="animation-delay: 0.6s"></div> 603 <div class="h-1.5 bg-foreground/8 rounded-full w-full ai-type-line" style="animation-delay: 0.9s"></div> 604 </div> 605 <div class="flex gap-3 pt-2 border-t border-white/5"> 606 <div class="h-1 bg-foreground
606/8 rounded w-8"></div> 607 <div class="h-1 bg-foreground/8 rounded w-10"></div> 608 </div> 609 </div> 610 <div class="flex items-center gap-1.5 mt-3 justify-center"> 611 <div class="ai-pulse-ring w-4 h-4 rounded-full border border-background/30 flex items-center justify-center"> 612 <div class="w-1.5 h-1.5 rounded-full bg-background"></div> 613 </div> 614 <span class="text-[10px] text-foreground/30 font-mono">IA</span> 615 </div> 616 </div> 617 </div> 618 619 620 <div class="p-6 md:pl-0 flex flex-col justify-center"> 621 <div class="flex items-center gap-2 mb-3"> 622 <span class="w-1.5 h-1.5 rounded-full bg-background"></span> 623 <span class="text-xs font-semibold text-background uppercase tracking-wider">Publication IA</span> 624 </div> 625 <h3 class="text-xl font-bold text-foreground mb-2">First Finance</h3> 626 <p class="text-foreground/50 text-sm leading-relaxed mb-4"> 627 Génération de publications LinkedIn optimisées, prêtes à l'emploi pour une présence professionnelle qualitative. 628 </p> 629 <div class="flex flex-wrap gap-2"> 630 <span class="ai-tag">LinkedIn API</span> 631 <span class="ai-tag">GPT</span> 632 <span class="ai-tag">Content</span> 633 </div> 634 </div> 635 </div> 636 </div> 637 638 </div> 639 </div> 640 </section> 641 642 643 <section class="full-screen bg-primary py-5 border-y border-white/5"> 644 <div class="ai-marquee overflow-hidden"> 645 <div class="ai-marquee__track flex gap-12 animate-infinite-scroll whitespace-nowrap"> 646 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 647 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 648 Traduction automatique 649 </span> 650 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 651 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 652 Génération de contenu 653 </span> 654 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 655 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 656 Recherche conversationnelle 657 </span> 658 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 659 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 660 Multisite intelligent 661 </span> 662 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 663 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 664 Analyse sémantique 665 </span>
666 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 667 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 668 NLP & LLM 669 </span> 670 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 671 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 672 Automatisation 673 </span> 674 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 675 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 676 Traduction automatique 677 </span> 678 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 679 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 680 Génération de contenu 681 </span> 682 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 683 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 684 Recherche conversationnelle 685 </span> 686 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 687 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 688 Multisite intelligent 689 </span> 690 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 691 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 692 Analyse sémantique 693 </span> 694 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 695 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 696 NLP & LLM 697 </span> 698 <span class="flex items-center gap-4 text-foreground/30 font-medium text-sm uppercase tracking-widest"> 699 <span class="inline-block w-1.5 h-1.5 rounded-full bg-background/40"></span> 700 Automatisation 701 </span> 702 </div> 703 </div> 704 </section> 705 706 707 <section id="search-demo" class="full-screen relative overflow-hidden py-24 md:py-32 bg-primary"> 708 <div class="absolute inset-0 ai-circuit-bg opacity-[0.03]"></div> 709 710 <div class="absolute -top-32 right-1/4 w-[500px] h-[500px] bg-background/4 rounded-full blur-[200px]"></div> 711 <div class="absolute -bottom-32 left-1/4 w-[400px] h-[400px] bg-blue/4 rounded-full blur-[180px]"></div> 712 713 <div class="max-w-7xl mx-auto px-6 relative z-10"> 714 <div class="grid lg:grid-cols-5 gap-12 lg:gap-16 items-start"> 715 716 <div class="lg:col-span-2 lg:sticky lg:top-32 reveal" data-animation="fade-up"> 717 <span class="subtitle text-background">Recherche conversationnelle</span> 718 <h2 class="text-3xl md:text-4xl font-bold text-foreground mt-4 mb-6 leading-normal md:leading-tight"> 719 La recherche réinventée 720 <span class="ai-gradient-text">par l'IA</span> 721 </h2>
722 <p class="text-foreground/50 text-base leading-relaxed mb-8"> 723 Posez vos questions en langage naturel. Notre IA conversationnelle, propulsée par Meilisearch, comprend votre intention et vous répond en temps réel. 724 </p> 725 726 <div class="space-y-4"> 727 <div class="flex items-center gap-3"> 728 <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-background/8 flex items-center justify-center border border-background/10"> 729 <svg class="w-4 h-4 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg> 730 </span> 731 <span class="text-foreground/60 text-sm">Réponses en streaming temps réel</span> 732 </div> 733 <div class="flex items-center gap-3"> 734 <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-background/8 flex items-center justify-center border border-background/10"> 735 <svg class="w-4 h-4 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg> 736 </span> 737 <span class="text-foreground/60 text-sm">Conversation multi-tours</span> 738 </div> 739 <div class="flex items-center gap-3"> 740 <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-background/8 flex items-center justify-center border border-background/10"> 741 <svg class="w-4 h-4 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg> 742 </span> 743 <span class="text-foreground/60 text-sm">Réponses basées sur vos contenus</span> 744 </div> 745 </div> 746 747 <div class="flex flex-wrap items-center gap-3 mt-8 pt-6 border-t border-white/5"> 748 <span class="text-xs text-foreground/25 uppercase tracking-wider">Powered by</span> 749 <span class="px-3 py-1 rounded-md bg-white/5 text-foreground/40 text-xs font-mono border border-white/5">Meilisearch</span> 750 <span class="px-3 py-1 rounded-md bg-white/5 text-foreground/40 text-xs font-mono border border-white/5">Chat Completions</span> 751 </div> 752 </div> 753 754 755 <div class="lg:col-span-3 reveal" data-animation="fade-up" data-delay="0.2"> 756 <div class="ai-search-container relative rounded-2xl bg-dark/80 backdrop-blur-xl border border-white/10 overflow-hidden shadow-2xl flex flex-col" style="height: 560px;"> 757 758 <div class="flex items-center gap-3 px-5 py-3 border-b border-white/5 bg-white/[0.02] flex-shrink-0"> 759 <div class="flex gap-1.5"> 760 <span class="w-2.5 h-2.5 rounded-full bg-white/10"></span> 761 <span class="w-2.5 h-2.5 rounded-full bg-white/10"></span> 762 <span class="w-2.5 h-2.5 rounded-full bg-white/10"></span> 763 </div> 764 <div class="flex-1 ml-3 px-3 py-1 rounded-md bg-white/5 text-xs text-foreground
764/25 font-mono">search.amphibee.fr</div> 765 766 <button 767 class="text-foreground/20 hover:text-foreground/50 transition-colors" 768 @click="resetChat()" 769 x-show="chatMessages.length > 0" 770 title="Nouvelle conversation" 771 > 772 <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg> 773 </button> 774 </div> 775 776 777 <div class="flex-1 overflow-y-auto p-5 md:p-6 space-y-4 ai-chat-scroll" x-ref="chatScroll"> 778 779 <div x-show="chatMessages.length === 0" class="h-full flex flex-col items-center justify-center text-center px-4"> 780 <div class="w-12 h-12 rounded-xl bg-background/8 flex items-center justify-center mb-4 border border-background/10"> 781 <svg class="w-6 h-6 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg> 782 </div> 783 <p class="text-foreground/40 text-sm mb-6">Posez une question sur nos expertises, projets ou services.</p> 784 <div class="flex flex-wrap justify-center gap-2"> 785 <button 786 class="ai-suggestion px-3 py-1.5 rounded-lg text-xs transition-all duration-300" 787 @click="sendMessage('Quelles sont vos expertises WordPress ?')" 788 > 789 Expertises WordPress 790 </button> 791 <button 792 class="ai-suggestion px-3 py-1.5 rounded-lg text-xs transition-all duration-300" 793 @click="sendMessage('Parlez-moi de vos projets de traduction IA')" 794 > 795 Traduction IA 796 </button> 797 <button 798 class="ai-suggestion px-3 py-1.5 rounded-lg text-xs transition-all duration-300" 799 @click="sendMessage('Comment fonctionne votre recherche conversationnelle ?')" 800 > 801 Recherche IA 802 </button> 803 </div> 804 </div> 805 806 807 <template x-for="(msg, index) in chatMessages" :key="index"> 808 <div> 809 810 <div x-show="msg.role === 'user'" class="flex justify-end"> 811 <div class="max-w-[80%] bg-background/10 border border-background/15 rounded-2xl rounded-br-md px-4 py-2.5"> 812 <p class="text-foreground/80 text-sm" x-text="msg.content"></p> 813 </div> 814 </div> 815 816 817 <div x-show="msg.role === 'assistant'" class="flex items-start gap-2.5"> 818 <div class="flex-shrink-0 w-7 h-7 rounded-lg bg-background/8 flex items-center justify-center mt-0.5 border border-background/10"> 819 <svg class="w-3.5 h-3.5 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg> 820 </div> 821 <div class="flex-1 bg-white/[0.03] rounded-2xl rounded-bl-md px-4 py-3 border border-white/5"> 822 <div class="text-foreground
822/60 text-sm leading-relaxed ai-chat-content" x-html="msg.content"></div> 823 </div> 824 </div> 825 </div> 826 </template> 827 828 829 <div x-show="isStreaming && !currentStreamContent" class="flex items-start gap-2.5"> 830 <div class="flex-shrink-0 w-7 h-7 rounded-lg bg-background/8 flex items-center justify-center border border-background/10"> 831 <svg class="w-3.5 h-3.5 text-background" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg> 832 </div> 833 <div class="bg-white/[0.03] rounded-2xl rounded-bl-md px-4 py-3 border border-white/5"> 834 <div class="flex items-center gap-1.5"> 835 <div class="w-1.5 h-1.5 rounded-full bg-background/40 animate-pulse"></div> 836 <div class="w-1.5 h-1.5 rounded-full bg-background/40 animate-pulse" style="animation-delay: 0.2s"></div> 837 <div class="w-1.5 h-1.5 rounded-full bg-background/40 animate-pulse" style="animation-delay: 0.4s"></div> 838 </div> 839 </div> 840 </div> 841 </div> 842 843 844 <div class="flex-shrink-0 p-4 border-t border-white/5 bg-white/[0.01]"> 845 <form @submit.prevent="sendMessage(chatInput)" class="flex items-center gap-3"> 846 <div class="relative flex-1"> 847 <input 848 type="text" 849 x-model="chatInput" 850 class="w-full bg-white/5 rounded-xl px-4 py-3 text-foreground text-sm placeholder-foreground
850/20 outline-none border border-white/8 focus:border-background/25 transition-colors" 851 placeholder="Posez votre question..." 852 :disabled="isStreaming" 853 > 854 </div> 855 <button 856 type="submit" 857 class="ai-send-btn flex-shrink-0 w-10 h-10 rounded-xl flex items-center justify-center transition-colors" 858 :disabled="!chatInput.trim() || isStreaming" 859 > 860 <svg class="w-4 h-4 rotate-45" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg> 861 </button> 862 </form> 863 </div> 864 </div> 865 </div> 866 </div> 867 </div> 868 </section> 869 870 871 <section class="full-screen bg-dark py-24 md:py-32 relative overflow-hidden"> 872 <div class="absolute inset-0 ai-grid-bg opacity-[0.04]"></div> 873 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[900px] h-[400px] bg-background/6 rounded-full blur-[200px]"></div> 874 875 <div class="max-w-3xl mx-auto px-6 text-center relative z-10 reveal" data-animation="fade-up"> 876 <h2 class="text-3xl md:text-5xl font-bold text-foreground mb-6 leading-normal md:leading-tight"> 877 Prêt à intégrer l'IA dans 878 <span class="ai-gradient-text">votre projet</span> ? 879 </h2> 880 <p class="text-foreground/40 text-lg mb-10 max-w-xl mx-auto"> 881 Discutons ensemble de vos enjeux et construisons la solution intelligente qui fera la différence. 882 </p> 883 <a href="/contact" class="ai-btn-primary inline-flex items-center gap-3 px-10 py-5 font-bold rounded-xl text-lg hover:shadow-mdx transition-all duration-300 group"> 884 Parlons de votre projet 885 <svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 886 </a> 887 </div> 888 </section> 889 890 891<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> 892 893 894 895<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-9c25eca2 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><section class="content-visibility-visible relative grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-16 sm:pt-10 pb-20 lg:pb-32" id="howWork"> 896 <div> 897 <div data-animation="from-top" data-duration="0.5" data-delay="0.2" data-easing="ease-in-out" class="reveal"> 898 <p class="uppercase font-semibold has-sm-font-size mb-1">Comment ça marche ?</p> 899 <h2 class="has-xl-font-size font-bold lg:font-semibold leading-8 lg:leading-12 max-w-[480px] my-0"> 900 Intégrer lâintelligence artificielle à votre projet WordPress sans sacrifier la qualité. 901 </h2> 902 </div> 903 904 <div class="relative grid grid-cols-3 mt-12 sm:mt-0 sm:flex sm:flex-nowrap sm:items-center sm:justify-between lg:justify-center gap-4 lg:gap-8 xl:-translate-x-24"> 905 <img decoding="async" width="200" height="480" src="https://amphibee.fr/content/uploads/2025/07/Elisa-2.webp" class="reveal sm:w-1/3 object-cover rounded-full h-60 sm:h-[440px] md:h-72 lg:h-[440px] mt-6 sm:mt-0" alt="Ãlisa Delobel, Chef de projet et membre de l'équipe AmphiBee" data-animation="from-bottom" data-duration="0.5" data-delay="0.5" srcset="https://amphibee.fr/content/uploads/2025/07/Elisa-2.webp 200w, https://amphibee.fr/content/uploads/2025/07/Elisa-2-125x300.webp 125w" sizes="(max-width: 200px) 100v
905w, 200px" /> 906 <img decoding="async" width="185" height="480" src="https://amphibee.fr/content/uploads/2025/07/designer-work-1.webp" class="reveal sm:w-1/3 object-cover rounded-full h-64 sm:h-[520px] md:h-80 lg:h-[520px]" alt="Membre de l'équipe AmphiBee en train de développer un site client" data-animation="from-bottom" data-duration="0.5" data-delay="0.7" srcset="https://amphibee.fr/content/uploads/2025/07/designer-work-1.webp 185w, https://amphibee.fr/content/uploads/2025/07/designer-work-1-116x300.webp 116w" sizes="(max-width: 185px) 100vw, 185px" /> 907 <img decoding="async" width="200" height="480" src="https://amphibee.fr/content/uploads/2025/07/dev-work.webp" class="reveal sm:w-1/3 object-cover rounded-full mt-14 sm:mt-32 h-60 sm:h-[480px] md:h-72 lg:h-[480px]" alt="Damien Clairet, développeur backend chez AmphiBee en train de développer un site client" data-animation="from-bottom" data-duration="0.5" data-delay="1" srcset="https://amphibee.fr/content/uploads/2025/07/dev-work.webp 200w, https://amphibee.fr/content/uploads/2025/07/dev-work-125x300.webp 125w" sizes="(max-width: 200px) 100vw, 200px" /> 908 909 </div> 910 </div> 911 912 <div data-animation="fade" data-duration="0.5" data-delay="0.4" data-easing="ease-in-out" x-data="{ activeTab: null }" class="reveal"> 913 <div class="relative border-b border-gray-200 last:border-0"> 914 915 <button 916 @click="activeTab = activeTab === 0 ? null : 0" 917 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 918 :class="activeTab === 0 ? 'pb-0!' : ''" 919 > 920 <div class="flex items-center gap-4"> 921 <div 922 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 923 :class="activeTab === 0 ? 'bg-background' : 'bg-white-blue'" 924 > 925 <span 926 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 927 :class="activeTab === 0 ? 'text-primary' : 'text-blue'" 928 >1</span> 929 </div> 930 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Audit des besoins</h3> 931 </div> 932 933 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 934 alt="" 935 width="24" 936 height="24" 937 loading="lazy" 938 fetchpriority="low" 939 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 940 :class="{ 'rotate-180': activeTab === 0 }" 941 > 942 943 </button> 944 945 946 <div x-show="activeTab === 0" x-collapse class="overflow-hidden"> 947 <div class="p-4 pb-10 space-y-4"> 948 <div class="text-gray-600 leading-relaxed mb-0"> 949 <p class="p1">Chaque projet commence par une phase de cadrage.</p> 950<p> </p> 951<p class="p1">Nous prenons le temps de comprendre vos objectifs, vos contraintes, votre organisation interne et ce que vous attendez réellement du site ou de lâoutil.</p> 952<p> </p> 953<p class="p1">Lâidée nâest pas dâajouter de lâIA parce que le sujet est tendance.</p> 954<p class="p1">Lâidée est dâidentifier là où elle peut créer une vraie valeur : automatiser certaines tâches, accélérer un workflow, enrichir une recherche, assister la création de contenu, faciliter la traduction ou ouvrir des possibilités de développement qui seraient trop longues ou trop coûteuses de façon manuelle.</p> 955<p> </p> 956<p class="p1">Cette étape est essentielle parce quâelle permet de partir dâun besoin concret.</p> 957<p class="p1">Câest ce qui évite les intégrations gadget ou les promesses vagues qui nâapportent rien au projet final.</p> 958 </div> 959 <div> 960 <a class="inline-block !leading-6 mt-4 !underline !decoration-background !decoration-4" href="https://amphibee.fr/notre-expertise/audit">En savoir plus sur le conseil et l'accompagnement</a> 961 </div> 962 </div> 963 </div> 964 </div> 965 <div class="relative border-b border-gray-200 last:border-0"> 966 967 <button 968 @click="activeTab = activeTab === 1 ? null : 1" 969 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 970 :class="activeTab === 1 ? 'pb-0!' : ''" 971 > 972 <div class="flex items-center gap-4"> 973 <div 974 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 975 :class="activeTab === 1 ? 'bg-background' : 'bg-white-blue'" 976 >
977 <span 978 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 979 :class="activeTab === 1 ? 'text-primary' : 'text-blue'" 980 >2</span> 981 </div> 982 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Définition du périmètre</h3> 983 </div> 984 985 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 986 alt="" 987 width="24" 988 height="24" 989 loading="lazy" 990 fetchpriority="low" 991 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 992 :class="{ 'rotate-180': activeTab === 1 }" 993 > 994 995 </button> 996 997 998 <div x-show="activeTab === 1" x-collapse class="overflow-hidden"> 999 <div class="p-4 pb-10 space-y-4"> 1000 <div class="text-gray-600 leading-relaxed mb-0"> 1001 <p class="p1">Une fois les besoins clarifiés, nous définissons précisément le périmètre de lâIA dans le projet.</p> 1002<p> </p> 1003<p class="p2">Nous distinguons :</p> 1004<div style="padding-left: 16px;"> 1005<ul> 1006<li>ce qui peut être automatisé</li> 1007<li>ce qui doit rester piloté par lâhumain</li> 1008<li>ce qui nécessite des garde-fous forts</li> 1009</ul> 1010</div> 1011<p> </p> 1012<p class="p1">Câest souvent là que se joue la qualité du projet.</p> 1013<p class="p1">Beaucoup dâapproches insuffisamment cadrées vont trop vite et confient à lâIA des tâches quâelle ne devrait pas gérer seule.</p> 1014<p class="p1">Notre rôle, au contraire, est de sélectionner les cas dâusage les plus pertinents, ceux qui permettent de gagner du temps, dâaméliorer le résultat ou dâélargir le périmètre fonctionnel sans fragiliser le site ni dégrader la qualité.</p> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 <div class="relative border-b border-gray-200 last:border-0"> 1020 1021 <button 1022 @click="activeTab = activeTab === 2 ? null : 2" 1023 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 1024 :class="activeTab === 2 ? 'pb-0!' : ''" 1025 > 1026 <div class="flex items-center gap-4"> 1027 <div 1028 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 1029 :class="activeTab === 2 ? 'bg-background' : 'bg-white-blue'" 1030 > 1031 <span 1032 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 1033 :class="activeTab === 2 ? 'text-primary' : 'text-blue'" 1034 >3</span> 1035 </div> 1036 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Conception technique</h3> 1037 </div> 1038 1039 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 1040 alt="" 1041 width="24" 1042 height="24" 1043 loading="lazy" 1044 fetchpriority="low" 1045 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 1046 :class="{ 'rotate-180': activeTab === 2 }" 1047 > 1048 1049 </button> 1050 1051 1052 <div x-show="activeTab === 2" x-collapse class="overflow-hidden"> 1053 <div class="p-4 pb-10 space-y-4"> 1054 <div class="text-gray-600 leading-relaxed mb-0"> 1055 <p class="p1">Cela concerne aussi bien lâarchitecture technique que la manière dont lâIA va fonctionner dans WordPress : prompts, flux, règles métier, interfaces, logique de validation, sources de données et garde-fous.</p> 1056<p> </p> 1057<p class="p1">Un bon projet IA ne consiste pas à brancher un outil sur un site.</p> 1058<p class="p1">Il faut penser le système dans son ensemble : ce que lâIA doit produire, ce quâelle ne doit pas produire, comment elle sâintègre à vos contenus et comment vos équipes vont lâutiliser au quotidien.</p> 1059<p> </p> 1060<p class="p1">Cette phase permet de construire quelque chose de cohérent, de maintenable et de réellement utile.</p> 1061 </div> 1062 </div> 1063 </div> 1064 </div> 1065 <div class="relative border-b border-gray-200 last:border-0"> 1066 1067 <button 1068 @click="activeTab = activeTab === 3 ? null : 3" 1069 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 1070 :class="activeTab === 3 ? 'pb-0!' : ''" 1071 > 1072 <div class="flex items-center gap-4"> 1073 <div 1074 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 1075 :class="activeTab === 3 ? 'bg-background' : 'bg-white-blue'" 1076 >
1077 <span 1078 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 1079 :class="activeTab === 3 ? 'text-primary' : 'text-blue'" 1080 >4</span> 1081 </div> 1082 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Tests et qualité</h3> 1083 </div> 1084 1085 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 1086 alt="" 1087 width="24" 1088 height="24" 1089 loading="lazy" 1090 fetchpriority="low" 1091 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 1092 :class="{ 'rotate-180': activeTab === 3 }" 1093 > 1094 1095 </button> 1096 1097 1098 <div x-show="activeTab === 3" x-collapse class="overflow-hidden"> 1099 <div class="p-4 pb-10 space-y-4"> 1100 <div class="text-gray-600 leading-relaxed mb-0"> 1101 <p class="p1">Avant de déployer quoi que ce soit, nous testons jusquâà obtenir un résultat réellement exploitable.</p> 1102<p> </p> 1103<p class="p2">Nous vérifions :</p> 1104<div style="padding-left: 16px;"> 1105<ul> 1106<li>la stabilité de la solution</li> 1107<li>la qualité des sorties</li> 1108<li>la cohérence avec votre ton et vos contenus</li> 1109<li>lâalignement avec vos objectifs métier</li> 1110</ul> 1111</div> 1112<p> </p> 1113<p class="p1">Câest une étape clé.</p> 1114<p class="p1">Entre une démo impressionnante et un outil quâon peut vraiment utiliser en production, il y a souvent un écart important.</p> 1115<p> </p> 1116<p class="p1">Nous ajustons tant que le niveau nâest pas satisfaisant.</p> 1117<p class="p1">LâIA ne doit pas juste fonctionner, elle doit produire quelque chose de fiable, de propre et dâassez qualitatif pour être utilisé dans un vrai contexte business.</p> 1118 </div> 1119 </div> 1120 </div> 1121 </div> 1122 <div class="relative border-b border-gray-200 last:border-0"> 1123 1124 <button 1125 @click="activeTab = activeTab === 4 ? null : 4" 1126 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 1127 :class="activeTab === 4 ? 'pb-0!' : ''" 1128 > 1129 <div class="flex items-center gap-4"> 1130 <div 1131 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 1132 :class="activeTab === 4 ? 'bg-background' : 'bg-white-blue'" 1133 > 1134 <span 1135 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 1136 :class="activeTab === 4 ? 'text-primary' : 'text-blue'" 1137 >5</span> 1138 </div> 1139 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Intégration WordPress</h3> 1140 </div> 1141 1142 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 1143 alt="" 1144 width="24" 1145 height="24" 1146 loading="lazy" 1147 fetchpriority="low" 1148 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 1149 :class="{ 'rotate-180': activeTab === 4 }" 1150 > 1151 1152 </button> 1153 1154 1155 <div x-show="activeTab === 4" x-collapse class="overflow-hidden"> 1156 <div class="p-4 pb-10 space-y-4"> 1157 <div class="text-gray-600 leading-relaxed mb-0"> 1158 <p class="p1">Une fois la solution validée, nous lâintégrons proprement à votre environnement WordPress.</p> 1159<p> </p> 1160<p class="p1">
1160Lâobjectif est simple : faire en sorte que lâIA améliore le projet sans le complexifier.</p> 1161<p class="p1">Nous veillons à préserver la performance, la maintenabilité, la cohérence UX et la logique générale du site.</p> 1162<p class="p1">Câest ce qui permet dâobtenir des usages réellement utiles : recherche conversationnelle, traduction intelligente, génération de contenu, automatisation éditoriale, assistants internes ou fonctionnalités métier sur mesure.</p> 1163<p> </p> 1164<p class="p1">Lâintégration doit rester propre, lisible et durable.</p> 1165<p class="p1">Câest là toute la différence entre une expérimentation rapide et une solution sérieuse.</p> 1166 </div> 1167 </div> 1168 </div> 1169 </div> 1170 <div class="relative border-b border-gray-200 last:border-0"> 1171 1172 <button 1173 @click="activeTab = activeTab === 5 ? null : 5" 1174 class="w-full flex items-center justify-between !px-2 !py-6 lg:!py-8 transition-all duration-200 cursor-pointer" 1175 :class="activeTab === 5 ? 'pb-0!' : ''" 1176 > 1177 <div class="flex items-center gap-4"> 1178 <div 1179 class="size-12 aspect-1/1 rounded-full flex items-center justify-center transition-colors duration-200" 1180 :class="activeTab === 5 ? 'bg-background' : 'bg-white-blue'" 1181 > 1182 <span 1183 class="has-sm-font-size leading-none font-semibold transition-colors duration-200" 1184 :class="activeTab === 5 ? 'text-primary' : 'text-blue'" 1185 >6</span> 1186 </div> 1187 <h3 class="has-lg-font-size lg:leading-none text-start font-semibold">Suivi et optimisation</h3> 1188 </div> 1189 1190 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/arrow-square-down-BoMJhmWq.svg" 1191 alt="" 1192 width="24" 1193 height="24" 1194 loading="lazy" 1195 fetchpriority="low" 1196 class="min-w-6 w-6 opacity-40 transform transition-transform duration-300" 1197 :class="{ 'rotate-180': activeTab === 5 }" 1198 > 1199 1200 </button> 1201 1202 1203 <div x-show="activeTab === 5" x-collapse class="overflow-hidden"> 1204 <div class="p-4 pb-10 space-y-4"> 1205 <div class="text-gray-600 leading-relaxed mb-0"> 1206 <p class="p1">Le travail ne sâarrête pas après la mise en ligne.</p> 1207<p> </p> 1208<p class="p1">Nous suivons les usages, les résultats et les points de friction pour faire évoluer le dispositif dans le temps.</p> 1209<p> </p> 1210<p class="p1">Lâintelligence artificielle nâest pas un bloc figé.</p> 1211<p class="p1">Câest un levier qui sâajuste, se teste et sâaméliore.</p> 1212<p> </p> 1213<p class="p1">Plus elle est utilisée, plus on affine ce quâelle doit faire, la manière dont elle doit répondre et la place quâelle doit prendre dans vos process.</p> 1214<p> </p> 1215<p class="p2">Câest cette amélioration continue qui permet de transformer une bonne idée en véritable avantage concurrentiel.</p> 1216 </div> 1217 </div> 1218 </div> 1219 </div> 1220 <div class="pt-6 flex justify-center sm:justify-start"> 1221 <a 1222class="button !leading-6 font-semibold text-base rounded-lg shadow-lg group inline-block cursor-pointer base-transition transition-all duration-300 ease-in-out hover:shadow-xl button-primary !text-primary bg-background hover:bg-background-hover w-full lg:w-fit rounded-xl leading-none px-5 py-3 w-max " 1223 1224 href="https://amphibee.fr/contact" 1225 1226 1227> 1228Nous contacter 1229</a> 1230 </div> 1231 </div> 1232 1233</section> 1234 1235 1236<section x-data="ReviewsDrawer" 1237 class="content-visibility-visible pb-20 sm:pb-32" 1238 aria-labelledby="reviews-heading-1" > 1239 1240 <div data-animation="fade" data-duration="0.5" data-delay="0.2" data-easing="ease-in-out" class="reveal mb-10"> 1241 <p class="has-sm-font-size mt-0 mb-2 text-center font-semibold uppercase leading-none">Avis client</p> 1242 1243 <h2 id="reviews-heading-1" class="has-xl-font-size mt-0 mb-0 text-center font-bold leading-8 md:font-semibold">Nos clients et partenaires témoignent !</h2> 1244 1245 <div class="mx-auto mt-8 flex max-w-3xl flex-col items-center gap-5 rounded-2xl bg-white p-5 ring-1 ring-black/5 sm:flex-row sm:gap-6 sm:p-6"> 1246 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1247 class="size-9 shrink-0" width="36" height="36" 1248 loading="lazy" decoding="async" 1249 alt="Google" /> 1250 1251 <p class="my-0 flex items-center gap-3 sm:border-l sm:border-black/10 sm:pl-6">
1252 <span class="text-4xl font-bold leading-none text-primary">4,8</span> 1253 <span class="flex flex-col items-start gap-1"> 1254 <span class="inline-flex items-center gap-2"> 1255 <svg viewBox="0 0 108 24" class="h-[1.125rem] w-auto shrink-0" role="img" aria-label="Note de 4,8 sur 5"> 1256 <defs> 1257 <path id="rating-1-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1258 <linearGradient id="rating-1-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1259 <stop offset="96%" stop-color="#FBBC04" /> 1260 <stop offset="96%" stop-color="#DADCE0" /> 1261 </linearGradient> 1262 </defs> 1263 <g fill="url(#rating-1-fill)"> 1264 <use href="#rating-1-glyph" x="0" /> 1265 <use href="#rating-1-glyph" x="21" /> 1266 <use href="#rating-1-glyph" x="42" /> 1267 <use href="#rating-1-glyph" x="63" /> 1268 <use href="#rating-1-glyph" x="84" /> 1269 </g> 1270 </svg> 1271 1272 </span> 1273 <span class="text-sm leading-none text-secondary">43 avis Google</span> 1274 </span> 1275 </p> 1276 1277 <span class="flex flex-wrap items-center justify-center gap-x-5 gap-y-3 sm:ml-auto"> 1278 <a href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" class="yellow-underline whitespace-nowrap !text-sm"> 1279 Voir tous les avis 1280 </a> 1281 1282 <a href="https://search.google.com/local/writereview?placeid=ChIJbR_YEpAj3UcRHa9J3KVRnUY" target="_blank" rel="noopener noreferrer" 1283 class="review-cta whitespace-nowrap rounded-lg bg-background px-5 py-3 text-sm font-bold text-primary"> 1284 Laisser un avis 1285 </a> 1286 </span> 1287 </div> 1288 </div> 1289 1290 <div class="slide swiperTestimonials relative"> 1291 <ul class="swiper-wrapper list-none items-stretch"> 1292 <li class="swiper-slide !h-auto"> 1293 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1294 1295 <figcaption data-review-header class="flex items-center gap-3"> 1296 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/hallie/hallie-avatar-3efb8427618b.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Anthony Neuville" fetchpriority="low" /> 1297 1298 <span class="min-w-0 flex-1"> 1299 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1300 Anthony Neuville 1301 </span> 1302 <span class="mt-1 flex items-center gap-2"> 1303 <span class="inline-flex items-center gap-2"> 1304 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1305 <defs> 1306 <path id="rating-2-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1307 <linearGradient id="rating-2-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1308 <stop offset="100%" stop-color="#FBBC04" /> 1309 <stop offset="100%" stop-color="#DADCE0" /> 1310 </linearGradient> 1311 </defs> 1312 <g fill="url(#rating-2-fill)"> 1313 <use href="#rating-2-glyph" x="0" /> 1314 <use href="#rating-2-glyph" x="21" /> 1315 <use href="#rating-2-glyph" x="42" /> 1316 <use href="#rating-2-glyph" x="63" /> 1317 <use href="#rating-2-glyph" x="84" /> 1318 </g> 1319 </svg> 1320 1321 </span> 1322 <time datetime="2026-07-30T18:16:07+00:00" 1323 class="text-xs leading-none text-secondary"> 1324 il y a 2 mois 1325 </time> 1326 </span> 1327 </span> 1328 1329 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1330 class="review-source relative z-1 shrink-0 self-start rounded-full p-1">
1331 <span class="sr-only">Voir les avis sur Google</span> 1332 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1333 class="size-5" 1334 width="20" 1335 height="20" 1336 loading="lazy" 1337 decoding="async" 1338 alt="" 1339 aria-hidden="true" /> 1340 </a> 1341 </figcaption> 1342 1343 <blockquote class="m-0 mt-4"> 1344 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">En tant qu'expert SEO/GEO, j'ai eu l'occasion de travailler avec Amphibee et je recommande fortement cette agence. J'ai particulièrement apprécié la qualité de nos échanges, la facilité de communication et leur capacité à intégrer nos recos stratégiques. Un vrai sens de l'UX, au-delà du seul design "pour faire beau". Merci encore pour ces belles collaborations !</p> 1345 </blockquote> 1346 1347 <button type="button" data-review-open 1348 @click="open($el.closest('[data-review]'))" 1349 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary"> 1350 <span class="review-open-label">Lire la suite</span> 1351 <span class="sr-only">de l'avis de Anthony Neuville</span> 1352 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1353 class="review-open-chevron size-4" width="16" height="16" 1354 loading="lazy" decoding="async" 1355 alt="" aria-hidden="true" /> 1356 </button> 1357 1358 </figure> 1359</li> 1360 <li class="swiper-slide !h-auto"> 1361 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1362 1363 <figcaption data-review-header class="flex items-center gap-3"> 1364 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2026/07/Victor-Goard-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Victor Goard" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2026/07/Victor-Goard-150x150.webp 150w, https://amphibee.fr/content/uploads/2026/07/Victor-Goard-300x300.webp 300w, https://amphibee.fr/content/uploads/2026/07/Victor-Goard-768x768.webp 768w, https://amphibee.fr/content/uploads/2026/07/Victor-Goard.webp 800w" sizes="(max-width: 150px) 100vw, 150px" /> 1365 1366 <span class="min-w-0 flex-1"> 1367 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1368 Victor 1369 </span> 1370 <span class="mt-1 flex items-center gap-2"> 1371 <span class="inline-flex items-center gap-2"> 1372 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1373 <defs> 1374 <path id="rating-3-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1375 <linearGradient id="rating-3-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1376 <stop offset="100%" stop-color="#FBBC04" /> 1377 <stop offset="100%" stop-color="#DADCE0" /> 1378 </linearGradient> 1379 </defs> 1380 <g fill="url(#rating-3-fill)"> 1381 <use href="#rating-3-glyph" x="0" /> 1382 <use href="#rating-3-glyph" x="21" /> 1383 <use href="#rating-3-glyph" x="42" /> 1384 <use href="#rating-3-glyph" x="63" /> 1385 <use href="#rating-3-glyph" x="84" /> 1386 </g> 1387 </svg> 1388 1389 </span> 1390 <time datetime="2026-07-10T07:42:46+00:00" 1391 class="text-xs leading-none text-secondary"> 1392 il y a 3 mois 1393 </time> 1394 </span> 1395 </span> 1396 1397 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1398 class="review-source relative z-1 shrink-0 self-start rounded-full p-1">
1399 <span class="sr-only">Voir les avis sur Google</span> 1400 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1401 class="size-5" 1402 width="20" 1403 height="20" 1404 loading="lazy" 1405 decoding="async" 1406 alt="" 1407 aria-hidden="true" /> 1408 </a> 1409 </figcaption> 1410 1411 <blockquote class="m-0 mt-4"> 1412 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Excellente agence qui a formulé des propositions très pertinentes pour notre refonte de site web, notamment sur la génération de leads. Hubert a aussi travaillé sur des rendus UX très convaincants, nous le recommandons pour son expertise et ses préconisations !</p> 1413 </blockquote> 1414 1415 <button type="button" data-review-open 1416 @click="open($el.closest('[data-review]'))" 1417 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary"> 1418 <span class="review-open-label">Lire la suite</span> 1419 <span class="sr-only">de l'avis de Victor</span> 1420 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1421 class="review-open-chevron size-4" width="16" height="16" 1422 loading="lazy" decoding="async" 1423 alt="" aria-hidden="true" /> 1424 </button> 1425 1426 </figure> 1427</li> 1428 <li class="swiper-slide !h-auto"> 1429 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1430 1431 <figcaption data-review-header class="flex items-center gap-3"> 1432 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/hallie/hallie-avatar-c4123abe9499.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Asie Online" fetchpriority="low" /> 1433 1434 <span class="min-w-0 flex-1"> 1435 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1436 Asie Online 1437 </span> 1438 <span class="mt-1 flex items-center gap-2"> 1439 <span class="inline-flex items-center gap-2"> 1440 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1441 <defs> 1442 <path id="rating-4-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1443 <linearGradient id="rating-4-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1444 <stop offset="100%" stop-color="#FBBC04" /> 1445 <stop offset="100%" stop-color="#DADCE0" /> 1446 </linearGradient> 1447 </defs> 1448 <g fill="url(#rating-4-fill)"> 1449 <use href="#rating-4-glyph" x="0" /> 1450 <use href="#rating-4-glyph" x="21" /> 1451 <use href="#rating-4-glyph" x="42" /> 1452 <use href="#rating-4-glyph" x="63" /> 1453 <use href="#rating-4-glyph" x="84" /> 1454 </g> 1455 </svg> 1456 1457 </span> 1458 <time datetime="2026-04-22T06:57:26+00:00" 1459 class="text-xs leading-none text-secondary"> 1460 il y a 6 mois 1461 </time> 1462 </span> 1463 </span> 1464 1465 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1466 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1467 <span class="sr-only">Voir les avis sur Google</span> 1468 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1469 class="size-5" 1470 width="20" 1471 height="20" 1472 loading="lazy" 1473 decoding="async" 1474 alt="" 1475 aria-hidden="true" /> 1476 </a> 1477 </figcaption> 1478 1479 <blockquote class="m-0 mt-4"> 1480 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Nous avons confié la refonte complète de notre site Asie Online à Amphibee et le résultat est vraiment au rendez-vous ! 1481 1482De la phase de conception jusqu'à la mise en ligne, l'équipe a su être à l'écoute de nos besoins et de nos contraintes, tout en apportant des idées et des solutions pertinentes. 1483 1484Sarah et Cassandra ont été particulièrement impliquées et disponibles tout au long du projet. Elles ont su s'approprier notre univers, celui du voyage en Asie, pour livrer un site qui nous ressemble vraiment, aussi bien sur le plan visuel que fonctionnel. 1485 1486Une belle collaboration que nous recommandons sans hésiter. Merci à toute l'équipe Amphibee !</p> 1487 </blockquote> 1488 1489 <button type="button" data-review-open 1490 @click="open($el.closest('[data-review]'))" 1491 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1492 <span class="review-open-label">Lire la suite</span> 1493 <span class="sr-only">de l'avis de Asie Online</span> 1494 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1495 class="review-open-chevron size-4" width="16" height="16" 1496 loading="lazy" decoding="async" 1497 alt="" aria-hidden="true" /> 1498 </button> 1499 1500 </figure> 1501</li> 1502 <li class="swiper-slide !h-auto"> 1503 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1504 1505 <figcaption data-review-header class="flex items-center gap-3"> 1506 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2026/01/Jean-Marc-MIKOLAJCZAK-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Jean-Marc MIKOLAJCZAK" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2026/01/Jean-Marc-MIKOLAJCZAK-150x150.webp 150w, https://amphibee.fr/content/uploads/2026/01/Jean-Marc-MIKOLAJCZAK.webp 250w" sizes="(max-width: 150px) 100vw, 150px" /> 1507 1508 <span class="min-w-0 flex-1"> 1509 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1510 Jean-Marc MIKOLAJCZAK 1511 </span> 1512 <span class="mt-1 flex items-center gap-2"> 1513 <span class="inline-flex items-center gap-2"> 1514 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1515 <defs> 1516 <path id="rating-5-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1517 <linearGradient id="rating-5-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1518 <stop offset="100%" stop-color="#FBBC04" /> 1519 <stop offset="100%" stop-color="#DADCE0" /> 1520 </linearGradient> 1521 </defs> 1522 <g fill="url(#rating-5-fill)"> 1523 <use href="#rating-5-glyph" x="0" /> 1524 <use href="#rating-5-glyph" x="21" /> 1525 <use href="#rating-5-glyph" x="42" /> 1526 <use href="#rating-5-glyph" x="63" /> 1527 <use href="#rating-5-glyph" x="84" /> 1528 </g> 1529 </svg> 1530 1531 </span> 1532 <time datetime="2026-01-27T09:38:21+00:00" 1533 class="text-xs leading-none text-secondary"> 1534 il y a 8 mois 1535 </time> 1536 </span> 1537 </span> 1538 1539 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1540 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1541 <span class="sr-only">Voir les avis sur Google</span> 1542 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1543 class="size-5" 1544 width="20" 1545 height="20" 1546 loading="lazy" 1547 decoding="async" 1548 alt="" 1549 aria-hidden="true" /> 1550 </a> 1551 </figcaption> 1552 1553 <blockquote class="m-0 mt-4"> 1554 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Très bonne expérience avec AmphiBee. Lâéquipe a été très disponible, réactive et claire dans la communication tout au long de nos échanges. Nous avons particulièrement apprécié leur expertise et la qualité des recommandations. Mention spéciale à Cassandra pour son savoir-faire, sa capacité à comprendre rapidement nos enjeux et à proposer des solutions pertinentes. Merci à toute lâéquipe</p> 1555 </blockquote> 1556 1557 <button type="button" data-review-open 1558 @click="open($el.closest('[data-review]'))" 1559 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1560 <span class="review-open-label">Lire la suite</span> 1561 <span class="sr-only">de l'avis de Jean-Marc MIKOLAJCZAK</span> 1562 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1563 class="review-open-chevron size-4" width="16" height="16" 1564 loading="lazy" decoding="async" 1565 alt="" aria-hidden="true" /> 1566 </button> 1567 1568 </figure> 1569</li> 1570 <li class="swiper-slide !h-auto"> 1571 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1572 1573 <figcaption data-review-header class="flex items-center gap-3"> 1574 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2026/01/Steeve-CARBONARO-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Steeve CARBONARO" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2026/01/Steeve-CARBONARO-150x150.webp 150w, https://amphibee.fr/content/uploads/2026/01/Steeve-CARBONARO-300x300.webp 300w, https://amphibee.fr/content/uploads/2026/01/Steeve-CARBONARO-768x768.webp 768w, https://amphibee.fr/content/uploads/2026/01/Steeve-CARBONARO.webp 800w" sizes="(max-width: 150px) 100vw, 150px" /> 1575 1576 <span class="min-w-0 flex-1"> 1577 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1578 Steeve CARBONARO 1579 </span> 1580 <span class="mt-1 flex items-center gap-2"> 1581 <span class="inline-flex items-center gap-2"> 1582 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 4 sur 5"> 1583 <defs> 1584 <path id="rating-6-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1585 <linearGradient id="rating-6-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1586 <stop offset="80%" stop-color="#FBBC04" /> 1587 <stop offset="80%" stop-color="#DADCE0" /> 1588 </linearGradient> 1589 </defs> 1590 <g fill="url(#rating-6-fill)"> 1591 <use href="#rating-6-glyph" x="0" /> 1592 <use href="#rating-6-glyph" x="21" /> 1593 <use href="#rating-6-glyph" x="42" /> 1594 <use href="#rating-6-glyph" x="63" /> 1595 <use href="#rating-6-glyph" x="84" /> 1596 </g> 1597 </svg> 1598 1599 </span> 1600 <time datetime="2026-01-26T09:57:14+00:00" 1601 class="text-xs leading-none text-secondary"> 1602 il y a 8 mois 1603 </time> 1604 </span> 1605 </span> 1606 1607 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1608 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1609 <span class="sr-only">Voir les avis sur Google</span> 1610 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1611 class="size-5" 1612 width="20" 1613 height="20" 1614 loading="lazy" 1615 decoding="async" 1616 alt="" 1617 aria-hidden="true" /> 1618 </a> 1619 </figcaption> 1620 1621 <blockquote class="m-0 mt-4"> 1622 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">J'ai apprécié le contact, la réactivité et la retranscription du besoin qui a été faite. Un processus d'avant vente très professionnel.</p> 1623 </blockquote> 1624 1625 <button type="button" data-review-open 1626 @click="open($el.closest('[data-review]'))" 1627 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1628 <span class="review-open-label">Lire la suite</span> 1629 <span class="sr-only">de l'avis de Steeve CARBONARO</span> 1630 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1631 class="review-open-chevron size-4" width="16" height="16" 1632 loading="lazy" decoding="async" 1633 alt="" aria-hidden="true" /> 1634 </button> 1635 1636 </figure> 1637</li> 1638 <li class="swiper-slide !h-auto"> 1639 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1640 1641 <figcaption data-review-header class="flex items-center gap-3"> 1642 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2026/01/Maria-MUNIZAGA-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Maria MUNIZAGA" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2026/01/Maria-MUNIZAGA-150x150.webp 150w, https://amphibee.fr/content/uploads/2026/01/Maria-MUNIZAGA-300x300.webp 300w, https://amphibee.fr/content/uploads/2026/01/Maria-MUNIZAGA-768x768.webp 768w, https://amphibee.fr/content/uploads/2026/01/Maria-MUNIZAGA.webp 800w" sizes="(max-width: 150px) 100vw, 150px" /> 1643 1644 <span class="min-w-0 flex-1"> 1645 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1646 Maria MUNIZAGA 1647 </span> 1648 <span class="mt-1 flex items-center gap-2"> 1649 <span class="inline-flex items-center gap-2"> 1650 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1651 <defs> 1652 <path id="rating-7-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1653 <linearGradient id="rating-7-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1654 <stop offset="100%" stop-color="#FBBC04" /> 1655 <stop offset="100%" stop-color="#DADCE0" /> 1656 </linearGradient> 1657 </defs> 1658 <g fill="url(#rating-7-fill)"> 1659 <use href="#rating-7-glyph" x="0" /> 1660 <use href="#rating-7-glyph" x="21" /> 1661 <use href="#rating-7-glyph" x="42" /> 1662 <use href="#rating-7-glyph" x="63" /> 1663 <use href="#rating-7-glyph" x="84" /> 1664 </g> 1665 </svg> 1666 1667 </span> 1668 <time datetime="2026-01-21T09:06:57+00:00" 1669 class="text-xs leading-none text-secondary"> 1670 il y a 9 mois 1671 </time> 1672 </span> 1673 </span> 1674 1675 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1676 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1677 <span class="sr-only">Voir les avis sur Google</span> 1678 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1679 class="size-5" 1680 width="20" 1681 height="20" 1682 loading="lazy" 1683 decoding="async" 1684 alt="" 1685 aria-hidden="true" /> 1686 </a> 1687 </figcaption> 1688 1689 <blockquote class="m-0 mt-4"> 1690 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Iâm MarÃa, Web Optimizations & Operations Manager at AB Tasty. Iâve been working with AmphiBee for a year on our lead acquisition website and a major Gutenberg / WordPress project. They are very professional, reactive, and always propose pragmatic technical and design solutions. Louis and Loïc, in particular, have truly become an extension of our team, delivering on time and with high quality. I highly recommend AmphiBee as a web agency partner.</p> 1691 </blockquote> 1692 1693 <button type="button" data-review-open 1694 @click="open($el.closest('[data-review]'))" 1695 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1696 <span class="review-open-label">Lire la suite</span> 1697 <span class="sr-only">de l'avis de Maria MUNIZAGA</span> 1698 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1699 class="review-open-chevron size-4" width="16" height="16" 1700 loading="lazy" decoding="async" 1701 alt="" aria-hidden="true" /> 1702 </button> 1703 1704 </figure> 1705</li> 1706 <li class="swiper-slide !h-auto"> 1707 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1708 1709 <figcaption data-review-header class="flex items-center gap-3"> 1710 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/hallie/hallie-avatar-cc3e781a20dc.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Annesophie Boiry" fetchpriority="low" /> 1711 1712 <span class="min-w-0 flex-1"> 1713 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1714 Annesophie Boiry 1715 </span> 1716 <span class="mt-1 flex items-center gap-2"> 1717 <span class="inline-flex items-center gap-2"> 1718 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1719 <defs> 1720 <path id="rating-8-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1721 <linearGradient id="rating-8-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1722 <stop offset="100%" stop-color="#FBBC04" /> 1723 <stop offset="100%" stop-color="#DADCE0" /> 1724 </linearGradient> 1725 </defs> 1726 <g fill="url(#rating-8-fill)"> 1727 <use href="#rating-8-glyph" x="0" /> 1728 <use href="#rating-8-glyph" x="21" /> 1729 <use href="#rating-8-glyph" x="42" /> 1730 <use href="#rating-8-glyph" x="63" /> 1731 <use href="#rating-8-glyph" x="84" /> 1732 </g> 1733 </svg> 1734 1735 </span> 1736 <time datetime="2025-12-15T14:34:27+00:00" 1737 class="text-xs leading-none text-secondary"> 1738 il y a 10 mois 1739 </time> 1740 </span> 1741 </span> 1742 1743 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1744 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1745 <span class="sr-only">Voir les avis sur Google</span> 1746 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1747 class="size-5" 1748 width="20" 1749 height="20" 1750 loading="lazy" 1751 decoding="async" 1752 alt="" 1753 aria-hidden="true" /> 1754 </a> 1755 </figcaption> 1756 1757 <blockquote class="m-0 mt-4"> 1758 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Dans le cadre de mon poste de responsable communication chez l'annonceur, jâai eu lâoccasion dâéchanger avec AmphiBee à propos d'un projet de refonte de site web. 1759Jâai particulièrement apprécié la qualité des échanges, la disponibilité des équipes et leur capacité à comprendre rapidement nos besoins et nos attentes. AmphiBee est une agence à lâécoute, réactive et très professionnelle, que je recommande pour son accompagnement et son sérieux.</p> 1760 </blockquote> 1761 1762 <button type="button" data-review-open 1763 @click="open($el.closest('[data-review]'))" 1764 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1765 <span class="review-open-label">Lire la suite</span> 1766 <span class="sr-only">de l'avis de Annesophie Boiry</span> 1767 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1768 class="review-open-chevron size-4" width="16" height="16" 1769 loading="lazy" decoding="async" 1770 alt="" aria-hidden="true" /> 1771 </button> 1772 1773 </figure> 1774</li> 1775 <li class="swiper-slide !h-auto"> 1776 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1777 1778 <figcaption data-review-header class="flex items-center gap-3"> 1779 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2025/09/Bertrand-Dufour-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Bertrand Dufour" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2025/09/Bertrand-Dufour-150x150.webp 150w, https://amphibee.fr/content/uploads/2025/09/Bertrand-Dufour-300x300.webp 300w, https://amphibee.fr/content/uploads/2025/09/Bertrand-Dufour-768x768.webp 768w, https://amphibee.fr/content/uploads/2025/09/Bertrand-Dufour.webp 800w" sizes="(max-width: 150px) 100vw, 150px" /> 1780 1781 <span class="min-w-0 flex-1"> 1782 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1783 Bertrand Dufour 1784 </span> 1785 <span class="mt-1 flex items-center gap-2"> 1786 <span class="inline-flex items-center gap-2"> 1787 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1788 <defs> 1789 <path id="rating-9-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1790 <linearGradient id="rating-9-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1791 <stop offset="100%" stop-color="#FBBC04" /> 1792 <stop offset="100%" stop-color="#DADCE0" /> 1793 </linearGradient> 1794 </defs> 1795 <g fill="url(#rating-9-fill)"> 1796 <use href="#rating-9-glyph" x="0" /> 1797 <use href="#rating-9-glyph" x="21" /> 1798 <use href="#rating-9-glyph" x="42" /> 1799 <use href="#rating-9-glyph" x="63" /> 1800 <use href="#rating-9-glyph" x="84" /> 1801 </g> 1802 </svg> 1803 1804 </span> 1805 <time datetime="2025-09-12T10:36:24+00:00" 1806 class="text-xs leading-none text-secondary"> 1807 septembre 2025 1808 </time> 1809 </span> 1810 </span> 1811 1812 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1813 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1814 <span class="sr-only">Voir les avis sur Google</span> 1815 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1816 class="size-5" 1817 width="20" 1818 height="20" 1819 loading="lazy" 1820 decoding="async" 1821 alt="" 1822 aria-hidden="true" /> 1823 </a> 1824 </figcaption> 1825 1826 <blockquote class="m-0 mt-4"> 1827 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Jâai eu le plaisir de travailler avec AmphiBee sur la mise en place dâun tunnel de commandes personnalisé pour First Education Online, un projet de près de six mois. Lâéquipe a pris en charge à la fois lâUX, lâintégration et les développements spécifiques avec un professionnalisme exemplaire. 1828 1829Le projet a été mené dâune main de maître grâce à un pilotage rigoureux et à toute lâéquipe opérationnelle qui lâa entouré. Leur expertise, leur réactivité et leur sens du détail ont vraiment fait la différence. 1830 1831Je remercie vivement toute lâéquipe pour ce travail de qualité.</p> 1832 </blockquote> 1833 1834 <button type="button" data-review-open 1835 @click="open($el.closest('[data-review]'))" 1836 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1837 <span class="review-open-label">Lire la suite</span> 1838 <span class="sr-only">de l'avis de Bertrand Dufour</span> 1839 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1840 class="review-open-chevron size-4" width="16" height="16" 1841 loading="lazy" decoding="async" 1842 alt="" aria-hidden="true" /> 1843 </button> 1844 1845 </figure> 1846</li> 1847 <li class="swiper-slide !h-auto"> 1848 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1849 1850 <figcaption data-review-header class="flex items-center gap-3"> 1851 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/hallie/hallie-avatar-e016fd447a6a.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Alexandre Coudé" fetchpriority="low" /> 1852 1853 <span class="min-w-0 flex-1"> 1854 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1855 Alexandre Coudé 1856 </span> 1857 <span class="mt-1 flex items-center gap-2"> 1858 <span class="inline-flex items-center gap-2"> 1859 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1860 <defs> 1861 <path id="rating-10-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1862 <linearGradient id="rating-10-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1863 <stop offset="100%" stop-color="#FBBC04" /> 1864 <stop offset="100%" stop-color="#DADCE0" /> 1865 </linearGradient> 1866 </defs> 1867 <g fill="url(#rating-10-fill)"> 1868 <use href="#rating-10-glyph" x="0" /> 1869 <use href="#rating-10-glyph" x="21" /> 1870 <use href="#rating-10-glyph" x="42" /> 1871 <use href="#rating-10-glyph" x="63" /> 1872 <use href="#rating-10-glyph" x="84" /> 1873 </g> 1874 </svg> 1875 1876 </span> 1877 <time datetime="2025-08-19T13:45:55+00:00" 1878 class="text-xs leading-none text-secondary"> 1879 août 2025 1880 </time> 1881 </span> 1882 </span> 1883 1884 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1885 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1886 <span class="sr-only">Voir les avis sur Google</span> 1887 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1888 class="size-5" 1889 width="20" 1890 height="20" 1891 loading="lazy" 1892 decoding="async" 1893 alt="" 1894 aria-hidden="true" /> 1895 </a> 1896 </figcaption> 1897 1898 <blockquote class="m-0 mt-4"> 1899 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Agence au top, à taille humaine et réactive. 1900Je recommande</p> 1901 </blockquote> 1902 1903 <button type="button" data-review-open 1904 @click="open($el.closest('[data-review]'))" 1905 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary"> 1906 <span class="review-open-label">Lire la suite</span> 1907 <span class="sr-only">de l'avis de Alexandre Coudé</span> 1908 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1909 class="review-open-chevron size-4" width="16" height="16" 1910 loading="lazy" decoding="async" 1911 alt="" aria-hidden="true" /> 1912 </button> 1913 1914 </figure> 1915</li> 1916 <li class="swiper-slide !h-auto"> 1917 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1918
1919 <figcaption data-review-header class="flex items-center gap-3"> 1920 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2025/06/Logo-Wekiwi-150x150.webp" class="size-10 shrink-0 rounded-full object-cover" alt="Logo Wekiwi" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2025/06/Logo-Wekiwi-150x150.webp 150w, https://amphibee.fr/content/uploads/2025/06/Logo-Wekiwi.webp 200w" sizes="(max-width: 150px) 100vw, 150px" /> 1921 1922 <span class="min-w-0 flex-1"> 1923 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1924 ilinca parii 1925 </span> 1926 <span class="mt-1 flex items-center gap-2"> 1927 <span class="inline-flex items-center gap-2"> 1928 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 1929 <defs> 1930 <path id="rating-11-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 1931 <linearGradient id="rating-11-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 1932 <stop offset="100%" stop-color="#FBBC04" /> 1933 <stop offset="100%" stop-color="#DADCE0" /> 1934 </linearGradient> 1935 </defs> 1936 <g fill="url(#rating-11-fill)"> 1937 <use href="#rating-11-glyph" x="0" /> 1938 <use href="#rating-11-glyph" x="21" /> 1939 <use href="#rating-11-glyph" x="42" /> 1940 <use href="#rating-11-glyph" x="63" /> 1941 <use href="#rating-11-glyph" x="84" /> 1942 </g> 1943 </svg> 1944 1945 </span> 1946 <time datetime="2025-06-24T09:59:51+00:00" 1947 class="text-xs leading-none text-secondary"> 1948 juin 2025 1949 </time> 1950 </span> 1951 </span> 1952 1953 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 1954 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 1955 <span class="sr-only">Voir les avis sur Google</span> 1956 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 1957 class="size-5" 1958 width="20" 1959 height="20" 1960 loading="lazy" 1961 decoding="async" 1962 alt="" 1963 aria-hidden="true" /> 1964 </a> 1965 </figcaption> 1966 1967 <blockquote class="m-0 mt-4"> 1968 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">En tant que responsable communication chez Wekiwi, jâai fait appel à lâagence Amphibee pour concevoir un parcours de souscription fonctionnel, intuitif et responsive, aussi bien sur desktop que sur mobile. Lâobjectif était de créer une expérience UX/UI fluide et adaptée aux standards dâun fournisseur dâénergie. 1969Nous avons collaboré avec Amphibee sur la conception du design et lâintégration de certaines fonctionnalités du tunnel de souscription. Dès les premiers échanges, la collaboration sâest révélée simple et efficace : lâéquipe a su comprendre rapidement nos besoins, proposer des solutions pertinentes, et assurer un suivi rigoureux et bien organisé tout au long du projet. 1970Nous sommes très satisfaits du résultat final, aussi bien sur le plan fonctionnel quâesthétique, et de la qualité des échanges avec lâéquipe. 1971Je recommande vivement Amphibee : une agence professionnelle, réactive, force de proposition, avec une excellente maîtrise des enjeux digitaux actuels.</p> 1972 </blockquote> 1973 1974 <button type="button" data-review-open 1975 @click="open($el.closest('[data-review]'))" 1976 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
1977 <span class="review-open-label">Lire la suite</span> 1978 <span class="sr-only">de l'avis de ilinca parii</span> 1979 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 1980 class="review-open-chevron size-4" width="16" height="16" 1981 loading="lazy" decoding="async" 1982 alt="" aria-hidden="true" /> 1983 </button> 1984 1985 </figure> 1986</li> 1987 <li class="swiper-slide !h-auto"> 1988 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 1989 1990 <figcaption data-review-header class="flex items-center gap-3"> 1991 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/2025/04/1688049415418-150x150.jpeg" class="size-10 shrink-0 rounded-full object-cover" alt="Mathilde Maître de Piasa, client d'AmphiBee" fetchpriority="low" srcset="https://amphibee.fr/content/uploads/2025/04/1688049415418-150x150.jpeg 150w, https://amphibee.fr/content/uploads/2025/04/1688049415418-300x300.jpeg 300w, https://amphibee.fr/content/uploads/2025/04/1688049415418-768x768.jpeg 768w, https://amphibee.fr/content/uploads/2025/04/1688049415418.jpeg 800w" sizes="(max-width: 150px) 100vw, 150px" /> 1992 1993 <span class="min-w-0 flex-1"> 1994 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 1995 Mathilde Maitre 1996 </span> 1997 <span class="mt-1 flex items-center gap-2"> 1998 <span class="inline-flex items-center gap-2"> 1999 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 2000 <defs> 2001 <path id="rating-12-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 2002 <linearGradient id="rating-12-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 2003 <stop offset="100%" stop-color="#FBBC04" /> 2004 <stop offset="100%" stop-color="#DADCE0" /> 2005 </linearGradient> 2006 </defs> 2007 <g fill="url(#rating-12-fill)"> 2008 <use href="#rating-12-glyph" x="0" /> 2009 <use href="#rating-12-glyph" x="21" /> 2010 <use href="#rating-12-glyph" x="42" /> 2011 <use href="#rating-12-glyph" x="63" /> 2012 <use href="#rating-12-glyph" x="84" /> 2013 </g> 2014 </svg> 2015 2016 </span> 2017 <time datetime="2025-05-26T17:26:40+00:00" 2018 class="text-xs leading-none text-secondary"> 2019 mai 2025 2020 </time> 2021 </span> 2022 </span> 2023 2024 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 2025 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 2026 <span class="sr-only">Voir les avis sur Google</span> 2027 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 2028 class="size-5" 2029 width="20" 2030 height="20" 2031 loading="lazy" 2032 decoding="async" 2033 alt="" 2034 aria-hidden="true" /> 2035 </a> 2036 </figcaption> 2037 2038 <blockquote class="m-0 mt-4"> 2039 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Nous avons travaillé avec lâagence AmphiBee dans le cadre de la refonte du site PIASA, un projet à la fois technique et structurant, représentant plus de 150 jours de production. 2040Lâéquipe a su faire preuve de rigueur, dâécoute et de réactivité, tout en étant force de conseil et de proposition technique dès la phase dâavant-vente. 2041Mention spéciale à Elisa, Sarah, Olivier, Damien, Cassandra et Melvin pour leur implication tout au long du projet, dans le respect des délais et des objectifs. 2042Nous sommes ravis de poursuivre lâaventure en 2025 avec AmphiBee dans le cadre dâun accompagnement TMA/TME.</p> 2043 </blockquote> 2044 2045 <button type="button" data-review-open 2046 @click="open($el.closest('[data-review]'))" 2047 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
2048 <span class="review-open-label">Lire la suite</span> 2049 <span class="sr-only">de l'avis de Mathilde Maitre</span> 2050 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 2051 class="review-open-chevron size-4" width="16" height="16" 2052 loading="lazy" decoding="async" 2053 alt="" aria-hidden="true" /> 2054 </button> 2055 2056 </figure> 2057</li> 2058 <li class="swiper-slide !h-auto"> 2059 <figure data-review class="review-card m-0 flex h-full flex-col rounded-2xl bg-white p-5 ring-1 ring-black/5"> 2060 2061 <figcaption data-review-header class="flex items-center gap-3"> 2062 <img decoding="async" width="40" height="40" src="https://amphibee.fr/content/uploads/hallie/hallie-avatar-5d29f97eefce.webp" class="size-10 shrink-0 rounded-full object-cover" alt="CIRCUIT DE CROIX OFFICIEL" fetchpriority="low" /> 2063 2064 <span class="min-w-0 flex-1"> 2065 <span class="block truncate text-[15px] font-semibold leading-tight text-primary"> 2066 CIRCUIT DE CROIX OFFICIEL 2067 </span> 2068 <span class="mt-1 flex items-center gap-2"> 2069 <span class="inline-flex items-center gap-2"> 2070 <svg viewBox="0 0 108 24" class="h-3.5 w-auto shrink-0" role="img" aria-label="Note de 5 sur 5"> 2071 <defs> 2072 <path id="rating-13-glyph" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" /> 2073 <linearGradient id="rating-13-fill" gradientUnits="userSpaceOnUse" x1="0" x2="108"> 2074 <stop offset="100%" stop-color="#FBBC04" /> 2075 <stop offset="100%" stop-color="#DADCE0" /> 2076 </linearGradient> 2077 </defs> 2078 <g fill="url(#rating-13-fill)"> 2079 <use href="#rating-13-glyph" x="0" /> 2080 <use href="#rating-13-glyph" x="21" /> 2081 <use href="#rating-13-glyph" x="42" /> 2082 <use href="#rating-13-glyph" x="63" /> 2083 <use href="#rating-13-glyph" x="84" /> 2084 </g> 2085 </svg> 2086 2087 </span> 2088 <time datetime="2025-05-15T13:55:56+00:00" 2089 class="text-xs leading-none text-secondary"> 2090 mai 2025 2091 </time> 2092 </span> 2093 </span> 2094 2095 <a data-review-source href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 2096 class="review-source relative z-1 shrink-0 self-start rounded-full p-1"> 2097 <span class="sr-only">Voir les avis sur Google</span> 2098 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 2099 class="size-5" 2100 width="20" 2101 height="20" 2102 loading="lazy" 2103 decoding="async" 2104 alt="" 2105 aria-hidden="true" /> 2106 </a> 2107 </figcaption> 2108 2109 <blockquote class="m-0 mt-4"> 2110 <p data-review-body class="my-0 line-clamp-6 text-sm !leading-relaxed text-primary/80">Nous avons confié à AmphiBee la reprise en TMA/TME de notre site WooCommerce, et tout sâest parfaitement déroulé. Lâéquipe technique a su reprendre le projet avec sérieux et efficacité, et je tiens particulièrement à remercier Ãlisa pour son excellent pilotage au quotidien : réactive, claire, et toujours orientée solution. Une collaboration fluide et rassurante.</p> 2111 </blockquote> 2112 2113 <button type="button" data-review-open 2114 @click="open($el.closest('[data-review]'))" 2115 class="review-open mt-auto flex items-center gap-1 pt-3 !text-sm !leading-relaxed font-semibold text-primary">
2116 <span class="review-open-label">Lire la suite</span> 2117 <span class="sr-only">de l'avis de CIRCUIT DE CROIX OFFICIEL</span> 2118 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 2119 class="review-open-chevron size-4" width="16" height="16" 2120 loading="lazy" decoding="async" 2121 alt="" aria-hidden="true" /> 2122 </button> 2123 2124 </figure> 2125</li> 2126 </ul> 2127 2128 <div class="mt-10 flex items-center justify-center gap-x-4"> 2129 <button type="button" class="theme-swiper-button-prev review-nav flex size-11 items-center justify-center rounded-full ring-1 ring-black/10"> 2130 <span class="sr-only">Avis précédents</span> 2131 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 2132 class="size-6" width="24" height="24" 2133 loading="lazy" decoding="async" 2134 alt="" aria-hidden="true" /> 2135 </button> 2136 <button type="button" class="theme-swiper-button-next review-nav flex size-11 items-center justify-center rounded-full ring-1 ring-black/10"> 2137 <span class="sr-only">Avis suivants</span> 2138 <img src="https://amphibee.fr/build/theme/default/assets/chevron-left-aoPWGvsY.svg" 2139 class="size-6 rotate-180" width="24" height="24" 2140 loading="lazy" decoding="async" 2141 alt="" aria-hidden="true" /> 2142 </button> 2143 </div> 2144 </div> 2145 2146 <div x-ref="drawer" class="reviews-drawer" @keydown.escape.window="close"> 2147 <div class="reviews-drawer-backdrop" @click="close"></div> 2148 2149 <div x-ref="panel" 2150 role="dialog" aria-modal="true" 2151 aria-label="Avis client" 2152 class="reviews-drawer-panel mt-auto flex max-h-[85dvh] w-full flex-col rounded-t-2xl bg-white shadow-2xl sm:mt-0 sm:ml-auto sm:h-full sm:max-h-none sm:max-w-md sm:rounded-none" 2153 @transitionend="onPanelTransitionEnd" 2154 @keydown.tab="trapFocus"> 2155 2156 <button type="button" @click="close" tabindex="-1" aria-hidden="true" 2157 class="reviews-drawer-handle"></button> 2158 2159 <div class="flex items-start justify-between gap-4 border-b border-black/5 p-5 sm:p-6"> 2160 <div x-ref="header" class="min-w-0 flex-1"></div> 2161 2162 <button type="button" @click="close" 2163 class="review-close -m-1 flex size-9 shrink-0 items-center justify-center rounded-full ring-1 ring-black/10"> 2164 <span class="sr-only">Fermer</span> 2165 <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" class="size-4" aria-hidden="true"> 2166 <path d="M5 5l10 10M15 5L5 15" /> 2167 </svg> 2168 </button> 2169 </div> 2170 2171 <div class="grow overflow-y-auto p-6"> 2172 <blockquote class="m-0"> 2173 <p x-ref="body" class="my-0 text-[15px] !leading-relaxed text-primary/85"></p> 2174 </blockquote> 2175 </div> 2176 2177 <div class="border-t border-black/5 p-6"> 2178 <a href="https://maps.google.com/maps?cid=5088312926805798685" target="_blank" rel="noopener noreferrer" 2179 class="review-cta flex items-center justify-center gap-2 rounded-lg bg-background px-5 py-3 text-sm font-bold text-primary"> 2180 <img src="https://amphibee.fr/build/theme/default/assets/google-CsrGQvXF.svg" 2181 class="size-4" width="16" height="16" 2182 loading="lazy" decoding="async" 2183 alt="" aria-hidden="true" /> 2184 Voir sur Google 2185 </a> 2186 </div> 2187 </div> 2188 </div> 2189 2190 </section> 2191 2192 2193<section class="reveal media-text pb-20 sm:pb-32 relative"> 2194 2195 <div class="md:w-3/4 pb-4 md:pb-0"> 2196 <h3 class="has-xl-font-size mt-0 font-bold md:font-semibold">Pourquoi intégrer lâIA à votre projet WordPress avec AmphiBee ?</h3> 2197 </div> 2198 2199 <div class="flex flex-col md:flex-row items-center gap-x-10 lg:gap-x-12"> 2200 <div class="w-full md:w-1/2 md:pt-4"> 2201 <figure class="w-full relative"> 2202 <img decoding="async" width="768" height="512" src="https://amphibee.fr/content/uploads/2026/06/WordPress-X-IA-768x512.webp" class="w-full object-cover rounded-lg h-80 md:h-auto md:min-
2202h-[400px] md:max-h-[400px]" alt="WordPress X IA" srcset="https://amphibee.fr/content/uploads/2026/06/WordPress-X-IA-768x512.webp 768w, https://amphibee.fr/content/uploads/2026/06/WordPress-X-IA-300x200.webp 300w, https://amphibee.fr/content/uploads/2026/06/WordPress-X-IA-1024x683.webp 1024w, https://amphibee.fr/content/uploads/2026/06/WordPress-X-IA.webp 1536w" sizes="(max-width: 768px) 100vw, 768px" /> 2203 </figure> 2204 </div> 2205 <div class="w-full md:w-1/2 lg:pl-14"> 2206 <div class="content-small"><p class="p1" style="font-size: 16px">Bien utilisée, lâintelligence artificielle permet dâaller plus loin sans faire exploser les budgets. Elle peut accélérer certains temps de production, automatiser des tâches répétitives et ouvrir des possibilités de développement qui seraient plus longues ou plus coûteuses en manuel.</p> 2207<p> </p> 2208<p class="p1" style="font-size: 16px">Mais entre une solution réellement pensée pour la production et une implémentation rapide, lâécart est souvent considérable.</p> 2209<p class="p1" style="font-size: 16px">Sans cadrage, sans tests et sans garde-fous, on obtient vite des contenus faibles, des réponses imprécises ou des développements instables.</p> 2210<p class="p1" style="font-size: 16px">Câest là quâune agence WordPress spécialisée fait la différence.</p> 2211<p> </p> 2212<p class="p1" style="font-size: 16px">Avec AmphiBee, lâIA nâest pas un effet de mode. Câest un levier concret pour améliorer la qualité, gagner du temps et élargir les possibilités du projet tout en gardant un cadre technique solide.</p> 2213</div> 2214 <div class="flex justify-center sm:justify-start"> 2215 <a 2216class="button !leading-6 font-semibold text-base rounded-lg shadow-lg group inline-block cursor-pointer base-transition transition-all duration-300 ease-in-out hover:shadow-xl button-primary !text-primary bg-background hover:bg-background-hover w-fit rounded-xl leading-none px-5 py-3 mt-6" 2217 2218 href="https://amphibee.fr/votre-projet" 2219 2220 2221> 2222Nous confier un projet 2223</a> 2224 </div> 2225 </div> 2226 </div> 2227 2228</section> 2229 2230 2231<section class="pb-20 sm:pb-32"> 2232 <div> 2233 2234 <div class="text-center mb-8 sm:mb-12"> 2235 <p class="text-base md:text-xl uppercase font-semibold my-0 sm:mb-1">Blog</p> 2236 <h2 class="has-xl-font-size font-bold lg:font-semibold leading-8 md:leading-12">Nos articles de blog sur WordPress et l'Intelligence Artificielle</h2> 2237 </div> 2238 2239 <div class="slide SwiperPosts relative"> 2240 <div class="swiper-wrapper"> 2241 <div data-delay="0.2" class="swiper-slide !h-auto reveal"> 2242 <a href="https://amphibee.fr/blog/meilisearch" class="flex flex-col h-full"> 2243 <img decoding="async" width="300" height="200" src="https://amphibee.fr/content/uploads/2026/01/Thumbnail-Meilisearch-300x200.webp" class="w-full h-64 sm:h-72 mb-4 object-cover rounded-xl" alt="Thumbnail Meilisearch" srcset="https://amphibee.fr/content/uploads/2026/01/Thumbnail-Meilisearch-300x200.webp 300w, https://amphibee.fr/content/uploads/2026/01/Thumbnail-Meilisearch-1024x683.webp 1024w, https://amphibee.fr/content/uploads/2026/01/Thumbnail-Meilisearch-768x512.webp 768w, https://amphibee.fr/content/uploads/2026/01/Thumbnail-Meilisearch.webp 1536w" sizes="(max-width: 300px) 100vw, 300px" /> 2244 2245 <p class="has-md-font-size leading-snug font-bold md:font-semibold mt-0 mb-2 line-clamp-3 grow"> 2246 Meilisearch : moteur de recherche open source, intégrations WordPress & Laravel, alternatives techniques 2247 </p> 2248 2249 <div class="flex items-start justify-between gap-4 text-xs opacity-60 mb-3"> 2250 <div class="article-categories"> 2251 <span class="category">Secrets de fabrication</span> 2252 </div> 2253 <time datetime="2026-01-15T16:51:30+01:00" class="inline-block whitespace-nowrap">15 janvier 2026</time> 2254 </div> 2255 2256 <p class="line-clamp-3">Meilisearch est un moteur de recherche open source conçu pour intervenir comme couche de recherche secondaire, au-dessus dâune base de données applicative. Il se positionne comme un moteur orienté performance, pertinence par défaut et expérience développeur, avec un objectif simple : proposer une recherche rapide, exploitable et cohérente, sans complexité excessive. Cet article propose une […]</p> 2257 </a> 2258 </div> 2259 <div data-delay="0.4" class="swiper-slide !h-auto reveal"> 2260 <a href="https://amphibee.fr/blog/ia-wordpress" class="flex flex-col h-full"> 2261 <img decoding="async" width="300" height="169" src="https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress-300x169.webp" class="w-full h-64 sm:h-72 mb-4 object-cover rounded-xl" alt="InteÌgrer IA Site WordPress" srcset="https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress-300x169.webp 300w, https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress-1024x576.webp 1024w, https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress-768x432.webp 768w, https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress-1536x864.webp 1536w, https://amphibee.fr/content/uploads/2024/12/Integrer-IA-Site-WordPress.webp 1920w" sizes="(max-width: 300px) 100v
2261w, 300px" /> 2262 2263 <p class="has-md-font-size leading-snug font-bold md:font-semibold mt-0 mb-2 line-clamp-3 grow"> 2264 Comment intégrer lâIA à votre site WordPress ? 2265 </p> 2266 2267 <div class="flex items-start justify-between gap-4 text-xs opacity-60 mb-3"> 2268 <div class="article-categories"> 2269 <span class="category">Secrets de fabrication</span> 2270 </div> 2271 <time datetime="2025-11-06T14:19:07+01:00" class="inline-block whitespace-nowrap">06 novembre 2025</time> 2272 </div> 2273 2274 <p class="line-clamp-3">Lâintelligence artificielle (IA) révolutionne nos façons de travailler, et le web ne fait pas exception. LâIA sâimpose comme un acteur clé dans le monde digital : selon HubSpot, plus de 70 % des responsables marketing ont constaté un ROI positif et une plus grande productivité de leurs employés suite à l’implémentation d’outils d’IA. Sur WordPress, […]</p> 2275 </a> 2276 </div> 2277 <div data-delay="0.6" class="swiper-slide !h-auto reveal"> 2278 <a href="https://amphibee.fr/blog/extension-seo-wordpress" class="flex flex-col h-full"> 2279 <img decoding="async" width="300" height="200" src="https://amphibee.fr/content/uploads/2025/12/Thumbnail-Meilleures-extensions-SEO-WordPress-300x200.webp" class="w-full h-64 sm:h-72 mb-4 object-cover rounded-xl" alt="Thumbnail Meilleures extensions SEO WordPress" srcset="https://amphibee.fr/content/uploads/2025/12/Thumbnail-Meilleures-extensions-SEO-WordPress-300x200.webp 300w, https://amphibee.fr/content/uploads/2025/12/Thumbnail-Meilleures-extensions-SEO-WordPress-1024x683.webp 1024w, https://amphibee.fr/content/uploads/2025/12/Thumbnail-Meilleures-extensions-SEO-WordPress-768x512.webp 768w, https://amphibee.fr/content/uploads/2025/12/Thumbnail-Meilleures-extensions-SEO-WordPress.webp 1536w" sizes="(max-width: 300px) 100vw, 300px" /> 2280 2281 <p class="has-md-font-size leading-snug font-bold md:font-semibold mt-0 mb-2 line-clamp-3 grow"> 2282 Les Meilleures Extensions SEO WordPress 2283 </p> 2284 2285 <div class="flex items-start justify-between gap-4 text-xs opacity-60 mb-3"> 2286 <div class="article-categories"> 2287 <span class="category">Maintenir son site</span> 2288 </div> 2289 <time datetime="2025-12-23T09:32:32+01:00" class="inline-block whitespace-nowrap">23 décembre 2025</time> 2290 </div> 2291 2292 <p class="line-clamp-3">WordPress est un excellent CMS pour le référencement naturel. Sa structure, sa flexibilité et son écosystème en font une base saine pour construire un site visible sur Google. Mais un bon socle ne suffit pas. Même si aucune extension ne remplace une véritable stratégie SEO (contenu, netlinking, architecture, UXâ¦), les plugins SEO restent indispensables pour […]</p> 2293 </a> 2294 </div> 2295 </div> 2296 2297 <div class="flex items-center justify-center gap-x-4 mt-6 sm:mt-10 mb-8"> 2298 <div class="theme-swiper-button-prev"> 2299 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-9 rotate-180"> 2300 <path d="M19.9987 36.6666C29.2034 36.6666 36.6654 29.2047 36.6654 19.9999C36.6654 10.7952 29.2034 3.33325 19.9987 3.33325C10.794 3.33325 3.33203 10.7952 3.33203 19.9999C3.33203 29.2047 10.794 36.6666 19.9987 36.6666Z" stroke="#5B647A" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 2301 <path d="M17.8984 25.8834L23.7651 20L17.8984 14.1167" stroke="#5B647A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 2302</svg> </div> 2303 <div class="theme-swiper-button-next"> 2304 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-9"> 2305 <path d="M19.9987 36.6666C29.2034 36.6666 36.6654 29.2047 36.6654 19.9999C36.6654 10.7952 29.2034 3.33325 19.9987 3.33325C10.794 3.33325 3.33203 10.7952 3.33203 19.9999C3.33203 29.2047 10.794 36.6666 19.9987 36.6666Z" stroke="#5B647A" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 2306 <path d="M17.8984 25.8834L23.7651 20L17.8984 14.1167" stroke="#5B647A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 2307</svg> </div> 2308 </div> 2309 </div> 2310 2311 <div class="flex justify-end"> 2312 <a class="yellow-underline inline-block" href="https://amphibee.fr/blog">Voir tous les articles</a> 2313 </div> 2314 2315 </div> 2316</section> 2317 2318 2319 2320<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-cff975f2 wp-block-group-is-layout-constrained"><section class="mt-32 pb-10 sm:pb-16 max-w-3xl mx-auto relative"> 2321 2322 <img decoding="async" src="https://amphibee.fr/build/theme/default/assets/bee-blog-BMTjiUmg.svg" 2323 class="hidden sm:block w-40 lg:w-50 absolute -left-7 lg:-left-9 -top-10 z-1 -scale-x-100" 2324 alt="Abeille" 2325 /> 2326 2327 <div class="text-white bg-primary rounded-2xl py-6 sm:py-10 px-5 sm:px-8 relative shadow-2xl"> 2328
2329 <div class="max-w-xl mx-auto sm:pl-28"> 2330 <p class="has-lg-font-size font-bold sm:font-semibold mt-0 mb-4 !leading-8 sm:!leading-10">Besoin dâun site performant qui transforme vos visiteurs en clients ?</p> 2331 <p>Nos experts vous accompagnent de la stratégie à la mise en ligne pour faire de votre site un véritable levier de croissance</p> 2332 <a 2333class="button !leading-6 font-semibold text-base rounded-lg shadow-lg group inline-block cursor-pointer base-transition transition-all duration-300 ease-in-out hover:shadow-xl button-primary !text-primary bg-background hover:bg-background-hover w-full lg:w-fit rounded-xl! leading-none px-5 py-3 mt-6 mb-1 !text-primary text-center" 2334 2335 href="https://amphibee.fr/contact" 2336 2337 2338> 2339Prendre rendez-vous maintenant 2340</a> 2341 </div> 2342 </div> 2343 2344</section> 2345 2346 2347 2348<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> 2349 2350 2351<section class="content-visibility-visible reveal pb-20 sm:pb-32 max-w-4xl mx-auto"> 2352 <h2 class="has-xl-font-size leading-8 text-center font-bold sm:font-semibold mb-8">Des questions sur lâintelligence artificielle et WordPress</h2> 2353 2354 <div x-data="{ activeTab: null }"> 2355 <div class="relative border-b border-gray-200 last:border-0"> 2356 <div @click="activeTab = activeTab === 0 ? null : 0" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2357 <h3 class="text-xl my-6">Pourquoi intégrer lâintelligence artificielle à un projet WordPress ?</h3> 2358 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 0 }"> 2359<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2360<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2361</svg> </div> 2362 2363 2364 <div x-show="activeTab === 0" x-collapse class="overflow-hidden"> 2365 <div class="pb-10"> 2366 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Parce quâelle peut améliorer à la fois la production, le produit et lâexpérience utilisateur.</p> 2367<p> </p> 2368<p class="p1">Sur un projet WordPress, lâIA peut servir à automatiser des tâches répétitives, accélérer certaines phases de création, enrichir une recherche interne, assister des équipes éditoriales, traduire à grande échelle ou proposer des interfaces conversationnelles.</p> 2369<p class="p1">Dans beaucoup de cas, elle ne remplace pas le travail humain, mais elle permet de faire mieux, plus vite ou plus largement.</p> 2370<p> </p> 2371<p class="p1">Sur certains périmètres bien définis elle peut faire gagner plusieurs heures par semaine aux équipes et rendre possibles des fonctionnalités qui demanderaient beaucoup plus de développement sans elle.</p></div> 2372 </div> 2373 </div> 2374 </div> 2375 <div class="relative border-b border-gray-200 last:border-0"> 2376 <div @click="activeTab = activeTab === 1 ? null : 1" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2377 <h3 class="text-xl my-6">Quels types de fonctionnalités IA peut-on intégrer à un site WordPress ?</h3> 2378 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 1 }"> 2379<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2380<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2381</svg> </div> 2382 2383 2384 <div x-show="activeTab === 1" x-collapse class="overflow-hidden"> 2385 <div class="pb-10"> 2386 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Les cas dâusage sont nombreux.</p> 2387<p> </p> 2388<p class="p1">Nous pouvons intégrer de la recherche conversationnelle, de la traduction automatique, de la génération ou de lâenrichissement de contenu, des assistants internes, des systèmes de recommandation, des outils dâanalyse sémantique, des back-offices intelligents ou encore des automatisations éditoriales.</p> 2389<p> </p> 2390<p class="p1">
2390Cela peut concerner la partie visible du site, mais aussi des usages internes : gestion de catalogue, organisation de contenus, création de variantes, assistance à la publication ou traitement de données.</p> 2391<p> </p> 2392<p class="p1">Le plus important reste de choisir des fonctionnalités utiles, pas dâajouter de lâIA partout sans logique produit.</p></div> 2393 </div> 2394 </div> 2395 </div> 2396 <div class="relative border-b border-gray-200 last:border-0"> 2397 <div @click="activeTab = activeTab === 2 ? null : 2" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2398 <h3 class="text-xl my-6">Lâintelligence artificielle permet-elle vraiment de réduire les coûts ?</h3> 2399 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 2 }"> 2400<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2401<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2402</svg> </div> 2403 2404 2405 <div x-show="activeTab === 2" x-collapse class="overflow-hidden"> 2406 <div class="pb-10"> 2407 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><div class="border-t-2 last:border-b-2 border-yellow-500/50"> 2408<div class="overflow-hidden transition-all duration-300 max-h-screen py-2 opacity-100"> 2409<div class="rte pb-4"> 2410<p class="p1">Oui, sur certains cas dâusage précis.</p> 2411<p> </p> 2412<p class="p1">LâIA peut faire gagner du temps sur la traduction, la génération de brouillons, lâenrichissement de contenu, la recherche dâinformation ou lâautomatisation de certaines publications. Cela peut réduire une partie des coûts de production ou permettre de faire plus avec une même équipe.</p> 2413<p> </p> 2414<p class="p1">En revanche, elle nâest pas une solution miracle.</p> 2415<p class="p1">Une IA mal cadrée peut produire de la mauvaise qualité, générer des corrections supplémentaires ou créer une dette technique.</p> 2416<p> </p> 2417<p class="p1">Le vrai enjeu nâest donc pas de faire âmoins cher à tout prixâ, mais dâoptimiser certains périmètres sans dégrader la qualité.</p> 2418</div> 2419</div> 2420</div></div> 2421 </div> 2422 </div> 2423 </div> 2424 <div class="relative border-b border-gray-200 last:border-0"> 2425 <div @click="activeTab = activeTab === 3 ? null : 3" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2426 <h3 class="text-xl my-6">Est-ce que lâIA remplace le travail humain ?</h3> 2427 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 3 }"> 2428<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2429<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2430</svg> </div> 2431 2432 2433 <div x-show="activeTab === 3" x-collapse class="overflow-hidden"> 2434 <div class="pb-10"> 2435 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Non.</p> 2436<p> </p> 2437<p class="p1">Elle accélère, automatise, assiste et enrichit mais elle ne remplace ni le cadrage, ni les arbitrages, ni la validation métier, ni lâexigence de qualité.</p> 2438<p class="p1">Sur du contenu, par exemple, elle peut aider à produire une base plus rapidement.</p> 2439<p class="p1">
2439Mais la qualité finale dépend encore du contexte, des décisions éditoriales, des informations internes, des prises de position et de la validation humaine.</p> 2440<p> </p> 2441<p class="p1">Sur un projet WordPress, les meilleurs résultats viennent dâune bonne collaboration entre lâhumain et lâIA, pas dâun remplacement total.</p></div> 2442 </div> 2443 </div> 2444 </div> 2445 <div class="relative border-b border-gray-200 last:border-0"> 2446 <div @click="activeTab = activeTab === 4 ? null : 4" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2447 <h3 class="text-xl my-6">Pourquoi passer par une agence spécialisée en IA plutôt que de le faire soi-même ?</h3> 2448 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 4 }"> 2449<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2450<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2451</svg> </div> 2452 2453 2454 <div x-show="activeTab === 4" x-collapse class="overflow-hidden"> 2455 <div class="pb-10"> 2456 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Parce quâentre tester un outil et construire une solution robuste, il y a un vrai écart.</p> 2457<p> </p> 2458<p class="p1">Beaucoup dâentreprises essaient aujourdâhui dâintégrer lâIA seules et se retrouvent face à des problèmes de qualité, de cohérence, de maintenance ou de sécurité.</p> 2459<p> </p> 2460<p class="p1">Une agence spécialisée sait identifier les bons cas dâusage, choisir les bons outils, définir les garde-fous, intégrer lâIA proprement à WordPress et éviter les pièges classiques du vibecoding ou de lâautomatisation mal cadrée.</p> 2461<p> </p> 2462<p class="p1">Cela permet de gagner du temps, de limiter les erreurs et dâarriver plus vite à un résultat réellement utile.</p></div> 2463 </div> 2464 </div> 2465 </div> 2466 <div class="relative border-b border-gray-200 last:border-0"> 2467 <div @click="activeTab = activeTab === 5 ? null : 5" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2468 <h3 class="text-xl my-6">Si je ne veux pas dâIA dans mon projet, est-ce possible ?</h3> 2469 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 5 }"> 2470<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2471<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2472</svg> </div> 2473 2474 2475 <div x-show="activeTab === 5" x-collapse class="overflow-hidden"> 2476 <div class="pb-10"> 2477 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Bien sûr.</p> 2478<p> </p> 2479<p class="p1">LâIA nâest pas une obligation. Nous ne la poussons pas par principe. Si elle nâapporte pas de vraie valeur à votre projet, à vos usages ou à votre budget, nous ne lâintégrons pas.</p> 2480<p> </p> 2481<p class="p1">Notre rôle est dâidentifier ce qui est pertinent, pas de forcer une technologie parce quâelle est tendance. Certains projets WordPress nâen ont pas besoin, dâautres peuvent en tirer un avantage clair.</p></div> 2482 </div> 2483 </div> 2484 </div> 2485 <div class="relative border-b border-gray-200 last:border-0"> 2486 <div @click="activeTab = activeTab === 6 ? null : 6" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2487 <h3 class="text-xl my-6">Comment garantissez-vous la qualité des contenus ou des réponses générés par lâIA ?</h3> 2488 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 6 }"> 2489<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2490<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2491</svg> </div> 2492 2493 2494 <div x-show="activeTab === 6" x-collapse class="overflow-hidden"> 2495 <div class="pb-10"> 2496 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Par le cadrage, les tests et la validation.</p> 2497<p> </p> 2498<p class="p1">
2498Nous définissons les consignes, les sources, les règles métier et les cas dâusage avant de déployer quoi que ce soit. Ensuite, nous testons les sorties, nous ajustons les prompts, nous ajoutons des garde-fous et nous conservons une validation humaine chaque fois quâelle est nécessaire.</p> 2499<p> </p> 2500<p class="p1">Sur certains projets, le niveau de qualité attendu impose une supervision forte. Sur dâautres, lâautomatisation peut être plus poussée. Dans tous les cas, lâobjectif est dâobtenir une sortie fiable, cohérente avec votre marque et réellement exploitable.</p></div> 2501 </div> 2502 </div> 2503 </div> 2504 <div class="relative border-b border-gray-200 last:border-0"> 2505 <div @click="activeTab = activeTab === 7 ? null : 7" class="flex items-center justify-between gap-x-14 cursor-pointer"> 2506 <h3 class="text-xl my-6">Lâintelligence artificielle est-elle adaptée à tous les projets WordPress ?</h3> 2507 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-6 min-w-6 opacity-40 transform transition-transform duration-300" x-bind:class="{ 'rotate-180': activeTab === 7 }"> 2508<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2509<path d="M8.46997 10.6401L12 14.1601L15.53 10.6401" stroke="#1A1F2C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2510</svg> </div> 2511 2512 2513 <div x-show="activeTab === 7" x-collapse class="overflow-hidden"> 2514 <div class="pb-10"> 2515 <div class="my-0 leading-6 text-gray-600 pr-4 sm:pr-20"><p class="p1">Non.</p> 2516<p> </p> 2517<p class="p1">Certains projets ont beaucoup à y gagner, dâautres beaucoup moins.</p> 2518<p class="p1">Tout dépend du volume de contenu, du niveau dâautomatisation recherché, des parcours utilisateur, de la complexité métier, de la fréquence de mise à jour, de la qualité attendue et du budget disponible.</p> 2519<p> </p> 2520<p class="p2">Un projet multisite, un site à forte volumétrie éditoriale, un catalogue complexe ou un besoin de recherche avancée peuvent très bien se prêter à lâIA.</p> 2521<p class="p2">En revanche, un projet plus simple nâen a pas toujours besoin. Câest justement pour cela quâune phase dâanalyse en amont est indispensable.</p></div> 2522 </div> 2523 </div> 2524 </div> 2525 </div> 2526 2527
2527<script type="application/ld+json"> 2528 {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Pourquoi intégrer lâintelligence artificielle à un projet WordPress ?","acceptedAnswer":{"@type":"Answer","text":"Parce quâelle peut améliorer à la fois la production, le produit et lâexpérience utilisateur.\r\n \r\nSur un projet WordPress, lâIA peut servir à automatiser des tâches répétitives, accélérer certaines phases de création, enrichir une recherche interne, assister des équipes éditoriales, traduire à grande échelle ou proposer des interfaces conversationnelles.\r\nDans beaucoup de cas, elle ne remplace pas le travail humain, mais elle permet de faire mieux, plus vite ou plus largement.\r\n \r\nSur certains périmètres bien définis elle peut faire gagner plusieurs heures par semaine aux équipes et rendre possibles des fonctionnalités qui demanderaient beaucoup plus de développement sans elle."}},{"@type":"Question","name":"Quels types de fonctionnalités IA peut-on intégrer à un site WordPress ?","acceptedA
2528nswer":{"@type":"Answer","text":"Les cas dâusage sont nombreux.\r\n \r\nNous pouvons intégrer de la recherche conversationnelle, de la traduction automatique, de la génération ou de lâenrichissement de contenu, des assistants internes, des systèmes de recommandation, des outils dâanalyse sémantique, des back-offices intelligents ou encore des automatisations éditoriales.\r\n \r\nCela peut concerner la partie visible du site, mais aussi des usages internes : gestion de catalogue, organisation de contenus, création de variantes, assistance à la publication ou traitement de données.\r\n \r\nLe plus important reste de choisir des fonctionnalités utiles, pas dâajouter de lâIA partout sans logique produit."}},{"@type":"Question","name":"Lâintelligence artificielle permet-elle vraiment de réduire les coûts ?","acceptedAnswer":{"@type":"Answer","text":"Oui, sur certains cas dâusage précis.\r\n \r\nLâIA peut faire gagner du temps sur la traduction, la génération de brouillons, lâenrichissement de contenu, la recherche dâinformation ou lâautomatisation de certaines publications. Cela peut réduire une partie des coûts de production ou permettre de faire plus avec une même équipe.\r\n \r\nEn revanche, elle nâest pas une solution miracle.\r\nUne IA mal cadrée peut produire de la mauvaise qualité, générer des corrections supplémentaires ou créer une dette technique.\r\n \r\nLe vrai enjeu nâest donc pas de faire âmoins cher à tout prixâ, mais dâoptimiser certains périmètres sans dégrader la qualité."}},{"@type":"Question","name":"Est-ce que lâIA remplace le travail humain ?","acceptedA
2528nswer":{"@type":"Answer","text":"Non.\r\n \r\nElle accélère, automatise, assiste et enrichit mais elle ne remplace ni le cadrage, ni les arbitrages, ni la validation métier, ni lâexigence de qualité.\r\nSur du contenu, par exemple, elle peut aider à produire une base plus rapidement.\r\nMais la qualité finale dépend encore du contexte, des décisions éditoriales, des informations internes, des prises de position et de la validation humaine.\r\n \r\nSur un projet WordPress, les meilleurs résultats viennent dâune bonne collaboration entre lâhumain et lâIA, pas dâun remplacement total."}},{"@type":"Question","name":"Pourquoi passer par une agence spécialisée en IA plutôt que de le faire soi-même ?","acceptedAnswer":{"@type":"Answer","text":"Parce quâentre tester un outil et construire une solution robuste, il y a un vrai écart.\r\n \r\nBeaucoup dâentreprises essaient aujourdâhui dâintégrer lâIA seules et se retrouvent face à des problèmes de qualité, de cohérence, de maintenance ou de sécurité.\r\n \r\nUne agence spécialisée sait identifier les bons cas dâusage, choisir les bons outils, définir les garde-fous, intégrer lâIA proprement à WordPress et éviter les pièges classiques du vibecoding ou de lâautomatisation mal cadrée.\r\n \r\nCela permet de gagner du temps, de limiter les erreurs et dâarriver plus vite à un résultat réellement utile."}},{"@type":"Question","name":"Si je ne veux pas dâIA dans mon projet, est-ce possible ?","acceptedA
2528nswer":{"@type":"Answer","text":"Bien sûr.\r\n \r\nLâIA nâest pas une obligation. Nous ne la poussons pas par principe. Si elle nâapporte pas de vraie valeur à votre projet, à vos usages ou à votre budget, nous ne lâintégrons pas.\r\n \r\nNotre rôle est dâidentifier ce qui est pertinent, pas de forcer une technologie parce quâelle est tendance. Certains projets WordPress nâen ont pas besoin, dâautres peuvent en tirer un avantage clair."}},{"@type":"Question","name":"Comment garantissez-vous la qualité des contenus ou des réponses générés par lâIA ?","acceptedAnswer":{"@type":"Answer","text":"Par le cadrage, les tests et la validation.\r\n \r\nNous définissons les consignes, les sources, les règles métier et les cas dâusage avant de déployer quoi que ce soit. Ensuite, nous testons les sorties, nous ajustons les prompts, nous ajoutons des garde-fous et nous conservons une validation humaine chaque fois quâelle est nécessaire.\r\n \r\nSur certains projets, le niveau de qualité attendu impose une supervision forte. Sur dâautres, lâautomatisation peut être plus poussée. Dans tous les cas, lâobjectif est dâobtenir une sortie fiable, cohérente avec votre marque et réellement exploitable."}},{"@type":"Question","name":"Lâintelligence artificielle est-elle adaptée à tous les projets WordPress ?","acceptedA
2528nswer":{"@type":"Answer","text":"Non.\r\n \r\nCertains projets ont beaucoup à y gagner, dâautres beaucoup moins.\r\nTout dépend du volume de contenu, du niveau dâautomatisation recherché, des parcours utilisateur, de la complexité métier, de la fréquence de mise à jour, de la qualité attendue et du budget disponible.\r\n \r\nUn projet multisite, un site à forte volumétrie éditoriale, un catalogue complexe ou un besoin de recherche avancée peuvent très bien se prêter à lâIA.\r\nEn revanche, un projet plus simple nâen a pas toujours besoin. Câest justement pour cela quâune phase dâanalyse en amont est indispensable."}}]} 2529 </script>
2529 2530</section> 2531</div> 2532</div> 2533 2534 2535 </div> 2536 </main> 2537 2538 <footer class="bg-[#1A1F2C] border-t border-white/5"> 2539 <div class="max-w-7xl mx-auto px-6 2xl:px-0 py-10 lg:py-14"> 2540 <div class="flex flex-col md:flex-row md:items-start md:justify-between gap-10"> 2541 2542 2543 <div class="flex flex-col gap-4"> 2544 <a href="https://amphibee.fr" class="inline-flex"> 2545 <img src="https://amphibee.fr/build/theme/default/assets/logo-white-CDoFPw8Y.svg" 2546 alt="Logo Amphibee" 2547 width="130" 2548 height="26" 2549 loading="lazy" 2550 > 2551 </a> 2552 <p class="text-white/40 text-sm leading-relaxed max-w-sm"> 2553 Agence WordPress & WooCommerce. Développement sur-mesure, solutions IA et accompagnement technique. 2554 </p> 2555 </div> 2556 2557 2558 <div class="flex flex-col items-start md:items-end gap-3 text-sm"> 2559 <p class="text-white/40">40 Rue Henri Pad, 62400 Béthune</p> 2560 <a href="mailto:[email protected]" class="text-white/60 hover:text-[#FBDE20] transition-colors">[email protected]</a> 2561 <a href="tel:+33321014281" class="text-white/60 hover:text-[#FBDE20] transition-colors">03 21 01 42 81</a> 2562 </div> 2563 </div> 2564 2565 2566 <div class="mt-10 pt-6 border-t border-white/5 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-white/25"> 2567 <span>© 2026 AmphiBee</span> 2568 2569 <div class="flex items-center gap-6"> 2570 <a href="https://amphibee.fr/mentions-legales" class="hover:text-white/40 transition-colors">Mentions légales</a> 2571 <a href="https://amphibee.fr/privacy-policy" class="hover:text-white/40 transition-colors">Confidentialité</a> 2572 2573 <span class="w-px h-3 bg-white/10"></span> 2574 2575 <a href="https://www.linkedin.com/company/amphibee" target="_blank" class="hover:text-white/50 transition-colors"> 2576 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 2577 </a> 2578 <a href="https://x.com/amphibee" target="_blank" class="hover:text-white/50 transition-colors"> 2579 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> 2580 </a> 2581 </div> 2582 </div> 2583 </div> 2584</footer> 2585 2586 </div> 2587
2588<script type="speculationrules"> 2589{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/cms/wp-*.php","/cms/wp-admin/*","/content/uploads/*","/content/*","/content/plugins/*","/home/bas/app_75b3d243-85b0-4b4a-82a1-f171855d4463/themes/default/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2590</script>
2590 2591<style id="global-styles-inline-css"> 2592:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #F3F8F7;--wp--preset--color--background: #FBDE20;--wp--preset--color--ghost-background: #212229;--wp--preset--color--primary: #1A1F2C;--wp--preset--color--gold: #E5C07B;--wp--preset--color--lemon: #FEED46;--wp--preset--color--secondary: #5B647A;--wp--preset--color--dark: #262D40;--wp--preset--color--grey: #EDF0F9;--wp--preset--color--light-grey: #B0BCD8;--wp--preset--color--white-grey: #D3DAEB;--wp--preset--color--white-blue: #DFEEED;--wp--preset--color--blue: #99C6C7;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
2592--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 1rem;--wp--preset--font-size--sm: clamp(1rem, 3vw, 1.25rem);--wp--preset--font-size--md: clamp(1.125rem, 3vw, 1.5rem);--wp--preset--font-size--lg: clamp(1.25rem, 3vw, 2rem);--wp--preset--font-size--xl: clamp(1.5rem, 3vw, 2.5rem);--wp--preset--font-size--xxl: clamp(2rem, 8vw, 3rem);--wp--preset--font-size--xxxl: clamp(2rem, 8vw, 4rem);--wp--preset--font-family--poppins: Poppins,ui-sans-serif,system-ui,-apple-system;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--typography--font-size--xs: 1rem;--wp--custom--typography--font-size--sm: clamp(1rem, 3vw, 1.25rem);--wp--custom--typography--font-size--md: clamp(1.125rem, 3vw, 1.5rem);--wp--custom--typography--font-size--lg: clamp(1.25rem, 3vw, 2rem);--wp--custom--typography--font-size--xl: clamp(1.5rem, 3vw, 2.5rem);--wp--custom--typography--font-size--xxl: clamp(2rem, 8vw, 3rem);--wp--custom--typography--font-size--xxxl: clamp(2rem, 8vw, 4rem);--wp--custom--typography--line-height--normal: 1;--wp--custom--typography--line-height--sm: clamp(1.5rem, 3vw, 1.75rem);--wp--custom--typography--line-height--md: clamp(1.25rem, 3vw, 2rem);--wp--custom--typography--line-height--lg: clamp(1.75rem, 3vw, 2.5rem);--wp--custom--typography--line-height--xl: clamp(2rem, 3vw, 3rem);--wp--custom--typography--line-height--xxl: clamp(2.5rem, 8vw, 3.5rem);--wp--custom--typography--line-height--xxxl: clamp(2.5rem, 8vw, 4.5rem);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 1280px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained >
2592 :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--foreground);color: var(--wp--preset--color--primary);font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--xs);line-height: var(--wp--custom--typography--line-height--normal);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}h1{font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--custom--typography--font-size--xxxl);}h2{font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--custom--typography--font-size--xxl);}h4{font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--lg);}h5{font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--md);}h6{font-family: var(--wp--preset--font-family--poppins);font-size: var(--wp--preset--font-size--sm);}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-ghost-background-color{color: var(--wp--preset--color--ghost-background) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-gold-color{color: var(--wp--preset--color--gold) !important;}.has-lemon-color{color: var(--wp--preset--color--lemon) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-grey-color{color: var(--wp--preset--color--grey) !important;}.has-light-grey-color{color: var(--wp--preset--color--light-grey) !important;}.has-white-grey-color{color: var(--wp--preset--color--white-grey) !important;}.has-white-blue-color{color: var(--wp--preset--color--white-blue) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-ghost-background-background-color{background-color: var(--wp--preset--color--ghost-background) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-gold-background-color{background-color: var(--wp--preset--color--gold) !important;}.has-lemon-background-color{background-color: var(--wp--preset--color--lemon) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.has-light-grey-background-color{background-color: var(--wp--preset--color--light-grey) !important;}.has-white-grey-background-color{background-color: var(--wp--preset--color--white-grey) !important;}.has-white-blue-background-color{background-color: var(--wp--preset--color--white-blue) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-ghost-background-border-color{border-color: var(--wp--preset--color--ghost-background) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-gold-border-color{border-color: var(--wp--preset--color--gold) !important;}.has-lemon-border-color{border-color: var(--wp--preset--color--lemon) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}.has-light-grey-border-color{border-color: var(--wp--preset--color--light-grey) !important;}.has-white-grey-border-color{border-color: var(--wp--preset--color--white-grey) !important;}.has-white-blue-border-color{border-color: var(--wp--preset--color--white-blue) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2592.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-md-font-size{font-size: var(--wp--preset--font-size--md) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-xxl-font-size{font-size: var(--wp--preset--font-size--xxl) !important;}.has-xxxl-font-size{font-size: var(--wp--preset--font-size--xxxl) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;} 2593/*# sourceURL=global-styles-inline-css */ 2594</style> 2595<style id="core-block-supports-inline-css"> 2596.wp-container-core-group-is-layout-cff975f2 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:900px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-cff975f2 > .alignwide{max-width:900px;}.wp-container-core-group-is-layout-cff975f2 .alignfull{max-width:none;}.wp-container-core-group-is-layout-9c25eca2 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1400px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-9c25eca2 > .alignwide{max-width:1400px;}.wp-container-core-group-is-layout-9c25eca2 .alignfull{max-width:none;}.wp-container-core-group-is-layout-9c25eca2 > .alignfull{margin-right:calc(var(--wp--preset--spacing--50) * -1);margin-left:calc(var(--wp--preset--spacing--50) * -1);} 2597/*# sourceURL=core-block-supports-inline-css */ 2598</style>
2599<script id="rocket_lazyload_css-js-extra"> 2600var rocket_lazyload_css_data = {"threshold":"300"}; 2601//# sourceURL=rocket_lazyload_css-js-extra 2602</script>
vendor: 1 bytes, line 2602
2602
2603<script id="rocket_lazyload_css-js-after"> 2604!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]); 2605//# sourceURL=rocket_lazyload_css-js-after 2606</script>
vendor: 1 bytes, line 2606
2606
2607<script> 2608(function(){ 2609 if(typeof jQuery==='undefined')return; 2610 jQuery(document).on('gform_confirmation_loaded',function(e,formId){ 2611 document.dispatchEvent(new CustomEvent('gform_confirmation_loaded',{detail:{formId:formId}})); 2612 }); 2613})(); 2614</script>
2614<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} 2615if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} 2616images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} 2617if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
2617<script data-no-minify="1" async src="https://amphibee.fr/content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
2617<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a45481c06e64dade',t:'MTc5MTEyMDI2Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2617<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5bb965b7deff44f3afddc8a418845c87","spa":2}' crossorigin="anonymous"></script>
2617 2618</body> 2619</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.