PageSourceSearch

https://amphibee.fr/ia

html amphibee.fr collected 2026-10-04 13:24:26 UTC 224,956 bytes, 2,619 lines download raw bytes

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&#039;abeille du logo de l&#039;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&#039;abeille du logo de l&#039;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 &raquo; Flux" href="https://amphibee.fr/feed" />
52<link rel="alternate" type="application/rss+xml" title="AmphiBee &raquo; 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&#038;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 &amp; 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 &amp; 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&#039;é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&#039;é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>&nbsp;</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>&nbsp;</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>&nbsp;</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&#039;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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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&#039;expert SEO/GEO, j&#039;ai eu l&#039;occasion de travailler avec Amphibee et je recommande fortement cette agence. J&#039;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&#039;UX, au-delà du seul design &quot;pour faire beau&quot;. 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&#039;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&#039;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&#039;à la mise en ligne, l&#039;équipe a su être à l&#039;é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&#039;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&#039;é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&#039;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&#039;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&#039;ai apprécié le contact, la réactivité et la retranscription du besoin qui a été faite. Un processus d&#039;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&#039;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 &amp; 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&#039;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&#039;annonceur, j’ai eu l’occasion d’échanger avec AmphiBee à propos d&#039;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&#039;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&#039;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&#039;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&#039;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&#039;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&#039;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&#039;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>&nbsp;</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>&nbsp;</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&#039;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 &amp; 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 [&hellip;]</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="Inté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&rsquo;implémentation d&rsquo;outils d&rsquo;IA.&nbsp; Sur WordPress, [&hellip;]</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 [&hellip;]</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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&nbsp;\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>&copy; 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.