<!DOCTYPE html><script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.Jvos4Ru4.js"></script> <head><meta charset="utf-8"><title>Qanopee | Prenez rendez-vous en ligne chez un praticien</title><meta name="description" content="Réservez en ligne votre rendez-vous avec des professionnels de santé, bien-être et médecine douce partout en France"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="theme-color" content="#FF243B"><meta property="og:type" content="website"><meta property="og:url" content="https://www.qanopee.com/"><meta property="og:image" content="https://www.qanopee.com/logo.png"><meta property="og:title" content="Qanopee | Prenez rendez-vous en ligne avec un praticien"><meta property="og:description" content="Réservez en ligne votre rendez-vous avec des professionnels de santé, bien-être et médecine douce partout en France"><link rel="canonical" href="https://www.qanopee.com"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="stylesheet" href="/_astro/index.CunkO6A7.css">
<link rel="stylesheet" href="/_astro/index.BwQ1lZ3c.css">
<style>.cls-1[data-astro-cid-zz6jkvke]{fill:#ff243b}.cls-2[data-astro-cid-zz6jkvke]{fill:#0f0f0f}
</style></head> <html lang="fr"> <head><meta charset="UTF-8"><!-- <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width, height=device-height, target-densitydpi=device-dpi"> --><!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> --><meta name="generator" content="Astro v5.4.0"><!-- <title>Astro Basics</title> --></head> <body> <nav class="w-full" data-astro-cid-zz6jkvke> <div class="flex lg:hidden md:flex" data-astro-cid-zz6jkvke> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="Rayte" prefix="r0" component-url="/_astro/HeaderMobile.Dq3k604G.js" component-export="default" renderer-url="/_astro/client.CBwL3ilQ.js" props="{"data-astro-cid-zz6jkvke":[0,true]}" ssr client="load" opts="{"name":"HeaderMobile","value":true}" await-children><div class="fixed w-full bg-white z-[999999] items-center md:bg-transparent"><div class="flex justify-between items-center w-full px-[16px] py-[18px]"><a href="/" class=""><svg data-name="Calque 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 774.32 243.23" class="w-[108px] h-[47px] md:w-[149px] md:h-[42px]"><g data-name="Calque 2"><g><path fill="#ff243b" d="M121.61,0C54.45,0,0,54.45,0,121.61s54.45,121.61,121.61,121.61c2.69,0,5.36-.09,8.01-.26v-26.41c-2.64.22-5.31.33-8.01.33-52.62,0-95.28-42.66-95.28-95.28S68.99,26.33,121.61,26.33s95.28,42.66,95.28,95.28c0,21.16-6.91,40.7-18.58,56.51l-.42.64-15.32-15.32c8.18-11.9,12.97-26.3,12.97-41.83,0-40.83-33.1-73.93-73.93-73.93S47.69,80.79,47.69,121.61s33.1,73.93,73.93,73.93c15.72,0,30.28-4.91,42.26-13.27l33.43,33.42s45.93-28.11,45.93-94.08S188.78,0,121.61,0ZM121.61,169.01c-26.13,0-47.4-21.26-47.4-47.4s21.26-47.4,47.4-47.4,47.4,21.26,47.4,47.4c0,8.16-2.07,15.84-5.72,22.55l-23.05-23.05-18.76,18.76,23.15,23.15c-6.82,3.81-14.67,5.99-23.02,5.99Z"></path><g><path d="M346.84,163.48l-9.89-9.83c-3.46,2.8-7.34,4.99-11.62,6.55-4.29,1.57-8.82,2.35-13.6,2.35-5.89,0-11.42-1.16-16.57-3.49-5.15-2.33-9.68-5.54-13.6-9.64-3.92-4.1-6.98-8.87-9.18-14.31-2.21-5.44-3.31-11.25-3.31-17.43s1.1-11.98,3.31-17.4c2.2-5.42,5.26-10.19,9.18-14.31,3.91-4.12,8.45-7.35,13.6-9.67,5.15-2.33,10.67-3.49,16.57-3.49s11.4,1.17,16.54,3.49c5.13,2.33,9.65,5.55,13.57,9.67,3.91,4.12,6.97,8.89,9.18,14.31,2.2,5.42,3.31,11.22,3.31,17.4,0,5.03-.75,9.8-2.26,14.31-1.5,4.51-3.58,8.64-6.21,12.39l10.08,10.01-9.09,9.09ZM311.73,149.69c2.88,0,5.7-.47,8.44-1.42,2.74-.95,5.22-2.29,7.45-4.02l-9.58-9.52,9.09-9.15,9.15,9.21c1.73-2.47,3.03-5.17,3.89-8.1.87-2.93,1.3-5.93,1.3-9.02,0-4.41-.77-8.54-2.32-12.39-1.54-3.85-3.69-7.25-6.43-10.2-2.74-2.95-5.9-5.25-9.49-6.92-3.59-1.67-7.42-2.5-11.5-2.5s-7.97.85-11.56,2.53c-3.58,1.69-6.75,4.01-9.49,6.95-2.74,2.95-4.88,6.35-6.43,10.2-1.55,3.85-2.32,7.96-2.32,12.33s.77,8.55,2.32,12.42c1.55,3.87,3.7,7.28,6.46,10.23,2.76,2.95,5.93,5.24,9.52,6.89,3.58,1.65,7.42,2.47,11.5,2.47Z"></path><path d="M415.2,99.44h12.86v61.81h-12.92l-.49-8.96c-1.81,3.17-4.27,5.73-7.36,7.67-3.09,1.94-6.74,2.9-10.94,2.9-4.53,0-8.8-.86-12.8-2.56-4-1.71-7.51-4.09-10.54-7.14-3.03-3.05-5.39-6.56-7.08-10.54-1.69-3.98-2.53-8.25-2.53-12.83s.82-8.56,2.47-12.46c1.65-3.89,3.94-7.3,6.86-10.23,2.93-2.93,6.31-5.22,10.17-6.89,3.85-1.67,7.98-2.5,12.39-2.5s8.46,1.02,11.9,3.06c3.44,2.04,6.29,4.65,8.56,7.82l-.56-9.15ZM396.04,150.43c3.63,0,6.8-.9,9.52-2.69,2.72-1.79,4.83-4.21,6.34-7.26,1.5-3.05,2.26-6.43,2.26-10.14s-.76-7.15-2.29-10.2c-1.52-3.05-3.64-5.47-6.34-7.26-2.7-1.79-5.86-2.69-9.49-2.69s-6.86.91-9.83,2.72c-2.97,1.81-5.32,4.24-7.05,7.29-1.73,3.05-2.6,6.43-2.6,10.14s.9,7.14,2.69,10.17,4.16,5.44,7.11,7.23c2.95,1.79,6.17,2.69,9.67,2.69Z"></path><path d="M494.82,122.49v38.76h-12.86v-35.6c0-2.76-.67-5.27-2.01-7.54-1.34-2.27-3.13-4.07-5.38-5.41-2.25-1.34-4.77-2.01-7.57-2.01s-5.21.67-7.48,2.01c-2.27,1.34-4.08,3.14-5.44,5.41-1.36,2.27-2.04,4.78-2.04,7.54v35.6h-12.86v-61.81h12.86v6.55c2.14-2.55,4.78-4.57,7.91-6.06,3.13-1.48,6.51-2.23,10.14-2.23,4.57,0,8.74,1.11,12.49,3.34,3.75,2.23,6.73,5.21,8.93,8.96,2.2,3.75,3.31,7.91,3.31,12.49Z"></path><path d="M533.14,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,5.69,0,10.87,1.46,15.55,4.39,4.68,2.93,8.41,6.86,11.19,11.81,2.78,4.95,4.17,10.43,4.17,16.44,0,4.49-.8,8.7-2.41,12.61-1.61,3.92-3.82,7.37-6.65,10.35-2.82,2.99-6.1,5.33-9.83,7.02-3.73,1.69-7.74,2.53-12.02,2.53ZM533.14,150c3.42,0,6.49-.91,9.21-2.72,2.72-1.81,4.87-4.21,6.46-7.2,1.59-2.99,2.38-6.23,2.38-9.74s-.81-6.88-2.44-9.89c-1.63-3.01-3.8-5.41-6.52-7.2s-5.75-2.69-9.09-2.69-6.44.91-9.18,2.72c-2.74,1.81-4.9,4.22-6.49,7.23-1.59,3.01-2.38,6.28-2.38,9.83s.82,6.98,2.47,9.95c1.65,2.97,3.84,5.33,6.58,7.08,2.74,1.75,5.74,2.63,8.99,2.63Z"></path><path d="M586.79,192.16h-12.86v-92.72h12.86v9.09c2.06-3.17,4.7-5.75,7.91-7.73s7-2.97,11.37-2.97,8.71.85,12.64,2.53c3.94,1.69,7.39,4.03,10.35,7.02,2.97,2.99,5.29,6.44,6.98,10.35,1.69,3.92,2.53,8.12,2.53,12.61s-.85,8.72-2.53,12.67c-1.69,3.96-4.02,7.43-6.98,10.42-2.97,2.99-6.42,5.33-10.35,7.02-3.94,1.69-8.15,2.53-12.64,2.53s-8.16-1-11.37-3c-3.21-2-5.85-4.56-7.91-7.7v39.87ZM605.96,110.25c-3.59,0-6.74.91-9.46,2.72-2.72,1.81-4.84,4.23-6.37,7.26-1.53,3.03-2.29,6.4-2.29,10.11s.76,7.09,2.29,10.14c1.52,3.05,3.65,5.48,6.37,7.29,2.72,1.81,5.87,2.72,9.46,2.72s6.8-.9,9.77-2.69c2.97-1.79,5.34-4.21,7.11-7.26,1.77-3.05,2.66-6.45,2.66-10.2s-.88-7.03-2.63-10.08c-1.75-3.05-4.11-5.48-7.08-7.29-2.97-1.81-6.24-2.72-9.83-2.72Z"></path><path d="M675.68,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,4.74,0,9.09.98,13.04,2.94,3.96,1.96,7.33,4.66,10.14,8.1,2.8,3.44,4.86,7.4,6.18,11.87,1.32,4.47,1.71,9.22,1.17,14.25h-47.66c.54,2.84,1.58,5.41,3.12,7.7s3.52,4.09,5.93,5.41c2.41,1.32,5.1,2,8.07,2.04,3.13,0,5.99-.78,8.56-2.35,2.57-1.57,4.69-3.73,6.34-6.49l13.04,3.03c-2.47,5.48-6.2,9.96-11.19,13.44-4.99,3.48-10.57,5.22-16.75,5.22ZM658.12,125.03h35.11c-.41-2.97-1.45-5.66-3.12-8.07-1.67-2.41-3.75-4.33-6.24-5.75-2.49-1.42-5.22-2.13-8.19-2.13s-5.64.7-8.13,2.1c-2.49,1.4-4.55,3.31-6.18,5.72-1.63,2.41-2.71,5.12-3.25,8.13Z"></path><path d="M743.55,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,4.74,0,9.09.98,13.04,2.94,3.96,1.96,7.33,4.66,10.14,8.1,2.8,3.44,4.86,7.4,6.18,11.87,1.32,4.47,1.71,9.22,1.17,14.25h-47.66c.54,2.84,1.58,5.41,3.12,7.7,1.55,2.29,3.52,4.09,5.93,5.41,2.41,1.32,5.1,2,8.07,2.04,3.13,0,5.99-.78,8.56-2.35,2.58-1.57,4.69-3.73,6.34-6.49l13.04,3.03c-2.47,5.48-6.2,9.96-11.19,13.44-4.99,3.48-10.57,5.22-16.75,5.22ZM725.99,125.03h35.11c-.41-2.97-1.45-5.66-3.12-8.07-1.67-2.41-3.75-4.33-6.24-5.75-2.49-1.42-5.22-2.13-8.19-2.13s-5.64.7-8.13,2.1c-2.49,1.4-4.55,3.31-6.18,5.72-1.63,2.41-2.71,5.12-3.25,8.13Z"></path></g></g></g></svg></a><div class="flex gap-[16px]"><div class="flex border-[1px] border-[#FF243B0D] w-[120px] h-[48px] rounded-[16px] py-[14px] px-[24px] items-center cursor-pointer md:bg-white"><div class="font-[InterMedium] text-[16px]">Menu</div><div class="relative flex ml-[10px] w-[38px] ]"><hr class="absolute border-[1px] top-1/2 w-[20px] left-0 border-[#FF243B] transition-transform duration-500 transform origin-center -translate-y-[2px]"/><hr class="absolute border-[1px] top-1/2 left-0 w-[20px] border-[#FF243B] transition-transform duration-500 transform origin-center translate-y-[4px]"/></div></div><div class="hidden md:block"><div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)]"><div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div><div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"><div class="text-white text-[16px] font-[InterMedium] py-[10px] px-[23px] tracking-[0.16px]">Se connecter</div></div></div></div></div></div></div><div class="bg-white z-[9999] fixed top-[80px] w-full max-h-dvh h-dvh transition-transform duration-1000 transform md:hidden -translate-y-full"><div class="flex flex-col px-[16px] h-full justify-between transition-opacity duration-700 opacity-0 md:translate-y-[-50px]"><div class="flex flex-col mt-[50px]"><a href="#" class="font-[InterRegular] text-[21px] border-t-[1px] border-b-[1px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-300">Découvrir Qanopee</a><a href="#how" class="font-[InterRegular] text-[21px] border-b-[1px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-400">Comment ça fonctionne ?</a><a href="#prac" class="font-[InterRegular] text-[21px] border-b-[1px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-500">Praticiens</a><a href="https://pro.qanopee.com/" target="_blank" class="font-[InterRegular] text-[21px] border-b-[1px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-600">Vous êtes praticien</a><a href="/enterprise" class="font-[InterRegular] text-[21px] border-b-[1px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-700">Entreprise</a><a href="mailto:contact@qanopee.com" class="font-[InterRegular] text-[21px] border-[#FF243B33] py-[20px] transition-opacity duration-500 delay-700">Nous contacter</a></div><div class="relative bottom-[104px] font-[InterRegular] text-[21px] text-black transition-opacity duration-500 delay-800"><div class="group bg-[var(--primary)] cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"><div class="relative z-20"><div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px] text-center">Se connecter</div></div></div></div></div></div><div class="bg-white z-[9999] fixed top-0 w-full transition-all duration-1000 transform overflow-hidden hidden md:block" style="height:0"><div class="flex flex-col px-[16px] h-full justify-between transition-opacity duration-800" style="opacity:0"><div class="flex flex-col mt-[130px]"><a href="#" class="font-[InterRegular] text-[21px] border-t border-b border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Découvrir Qanopee</a><a href="#how" class="font-[InterRegular] text-[21px] border-b border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Comment ça fonctionne ?</a><a href="#prac" class="font-[InterRegular] text-[21px] border-b border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Praticiens</a><a href="https://pro.qanopee.com/" target="_blank" class="font-[InterRegular] text-[21px] border-b border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Vous êtes praticien</a><a href="/enterprise" target="_blank" class="font-[InterRegular] text-[21px] border-b border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Entreprise</a><a href="mailto:contact@qanopee.com" target="_blank" class="font-[InterRegular] text-[21px] border-[#FF243B33] py-[20px] transition-transform duration-700" style="transform:translateY(50px)">Nous contacter</a></div></div></div><!--astro:end--></astro-island> </div> <div class="hidden items-center w-full justify-between lg:flex md:hidden" data-astro-cid-zz6jkvke> <div class="w-full overflow-hidden bg-white h-[120px] relative top-0 hidden lg:block lg:h-[70px] md:block md:h-[95px]" data-astro-cid-zz6jkvke> <a href="/" class="cursor-pointer fixed top-[32px] z-[999999] lg:[left:clamp(5px,-6.563rem+8.594vw,160px)] lg:[top:clamp(8px,4.494vw,15px)]" data-astro-cid-zz6jkvke> <svg id="Calque_2" data-name="Calque 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 774.32 243.23" class="w-[148px] h-[35px]" data-astro-cid-zz6jkvke> <g id="Calque_2-2" data-name="Calque 2" data-astro-cid-zz6jkvke> <g data-astro-cid-zz6jkvke> <path class="cls-1" d="M121.61,0C54.45,0,0,54.45,0,121.61s54.45,121.61,121.61,121.61c2.69,0,5.36-.09,8.01-.26v-26.41c-2.64.22-5.31.33-8.01.33-52.62,0-95.28-42.66-95.28-95.28S68.99,26.33,121.61,26.33s95.28,42.66,95.28,95.28c0,21.16-6.91,40.7-18.58,56.51l-.42.64-15.32-15.32c8.18-11.9,12.97-26.3,12.97-41.83,0-40.83-33.1-73.93-73.93-73.93S47.69,80.79,47.69,121.61s33.1,73.93,73.93,73.93c15.72,0,30.28-4.91,42.26-13.27l33.43,33.42s45.93-28.11,45.93-94.08S188.78,0,121.61,0ZM121.61,169.01c-26.13,0-47.4-21.26-47.4-47.4s21.26-47.4,47.4-47.4,47.4,21.26,47.4,47.4c0,8.16-2.07,15.84-5.72,22.55l-23.05-23.05-18.76,18.76,23.15,23.15c-6.82,3.81-14.67,5.99-23.02,5.99Z" data-astro-cid-zz6jkvke></path> <g data-astro-cid-zz6jkvke> <path class="cls-2" d="M346.84,163.48l-9.89-9.83c-3.46,2.8-7.34,4.99-11.62,6.55-4.29,1.57-8.82,2.35-13.6,2.35-5.89,0-11.42-1.16-16.57-3.49-5.15-2.33-9.68-5.54-13.6-9.64-3.92-4.1-6.98-8.87-9.18-14.31-2.21-5.44-3.31-11.25-3.31-17.43s1.1-11.98,3.31-17.4c2.2-5.42,5.26-10.19,9.18-14.31,3.91-4.12,8.45-7.35,13.6-9.67,5.15-2.33,10.67-3.49,16.57-3.49s11.4,1.17,16.54,3.49c5.13,2.33,9.65,5.55,13.57,9.67,3.91,4.12,6.97,8.89,9.18,14.31,2.2,5.42,3.31,11.22,3.31,17.4,0,5.03-.75,9.8-2.26,14.31-1.5,4.51-3.58,8.64-6.21,12.39l10.08,10.01-9.09,9.09ZM311.73,149.69c2.88,0,5.7-.47,8.44-1.42,2.74-.95,5.22-2.29,7.45-4.02l-9.58-9.52,9.09-9.15,9.15,9.21c1.73-2.47,3.03-5.17,3.89-8.1.87-2.93,1.3-5.93,1.3-9.02,0-4.41-.77-8.54-2.32-12.39-1.54-3.85-3.69-7.25-6.43-10.2-2.74-2.95-5.9-5.25-9.49-6.92-3.59-1.67-7.42-2.5-11.5-2.5s-7.97.85-11.56,2.53c-3.58,1.69-6.75,4.01-9.49,6.95-2.74,2.95-4.88,6.35-6.43,10.2-1.55,3.85-2.32,7.96-2.32,12.33s.77,8.55,2.32,12.42c1.55,3.87,3.7,7.28,6.46,10.23,2.76,2.95,5.93,5.24,9.52,6.89,3.58,1.65,7.42,2.47,11.5,2.47Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M415.2,99.44h12.86v61.81h-12.92l-.49-8.96c-1.81,3.17-4.27,5.73-7.36,7.67-3.09,1.94-6.74,2.9-10.94,2.9-4.53,0-8.8-.86-12.8-2.56-4-1.71-7.51-4.09-10.54-7.14-3.03-3.05-5.39-6.56-7.08-10.54-1.69-3.98-2.53-8.25-2.53-12.83s.82-8.56,2.47-12.46c1.65-3.89,3.94-7.3,6.86-10.23,2.93-2.93,6.31-5.22,10.17-6.89,3.85-1.67,7.98-2.5,12.39-2.5s8.46,1.02,11.9,3.06c3.44,2.04,6.29,4.65,8.56,7.82l-.56-9.15ZM396.04,150.43c3.63,0,6.8-.9,9.52-2.69,2.72-1.79,4.83-4.21,6.34-7.26,1.5-3.05,2.26-6.43,2.26-10.14s-.76-7.15-2.29-10.2c-1.52-3.05-3.64-5.47-6.34-7.26-2.7-1.79-5.86-2.69-9.49-2.69s-6.86.91-9.83,2.72c-2.97,1.81-5.32,4.24-7.05,7.29-1.73,3.05-2.6,6.43-2.6,10.14s.9,7.14,2.69,10.17,4.16,5.44,7.11,7.23c2.95,1.79,6.17,2.69,9.67,2.69Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M494.82,122.49v38.76h-12.86v-35.6c0-2.76-.67-5.27-2.01-7.54-1.34-2.27-3.13-4.07-5.38-5.41-2.25-1.34-4.77-2.01-7.57-2.01s-5.21.67-7.48,2.01c-2.27,1.34-4.08,3.14-5.44,5.41-1.36,2.27-2.04,4.78-2.04,7.54v35.6h-12.86v-61.81h12.86v6.55c2.14-2.55,4.78-4.57,7.91-6.06,3.13-1.48,6.51-2.23,10.14-2.23,4.57,0,8.74,1.11,12.49,3.34,3.75,2.23,6.73,5.21,8.93,8.96,2.2,3.75,3.31,7.91,3.31,12.49Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M533.14,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,5.69,0,10.87,1.46,15.55,4.39,4.68,2.93,8.41,6.86,11.19,11.81,2.78,4.95,4.17,10.43,4.17,16.44,0,4.49-.8,8.7-2.41,12.61-1.61,3.92-3.82,7.37-6.65,10.35-2.82,2.99-6.1,5.33-9.83,7.02-3.73,1.69-7.74,2.53-12.02,2.53ZM533.14,150c3.42,0,6.49-.91,9.21-2.72,2.72-1.81,4.87-4.21,6.46-7.2,1.59-2.99,2.38-6.23,2.38-9.74s-.81-6.88-2.44-9.89c-1.63-3.01-3.8-5.41-6.52-7.2s-5.75-2.69-9.09-2.69-6.44.91-9.18,2.72c-2.74,1.81-4.9,4.22-6.49,7.23-1.59,3.01-2.38,6.28-2.38,9.83s.82,6.98,2.47,9.95c1.65,2.97,3.84,5.33,6.58,7.08,2.74,1.75,5.74,2.63,8.99,2.63Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M586.79,192.16h-12.86v-92.72h12.86v9.09c2.06-3.17,4.7-5.75,7.91-7.73s7-2.97,11.37-2.97,8.71.85,12.64,2.53c3.94,1.69,7.39,4.03,10.35,7.02,2.97,2.99,5.29,6.44,6.98,10.35,1.69,3.92,2.53,8.12,2.53,12.61s-.85,8.72-2.53,12.67c-1.69,3.96-4.02,7.43-6.98,10.42-2.97,2.99-6.42,5.33-10.35,7.02-3.94,1.69-8.15,2.53-12.64,2.53s-8.16-1-11.37-3c-3.21-2-5.85-4.56-7.91-7.7v39.87ZM605.96,110.25c-3.59,0-6.74.91-9.46,2.72-2.72,1.81-4.84,4.23-6.37,7.26-1.53,3.03-2.29,6.4-2.29,10.11s.76,7.09,2.29,10.14c1.52,3.05,3.65,5.48,6.37,7.29,2.72,1.81,5.87,2.72,9.46,2.72s6.8-.9,9.77-2.69c2.97-1.79,5.34-4.21,7.11-7.26,1.77-3.05,2.66-6.45,2.66-10.2s-.88-7.03-2.63-10.08c-1.75-3.05-4.11-5.48-7.08-7.29-2.97-1.81-6.24-2.72-9.83-2.72Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M675.68,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,4.74,0,9.09.98,13.04,2.94,3.96,1.96,7.33,4.66,10.14,8.1,2.8,3.44,4.86,7.4,6.18,11.87,1.32,4.47,1.71,9.22,1.17,14.25h-47.66c.54,2.84,1.58,5.41,3.12,7.7s3.52,4.09,5.93,5.41c2.41,1.32,5.1,2,8.07,2.04,3.13,0,5.99-.78,8.56-2.35,2.57-1.57,4.69-3.73,6.34-6.49l13.04,3.03c-2.47,5.48-6.2,9.96-11.19,13.44-4.99,3.48-10.57,5.22-16.75,5.22ZM658.12,125.03h35.11c-.41-2.97-1.45-5.66-3.12-8.07-1.67-2.41-3.75-4.33-6.24-5.75-2.49-1.42-5.22-2.13-8.19-2.13s-5.64.7-8.13,2.1c-2.49,1.4-4.55,3.31-6.18,5.72-1.63,2.41-2.71,5.12-3.25,8.13Z" data-astro-cid-zz6jkvke></path> <path class="cls-2" d="M743.55,162.86c-5.69,0-10.87-1.46-15.55-4.39-4.68-2.93-8.41-6.85-11.19-11.78-2.78-4.92-4.17-10.37-4.17-16.35,0-4.53.8-8.77,2.41-12.7,1.61-3.93,3.82-7.4,6.65-10.38,2.82-2.99,6.11-5.33,9.86-7.02,3.75-1.69,7.75-2.53,11.99-2.53,4.74,0,9.09.98,13.04,2.94,3.96,1.96,7.33,4.66,10.14,8.1,2.8,3.44,4.86,7.4,6.18,11.87,1.32,4.47,1.71,9.22,1.17,14.25h-47.66c.54,2.84,1.58,5.41,3.12,7.7,1.55,2.29,3.52,4.09,5.93,5.41,2.41,1.32,5.1,2,8.07,2.04,3.13,0,5.99-.78,8.56-2.35,2.58-1.57,4.69-3.73,6.34-6.49l13.04,3.03c-2.47,5.48-6.2,9.96-11.19,13.44-4.99,3.48-10.57,5.22-16.75,5.22ZM725.99,125.03h35.11c-.41-2.97-1.45-5.66-3.12-8.07-1.67-2.41-3.75-4.33-6.24-5.75-2.49-1.42-5.22-2.13-8.19-2.13s-5.64.7-8.13,2.1c-2.49,1.4-4.55,3.31-6.18,5.72-1.63,2.41-2.71,5.12-3.25,8.13Z" data-astro-cid-zz6jkvke></path> </g> </g> </g> </svg> </a> <div class="lg:[top:clamp(8px,4.494vw,15px)] w-fit flex fixed left-1/2 z-[999999] translate-x-[-50%] top-[32px] border-[1px] px-[18px] py-[10px] rounded-full border-[#EFF1F4] items-center justify-center bg-white" data-astro-cid-zz6jkvke> <div class="flex items-center gap-[24px] font-[InterRegular] traking-[-0.16px] text-[14px]" data-astro-cid-zz6jkvke> <a href="#how2" class="hover:text-[var(--primary)] duration-500" data-astro-cid-zz6jkvke>Découvrir Qanopee</a> <a href="#how" class="hover:text-[var(--primary)] duration-500" data-astro-cid-zz6jkvke>Comment ça fonctionne ?</a> <a href="#prac" class="hover:text-[var(--primary)] duration-500" data-astro-cid-zz6jkvke>Praticiens</a> <a href="/enterprise" class="hover:text-[var(--primary)] duration-500" data-astro-cid-zz6jkvke>Entreprise</a> </div> </div> <div class="fixed top-[32px] z-[9999999] font-[InterRegular] cursor-pointer lg:[right:clamp(5px,-6.563rem+8.594vw,160px)] lg:[top:clamp(8px,4.494vw,15px)]" data-astro-cid-zz6jkvke> <div class="flex lg:[gap:clamp(8px,-0.5rem+1.25vw,16px)]" data-astro-cid-zz6jkvke> <a href="https://app.qanopee.com/auth" target="_blank" data-astro-cid-zz6jkvke> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 hover:border-[var(--primary)] hover:border-[1px] border-[#FF243B0D] border-[1px]" data-astro-cid-zz6jkvke> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full" data-astro-cid-zz6jkvke></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full" data-astro-cid-zz6jkvke> <div class="text-white text-[14px] font-[InterMedium] py-[10px] px-[18px]" data-astro-cid-zz6jkvke>
Se connecter
</div> </div> <div class="absolute bg-[#FFF3F5] inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10" data-astro-cid-zz6jkvke> <div class="text-[var(--primary)] text-[14px] font-[InterMedium] py-[10px] px-[18px] translate-y-[10px] group-hover:translate-y-0 duration-500" data-astro-cid-zz6jkvke>
Se connecter
</div> </div> </div> </a> <a href="https://pro.qanopee.com/" target="_blank" class="overflow-hidden" data-astro-cid-zz6jkvke> <div class="group bg-white cursor-pointer relative rounded-[16px] overflow-hidden border-[#FF243B0D] border-[1px] transition-colors duration-[1000ms] hover:border-[var(--primary)]" data-astro-cid-zz6jkvke> <div class="btn-gradient absolute z-0 translate-y-[400px] bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square rounded-full transition-transform duration-700 group-hover:translate-y-[50px]" data-astro-cid-zz6jkvke></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full" data-astro-cid-zz6jkvke> <div class="text-[14px] font-[InterMedium] py-[10px] px-[18px]" data-astro-cid-zz6jkvke>
Vous êtes praticien
</div> </div> <div class="absolute inset-0 z-[0] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10" data-astro-cid-zz6jkvke> <div class="text-white text-[14px] font-[InterMedium] py-[10px] px-[18px] translate-y-[10px] duration-500 group-hover:translate-y-0" data-astro-cid-zz6jkvke>
Vous êtes praticien
</div> </div> </div> </a> </div> </div> </div> </div> </nav> <div class="w-full overflow-hidden bg-white h-[120px] relative top-0 hidden lg:hidden md:block md:h-[95px]"></div> <section class="no-white-bg"> <section class="h-dvh bg-gradient relative top-0 flex flex-col justify-between overflow-hidden w-full lg:h-[92vh] md:h-[93vh]"> <div class="relative w-full"> <div class="font-[InterMedium] w-full px-[14px] text-white text-center pt-[188px] mx-auto text-[40px] leading-[40px] tracking-[-0.4px] lg:[max-width:clamp(788px,34.753rem+22.497vw,988px)] lg:tracking-[-0.8px] lg:[padding-top:clamp(20px,-8.332rem+10vw+2vh,180px)] lg:[font-size:clamp(55px,1.625rem+2.812vw,80px)] lg:[line-height:clamp(60px,2.3rem+2.25vw,80px)] md:w-[90%] md:text-[60px] md:leading-[60px] md:tracking-[-0.6px] md:[padding-top:clamp(200px,-2.444rem+25.641vw,300px)]">
Trouvez <span class="underline underline-offset-8 decoration-[2px]">rapidement</span>
un rendez-vous avec un Praticien ou un Coach.
</div> <!-- <FormTopSection client:load/> --> <div class="mx-auto w-full hidden mt-[40px] relative z-[9] lg:flex lg:w-full lg:max-w-[888px] lg:h-0 lg:[margin-top:clamp(20px,-0.224rem+2.27vw,40px)] md:flex md:w-[90%] md:rounded-[16px] md:px-[3px]"> <iframe id="qanopeeEmbedding" class="w-full" title="Qanopee Radar" height="190" src="https://app.qanopee.com/search?bgColor=transparent" allowtransparency="true"></iframe> </div> <div class="mt-[40px] w-[90%] mx-auto bg-white rounded-[12px] gap-[3.5px] items-center lg:hidden md:hidden"> <a href="https://app.qanopee.com/search-practitioner" target="_blank"> <div class="w-full font-[InterMedium] flex justify-center py-[14px] items-center"> <img src="/_astro/location.Dr4V7c5m_Z2obx0h.svg" alt="search" width="18" height="18" loading="lazy" decoding="async" class="w-[18px] h-[18px]"> <div class="text-center text-[16px] tracking-[-0.16px] ml-2">Rechercher</div> </div> </a> </div> </div> <div class="relative lg:bottom-2"> <astro-island uid="OjSmw" prefix="r1" component-url="/_astro/SwiperTopSection.DffMFK3m.js" component-export="default" renderer-url="/_astro/client.CBwL3ilQ.js" props="{}" ssr client="load" opts="{"name":"SwiperTopSection","value":true}" await-children><link rel="preload" as="image" href="/_astro/psychologie.B7tdK6iy.jpg"/><link rel="preload" as="image" href="/_astro/arrowcarou.DrfgM9Yl.svg"/><link rel="preload" as="image" href="/_astro/chiropraxie.CvpVeTwW.jpg"/><link rel="preload" as="image" href="/_astro/coach_sportif.CdpyHxjQ.jpg"/><link rel="preload" as="image" href="/_astro/hypnotherapie.BZDhoax7.jpg"/><link rel="preload" as="image" href="/_astro/dietetique.1K3mwRzv.jpg"/><link rel="preload" as="image" href="/_astro/naturopathie.BpOFRTmN.jpg"/><link rel="preload" as="image" href="/_astro/osteopathie.maYlD7lI.jpg"/><link rel="preload" as="image" href="/_astro/reflexologie.B14k9vig.jpg"/><link rel="preload" as="image" href="/_astro/sophrologie.CKAYqcms.jpg"/><link rel="preload" as="image" href="/_astro/yoga.Qt1M9sTm.jpg"/><div class="overflow-hidden mb-[23px] w-full hidden md:hidden lg:flex"><div class="swiper mySwiper swiper-container-free-mode"><div class="swiper-wrapper"><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/chiropraxie.CvpVeTwW.jpg" alt="chiropraxie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Chiropraxie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/coach_sportif.CdpyHxjQ.jpg" alt="coaching" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Coaching sportif</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/hypnotherapie.BZDhoax7.jpg" alt="hypnotherapie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Hypnothérapie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/dietetique.1K3mwRzv.jpg" alt="dietetique" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Diététique</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/naturopathie.BpOFRTmN.jpg" alt="naturopathie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Naturopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/osteopathie.maYlD7lI.jpg" alt="osteopahtie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Ostéopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/reflexologie.B14k9vig.jpg" alt="reflexologie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Réflexologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/chiropraxie.CvpVeTwW.jpg" alt="chiropraxie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Chiropraxie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/coach_sportif.CdpyHxjQ.jpg" alt="coaching" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Coaching sportif</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/hypnotherapie.BZDhoax7.jpg" alt="hypnotherapie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Hypnothérapie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/dietetique.1K3mwRzv.jpg" alt="dietetique" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Diététique</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/naturopathie.BpOFRTmN.jpg" alt="naturopathie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Naturopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/osteopathie.maYlD7lI.jpg" alt="osteopahtie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Ostéopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div><div class="swiper-slide w-full h-auto [max-width:clamp(207px,6.414rem+10.124vw,297px)]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/reflexologie.B14k9vig.jpg" alt="reflexologie" class="[max-width:clamp(207px,6.414rem+10.124vw,297px)] max-h-[174px] object-cover rounded-[8px] transition-transform duration-300 ease-in-out group-hover:scale-105"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white translate-y-[100%] duration-300 ease-in-out group-hover:translate-y-0">Réflexologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px] translate-y-[150%] duration-700 ease-in-out group-hover:translate-y-0"/></div></div></div></div></div></div><div class="overflow-hidden mb-[24px] w-full flex lg:hidden md:hidden"><div class="swiper mySwiper swiper-container-free-mode"><div class="swiper-wrapper"><div class="swiper-slide w-full h-auto object-cover max-w-[146px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[12px] text-white">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/chiropraxie.CvpVeTwW.jpg" alt="chiropraxie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Chiropraxie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/coach_sportif.CdpyHxjQ.jpg" alt="coaching" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Coaching sportif</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/hypnotherapie.BZDhoax7.jpg" alt="hypnotherapie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Hypnothérapie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/dietetique.1K3mwRzv.jpg" alt="dietetique" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Diététique</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/naturopathie.BpOFRTmN.jpg" alt="naturopathie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Naturopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/osteopathie.maYlD7lI.jpg" alt="osteopahtie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Ostéopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/reflexologie.B14k9vig.jpg" alt="reflexologie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Réflexologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/sophrologie.CKAYqcms.jpg" alt="sophrologie" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Sophrologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover"><div class="group flex flex-col w-[146px] overflow-hidden"><div class="overflow-hidden rounded-[4px]"><img src="/_astro/yoga.Qt1M9sTm.jpg" alt="yoga" class="h-full object-cover rounded-[4px] max-w-[146px] max-h-[85px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Yoga</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div></div><div class="swiper-pagination"></div></div></div><div class="overflow-hidden w-full hidden mb-[64px] lg:hidden md:flex"><div class="swiper mySwiper swiper-container-free-mode"><div class="swiper-wrapper"><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/chiropraxie.CvpVeTwW.jpg" alt="psychologie" class="object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Chiropraxie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/coach_sportif.CdpyHxjQ.jpg" alt="coaching" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Coaching sportif</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/hypnotherapie.BZDhoax7.jpg" alt="hypnotherapie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Hypnothérapie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/hypnotherapie.BZDhoax7.jpg" alt="dietetique" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Hypnothérapie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/naturopathie.BpOFRTmN.jpg" alt="naturopathie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Naturopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/osteopathie.maYlD7lI.jpg" alt="osteopahtie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Ostéopathie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/psychologie.B7tdK6iy.jpg" alt="psychologie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Psychologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/reflexologie.B14k9vig.jpg" alt="reflexologie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Réflexologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/sophrologie.CKAYqcms.jpg" alt="sophrologie" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Sophrologie</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div><div class="swiper-slide w-full h-auto object-cover max-w-[297px]"><div class="group flex flex-col overflow-hidden"><div class="overflow-hidden rounded-[8px]"><img src="/_astro/yoga.Qt1M9sTm.jpg" alt="yoga" class="h-[full] object-cover rounded-[8px]"/></div><div class="flex items-center justify-between mt-[5px]"><div class="font-[InterMedium] text-[14px] text-white">Yoga</div><img src="/_astro/arrowcarou.DrfgM9Yl.svg" alt="arrow carousel" class="text-white w-[16px] h-[16px]"/></div></div></div></div><div class="swiper-pagination"></div></div></div><!--astro:end--></astro-island> </div> </section> </section> <div id="how2" class="h-auto bg-white relative overflow-hidden w-full mx-auto md:pb-[128px] lg:mb-[200px]"> <div class="w-full px-[14px] font-[InterMedium] text-[var(--primary)] text-center pt-[64px] mx-auto tracking-[-0.8px] [font-size:clamp(35px,2.037rem+2.469vw,80px)] [line-height:clamp(40px,2.037rem+2.469vw,80px)] lg:max-w-[864px] lg:pt-[200px] lg:px-0 md:w-[80%] md:px-0">
Comment prenez-vous<br class="hidden lg:block"> <span class="text-[var(--tertiary)]">soin de votre santé ?</span> </div> <div class="flex mt-[36px] w-full justify-center lg:hidden md:hidden"> <astro-island uid="ZYrOas" prefix="r2" component-url="/_astro/SwiperMobileHowSection.DiLzAEKz.js" component-export="default" renderer-url="/_astro/client.CBwL3ilQ.js" props="{}" ssr client="load" opts="{"name":"SwiperMobileHowSection","value":true}" await-children><div class="overflow-hidden w-full pb-[128px]"><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide w-fit h-full ml-[14px]"><div class="bg-[var(--tertiary)] flex flex-col max-w-[300px] h-auto object-cover pt-[4px] px-[4px] pb-[16px] rounded-[16px]"><div class="flex flex-col"><img src="/_astro/one.QUfFZhnA.jpg" alt="one" loading="lazy" class="max-w-[300px] h-[200px] rounded-[16px] object-cover"/><div class="w-[90%] mx-auto"><div class="text-white text-[19px] font-[InterRegular] mt-[12px]">Confiance</div><div class="text-white text-[14px] font-[InterRegular] mt-[8px]">Prenez rendez-vous rapidement avec des professionnels du bien-être proche de chez vous.</div></div></div></div></div><div class="swiper-slide w-full h-full"><div class="bg-[#F85868] flex flex-col w-[300px] h-auto object-cover pt-[4px] px-[4px] pb-[16px] rounded-[16px]"><div class="flex flex-col"><img src="/_astro/two.BbE2UcCG.jpg" alt="two" loading="lazy" class="w-[300px] h-[200px] rounded-[16px] object-cover"/><div class="w-[90%] mx-auto"><div class="text-white text-[19px] font-[InterRegular] mt-[12px]">Découverte</div><div class="text-white text-[14px] font-[InterRegular] mt-[8px]">Découvrez facilement<br/> la médecine douce qui vous convient le mieux.</div></div></div></div></div><div class="swiper-slide w-full h-auto pr-[24px]"><div class="bg-[#F84154] flex flex-col pt-[4px] px-[4px] pb-[16px] rounded-[16px]"><div class="flex flex-col"><img src="/_astro/three.Cj0MXIQg.jpg" alt="three" loading="lazy" class="w-full h-full rounded-[16px] object-cover"/><div class="w-[90%] mx-auto"><div class="text-white text-[19px] font-[InterRegular] mt-[12px]">Suivi personnalisé</div><div class="text-white text-[14px] font-[InterRegular] mt-[8px]">Profitez d’un accompagnement personnalisé avec votre praticien ou coach.</div></div></div></div></div></div><div class="swiper-pagination"></div></div></div><!--astro:end--></astro-island> </div> <div class="mt-[40px] gap-[24px] w-full justify-center hidden lg:flex md:flex md:w-[96%] md:mx-auto md:gap-[16px]"> <div class="bg-[var(--tertiary)] flex flex-col w-[412px] h-auto pt-[10px] px-[10px] pb-[26px] rounded-[10px] md:rounded-[20px] md:w-[304px] md:h-[347px] lg:w-full lg:[max-width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,16.1rem+11.249vw,432px)]"> <img src="/_astro/one.QUfFZhnA_1yzWwp.webp" alt="howone" loading="lazy" width="412" height="347" decoding="async" class="w-full h-auto object-cover rounded-[10px]"> <div class="w-full mx-auto"> <div class="text-white text-[24px] font-[InterRegular] mt-[16px] md:text-[21px] md:mt-[14px]">
Confiance
</div> <div class="text-white text-[16px] font-[InterRegular] mt-[8px]">
Prenez rendez-vous rapidement avec des
professionnels du bien-être proche de chez vous.
</div> </div> </div> <div class="bg-[#F85868] flex flex-col w-[412px] h-auto pt-[10px] px-[10px] pb-[26px] rounded-[10px] md:rounded-[20px] md:w-[304px] md:h-[347px] lg:w-full lg:[max-width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,16.1rem+11.249vw,432px)]"> <img src="/_astro/two.BbE2UcCG_2s4eMR.webp" alt="howtwo" loading="lazy" width="412" height="347" decoding="async" class="w-full h-auto object-cover rounded-[10px]"> <div class="w-full mx-auto"> <div class="text-white text-[24px] font-[InterRegular] mt-[16px] md:text-[21px]">
Découverte
</div> <div class="text-white text-[16px] font-[InterRegular] mt-[8px]">
Découvrez facilement la médecine
douce qui vous convient le mieux.
</div> </div> </div> <div class="bg-[#F84154] flex flex-col w-[412px] h-auto pt-[10px] px-[10px] pb-[26px] rounded-[10px] md:rounded-[20px] md:w-[304px] md:h-[347px] lg:w-full lg:[max-width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,16.1rem+11.249vw,432px)]"> <img src="/_astro/three.Cj0MXIQg_1NBwBr.webp" alt="howthree" loading="lazy" width="412" height="347" decoding="async" class="w-full h-auto object-cover rounded-[10px]"> <div class="w-full mx-auto"> <div class="text-white text-[24px] font-[InterRegular] mt-[16px] md:text-[21px]">
Suivi personnalisé
</div> <div class="text-white text-[16px] font-[InterRegular] mt-[8px]">
Profitez d’un accompagnement
personnalisé avec votre praticien ou coach.
</div> </div> </div> </div> </div> <div class="relative overflow-hidden w-full mx-auto h-full lg:h-screen"> <div class="relative flex items-center justify-center w-full h-full py-[77px]"> <div class="h-full w-full absolute top-0"> <img src="/_astro/one.C32V335G_1mzVxJ.webp" alt="choose section" loading="lazy" width="1920" height="1080" decoding="async" class="w-full h-full object-cover"> <div class="absolute top-0 left-0 w-full h-full bg-black/30 z-10"></div> </div> <div class="relative z-20 w-[90%] text-center flex flex-col lg:w-[60%]"> <div class="font-[InterMedium] text-white tracking-[-0.8px] text-[40px] leading-[40px] lg:[font-size:clamp(60px,2.3rem+2.25vw,80px)] lg:[line-height:clamp(60px,2.3rem+2.25vw,80px)] md:leading-[60px] md:text-[60px]">
Choisissez votre praticien.
Réservez facilement.
<span class="underline underline-offset-8 decoration-1">Améliorez</span> votre bien-être.
</div> <a class="mt-[24px] lg:mt-[48px]" href="https://app.qanopee.com/" target="_blank"> <div class="w-fit mx-auto px-[24px] py-[14px] rounded-[16px] cursor-pointer"> <div class="group bg-white cursor-pointer relative rounded-[16px] overflow-hidden duration-500 hover:border-none group-hover:border-none"> <div class="btn-gradient absolute z-0 translate-y-[400px] bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square rounded-full transition-transform duration-700 group-hover:translate-y-[100px]"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-[16px] font-[InterMedium] py-[14px] px-[24px] text-[var(--primary)]">
Lancer une recherche
</div> </div> <div class="absolute inset-0 z-[0] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Lancer une recherche
</div> </div> </div> </div> </a> </div> </div> </div> <div id="how" class="bg-white h-auto relative overflow-hidden w-full mx-auto"> <div class="relative z-20 text-center flex flex-col mx-auto"> <div class="mx-auto font-[InterMedium] text-[var(--primary)] text-center pt-[128px] tracking-[-0.8px] text-[40px] leading-[40px] px-[14px] lg:max-w-[1116px] lg:[font-size:clamp(60px,2.3rem+2.25vw,80px)] lg:[line-height:clamp(60px,2.3rem+2.25vw,80px)] lg:px-0 md:w-[80%] md:leading-[60px] md:text-[60px] md:px-0">
Qanopee vous accompagne vers vos objectifs de bien-être <br class="lg:hidden"> <span class="text-[var(--tertiary)]">en toute sérénité.</span> </div> <a class="mt-[48px] w-fit mx-auto" href="https://app.qanopee.com/" target="_blank"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 hover:border-[var(--primary)] hover:border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je prends RDV
</div> </div> <div class="absolute bg-[#FFF3F5] inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] group-hover:translate-y-0 duration-500">
Je prends RDV
</div> </div> </div> </a> <div class="flex flex-col justify-between mx-auto mb-[64px] gap-[30px] mt-[64px] lg:flex-row lg:w-[90%] lg:mt-[160px] md:flex-row"> <div class="flex flex-col w-full"> <div class="font-[InterMedium] text-[var(--primary)] [font-size:clamp(19px,1.13rem+0.309vw,24px)]">
1 Français sur 2
</div> <div class="font-[InterRegular] w-[80%] mx-auto mt-[6px] [font-size:clamp(14px,0.852rem+0.123vw,16px)] lg:w-[60%] md:w-[80%]">
est confronté au stress
et aux troubles du sommeil.
</div> <div class="font-[InterRegular] text-[12px] w-[80%] mx-auto mt-[6px]">
(Source : INSEE)
</div> </div> <div class="flex flex-col w-full"> <div class="font-[InterMedium] text-[var(--primary)] [font-size:clamp(19px,1.13rem+0.309vw,24px)]">
70% des Français
</div> <div class="font-[InterRegular] w-[80%] mx-auto mt-[6px] [font-size:clamp(14px,0.852rem+0.123vw,16px)] lg:w-[60%] md:w-[80%]">
se tournent vers les médecines
alternatives pour compléter
la médecine conventionnelle.
</div> <div class="font-[InterRegular] text-[12px] w-[60%] mx-auto mt-[6px]">
(Source : Observatoire des médecines alternatives)
</div> </div> <div class="flex flex-col w-full"> <div class="font-[InterMedium] text-[var(--primary)] [font-size:clamp(19px,1.13rem+0.309vw,24px)]">
L’hypnose médicale
</div> <div class="font-[InterRegular] w-[80%] mx-auto mt-[6px] [font-size:clamp(14px,0.852rem+0.123vw,16px)] lg:w-[60%] md:w-[80%]">
est utilisée dans
plus de 100 hôpitaux en France
pour la gestion de la douleur.
</div> <div class="font-[InterRegular] text-[12px] w-[80%] mx-auto mt-[6px]">
(Source : Société Française d’Hypnose)
</div> </div> </div> </div> </div> <div class="layeredCtn w-full overflow-hidden relative h-full py-[10px] px-[10px] hidden lg:block lg:h-screen md:block"> <div class="cards relative h-full w-full"> <div class="cardOne bg-[#FFF3F5] min-h-[98vh] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] absolute top-[10px] z-[40] lg:flex-row md:justify-between"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row md:h-screen"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:[font-size:clamp(30px,0.57rem+2.025vw,48px)] lg:[line-height:clamp(40px,1.195rem+2.025vw,58px)] md:text-[48px] md:leading-[58px]">
Matcher avec le praticien idéal, certifié par Qanopee.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Praticiens qualifiés et expérimentés
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Sélection vérifiée et contrôlée par Qanopee
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px] lg:mb-0"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Confidentialité et protection des données personnelles
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px] md:mt-[50px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-700 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je lance une recherche
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[50px] group-hover:translate-y-0 duration-500">
Je lance une recherche
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-[90%] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:justify-end md:mb-0 md:mt-0 md:w-full"> <div class="relative w-full flex justify-center items-center mx-auto h-full md:w-[90%] md:py-[5%]"> <img src="/_astro/one.DR2oS2qp_Z1LdALh.webp" alt="match praticien" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover object-center rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:[max-height:clamp(250px,-30.221rem+114.615vw,597px)]"> </div> </div> </div> </div> <div class="cardTwo bg-[#FFF3F5] min-h-[98vh] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] absolute top-[10px] z-[30] lg:flex-row md:justify-between"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row md:h-screen"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:[font-size:clamp(30px,0.57rem+2.025vw,48px)] lg:[line-height:clamp(40px,1.195rem+2.025vw,58px)] md:text-[48px] md:leading-[58px]">
Consultation modulable et facile.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Planifiez facilement votre consultation avec des praticiens
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" width="17" height="16" loading="lazy" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Choisissez entre la visio, la consultation à domicile et ou en cabinet
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Réserver votre RDV 24h/24 - 7j/7
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je prends RDV
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] group-hover:translate-y-0 duration-500">
Je prends RDV
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-[90%] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:justify-end md:mb-0 md:mt-0 md:w-full"> <div class="relative w-full flex justify-center items-center mx-auto h-full md:w-[90%] md:py-[5%]"> <img src="/_astro/two.C78z4rrH_ZurbPx.webp" alt="laptop" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover object-center rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:[max-height:clamp(250px,-30.221rem+114.615vw,597px)]"> </div> </div> </div> </div> <div class="cardThree bg-[#FFF3F5] min-h-[98vh] w-full flex border-[1px] border-[#FF243B33] rounded-[32px] absolute top-[10px] z-[20]"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row md:h-screen"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:[font-size:clamp(30px,0.57rem+2.025vw,48px)] lg:[line-height:clamp(40px,1.195rem+2.025vw,58px)] md:text-[48px] md:leading-[58px]">
Observez l’amélioration de votre bien-être.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Un bilan personnalisé pour optimiser votre qualité de vie
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Un outil innovant pour mesurer et améliorer votre bien-être
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Des exigences strictes en matière de confidentialité
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/auth" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[115%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-700 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je m'inscris gratuitement
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[50px] group-hover:translate-y-0 duration-500">
Je m'inscris gratuitement
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-[90%] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:justify-end md:mb-0 md:mt-0 md:w-full"> <div class="relative w-full flex justify-center items-center mx-auto h-full md:w-[90%] md:py-[5%]"> <img src="/_astro/three.BT4bvltN_1kKkOT.webp" alt="smiling men" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover object-center rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:[max-height:clamp(250px,-30.221rem+114.615vw,597px)]"> </div> </div> </div> </div> <div class="cardFour bg-[#FFF3F5] min-h-[98vh] w-full flex border-[1px] border-[#FF243B33] rounded-[32px] relative top-[10px] z-[10]"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row md:h-screen"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:[font-size:clamp(30px,0.57rem+2.025vw,48px)] lg:[line-height:clamp(40px,1.195rem+2.025vw,58px)] md:[font-size:clamp(30px,0.029rem+4.615vw,48px)] md:[line-height:clamp(40px,0.654rem+4.615vw,58px)]">
Mon entreprise est désormais à mes côtés pour améliorer mon bien-être.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
RDV pris directement en charge par l’employeur
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Votre entreprise vous offre un budget
pour consulter gratuitement le praticien
ou coach de votre choix
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Envoyez-nous les coordonnées de votre
entreprise, on s’occupe du reste
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="/enterprise" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-700 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute inset-0 flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[50px] group-hover:translate-y-0 duration-500">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-[90%] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:justify-end md:mb-0 md:mt-0 md:w-full"> <div class="relative w-full flex justify-center items-center mx-auto h-full md:w-[90%] md:py-[5%]"> <img src="/_astro/four.Bl41f059_Z2cTFpY.webp" alt="collaborators" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover object-center rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:[max-height:clamp(250px,-30.221rem+114.615vw,597px)]"> </div> </div> </div> </div> </div> </div> <script type="module" src="/_astro/LayeredSections.astro_astro_type_script_index_0_lang.CmISZwVM.js"></script> <div class="w-full overflow-hidden relative h-full py-[10px] px-[10px] block lg:hidden md:hidden"> <div class="cards relative h-full w-full"> <div class="bg-[#FFF3F5] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] relative top-[10px] lg:flex-row"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:text-[48px] lg:leading-[58px] md:text-[48px] md:leading-[58px]">
Matcher avec le praticien idéal, certifié par Qanopee.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Praticiens qualifiés et expérimentés
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Sélection vérifiée et contrôlée par Qanopee
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px] lg:mb-0"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Confidentialité et protection des données personnelles
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px] md:mt-[50px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-700 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je lance une recherche
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[50px] group-hover:translate-y-0 duration-500">
Je lance une recherche
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-full px-[24px] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:mt-[120px]"> <div class="relative w-full flex justify-center items-center mx-auto h-full"> <img src="/_astro/one.DR2oS2qp_Z1LdALh.webp" alt="match praticien" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:max-h-[597px]"> </div> </div> </div> </div> <div class="bg-[#FFF3F5] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] relative top-[10px] mt-[8px] lg:flex-row"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lgjustify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:text-[48px] lg:leading-[58px] md:text-[48px] md:leading-[58px]">
Consultation modulable et facile.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Planifiez facilement votre consultation avec des praticiens
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Choisissez entre la visio, la consultation à domicile et ou en cabinet
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Réserver votre RDV 24h/24 - 7j/7
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je prends RDV
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] group-hover:translate-y-0 duration-500">
Je prends RDV
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-full px-[24px] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:mt-[120px]"> <div class="relative w-full flex justify-center items-center mx-auto h-full"> <img src="/_astro/two.C78z4rrH_ZurbPx.webp" alt="laptop" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:max-h-[597px]"> </div> </div> </div> </div> <div class="bg-[#FFF3F5] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] relative top-[10px] mt-[8px] lg:flex-row"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lgjustify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:text-[48px] lg:leading-[58px] md:text-[48px] md:leading-[58px]">
Observez l’amélioration de votre bien-être.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Un bilan personnalisé pour optimiser votre qualité de vie
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Un outil innovant pour mesurer et améliorer votre bien-être
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Des exigences strictes en matière de confidentialité
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="https://app.qanopee.com/auth" target="_blank" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[115%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-700 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Je m'inscris gratuitement
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[50px] group-hover:translate-y-0 duration-500">
Je m'inscris gratuitement
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-full px-[24px] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:mt-[120px]"> <div class="relative w-full flex justify-center items-center mx-auto h-full"> <img src="/_astro/three.BT4bvltN_1kKkOT.webp" alt="smiling men" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:max-h-[597px]"> </div> </div> </div> </div> <div class="bg-[#FFF3F5] w-full flex flex-col border-[1px] border-[#FF243B33] rounded-[32px] relative top-[10px] mt-[8px] lg:flex-row"> <div class="flex flex-col w-full mx-auto justify-between lg:flex-row"> <div class="w-full h-full lg:w-1/2"> <div class="flex flex-col w-[90%] mx-auto h-full lg:justify-between lg:w-[75%] lg:ml-auto"> <div class="h-full justify-center items-center flex flex-col mt-[32px] lg:mt-0 md:mt-[120px]"> <div class="font-[InterMedium] text-[var(--primary)] text-[27px] leading-[32px] lg:text-[48px] lg:leading-[58px] md:text-[48px] md:leading-[58px]">
Mon entreprise est désormais à mes côtés pour améliorer mon bien-être.
</div> <div class="w-full flex items-center mt-[34px] lg:mt-[58px] md:mt-[58px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
RDV pris directement en charge par l’employeur
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Votre entreprise vous offre un budget
pour consulter gratuitement le praticien
ou coach de votre choix
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <div class="w-full flex items-center mt-[20px]"> <img src="/_astro/check.BHMvRuna_ZQi7Wg.webp" alt="check" loading="lazy" width="17" height="16" decoding="async" class="h-[14px] w-[14px]"> <div class="mx-auto font-[InterRegular] leading-[22px] text-black ml-[12px]">
Envoyez-nous les coordonnées de votre
entreprise, on s’occupe du reste
</div> </div> <hr class="text-[var(--primary)] h-[1px] w-full mt-[20px] opacity-40"> <a href="/enterprise" class="mt-[30px] mr-auto lg:mt-[48px]"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] group-hover:translate-y-0 duration-500">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> <div class="mx-auto flex justify-center items-center w-full px-[24px] h-full mt-[48px] mb-[24px] lg:px-[50px] lg:py-[90px] lg:w-[50%] lg:mt-0 md:mt-[120px]"> <div class="relative w-full flex justify-center items-center mx-auto h-full"> <img src="/_astro/four.Bl41f059_Z2cTFpY.webp" alt="collaborators" loading="lazy" width="1548" height="1736" decoding="async" class="object-cover rounded-[16px] w-full max-h-[273px] lg:w-[90%] lg:h-full lg:max-h-full md:max-h-[597px]"> </div> </div> </div> </div> </div> </div> <section class="no-white-bg"> <div id="prac" class="bg-white overflow-hidden relative mt-[27px] lg:mb-[120px] lg:mt-[200px] md:mt-[140px]"> <div class="bg-gradient mx-auto h-auto rounded-[20px] lg:w-[93.7%] lg:rounded-[32px] md:w-[93.7%] md:rounded-[32px]"> <div class="relative w-full text-center flex flex-col mx-auto pt-[64px] pb-[80px] lg:pt-[120px] md:pt-[80px]"> <div class="w-full mx-auto font-[InterMedium] text-white text-[27px] leading-[32px] px-[24px] tracking-[-0.8px] lg:w-[60%] lg:text-[48px] lg:leading-[58px] md:w-[80%] md:text-[36px] md:leading-[44px]">
Vous êtes praticien ? <br>
Rejoignez la communauté Qanopee et développez votre activité.
</div> <a class="mt-[32px] md:mt-[28px]" href="https://pro.qanopee.com/" target="_blank"> <div class="w-fit mx-auto px-[24px] py-[14px] rounded-[16px] cursor-pointer"> <div class="group bg-white cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[#FF243B0D] border-[1px] group-hover:border-none"> <div class="btn-gradient absolute z-0 translate-y-[400px] bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square rounded-full transition-transform duration-700 group-hover:translate-y-[100px]"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-[16px] font-[InterMedium] py-[14px] px-[24px] text-[var(--primary)]">
Découvrir Qanopee Pro
</div> </div> <div class="absolute inset-0 z-[0] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Découvrir Qanopee Pro
</div> </div> </div> </div> </a> <div class="w-[96%] mx-auto mt-[48px] overflow-hidden lg:w-[75.72%] lg:mt-[96px] md:w-[90%] md:mt-[54px]"> <astro-island uid="Zh4FAe" prefix="r3" component-url="/_astro/SwiperTestimonial.zmjnhfLn.js" component-export="default" renderer-url="/_astro/client.CBwL3ilQ.js" props="{}" ssr client="load" opts="{"name":"SwiperTestimonial","value":true}" await-children><link rel="preload" as="image" href="/_astro/arrowswiper.BNH9dtiJ.png"/><div class="swiper mySwiper swiper-container-custom"><div class="swiper-wrapper"><div class="swiper-slide md:max-w-[346px] lg:max-w-[432px]"><div class="h-full bg-white px-[16px] py-[20px] rounded-[16px]"><div class="flex flex-col h-full text-start"><div class="font-[InterMedium] text-black text-[16px]">Merci à Elea</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] mt-[8px]">Merci à Elea, pour son accompagnement et sa pédagogie en ce qui concerne le système de Qanopee. En tant qu’éducateur sportif, j’ai l’opportunité de faire partie du référencement Qanopee c’est une chance ! J’ai hâte d’exploiter ce support avec ma clientèle.</div><div class="flex items-center mt-[16px]"><div class="font-[InterRegular] rounded-full text-[#0F0F0FB3] text-[16px] py-[10px] px-[15px] bg-[#FDDCE5]">G</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] ml-2">Guillaume</div></div></div></div></div><div class="swiper-slide md:max-w-[346px] lg:max-w-[432px]"><div class="h-full bg-white px-[16px] py-[20px] rounded-[16px]"><div class="flex flex-col h-full text-start"><div class="font-[InterMedium] text-black text-[16px]">Plateforme sérieuse et humaine</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] mt-[8px]">J’apprécie particulièrement, cette interface humaine, la sélection des professionnels et l’idée de mettre en relation les entreprises et les praticiens.</div><div class="flex items-center mt-[16px]"><div class="font-[InterRegular] rounded-full text-[#0F0F0FB3] text-[16px] py-[13px] px-[15px] bg-[#D1F9EA]">CB</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] ml-2">Catherine B.</div></div></div></div></div><div class="swiper-slide md:max-w-[346px] lg:max-w-[432px]"><div class="h-full bg-white px-[16px] py-[20px] rounded-[16px]"><div class="flex flex-col h-full text-start"><div class="font-[InterMedium] text-black text-[16px]">J’ai apprécié l’accompagnement d’Ilian…</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] mt-[8px]">J’ai apprécié l’accompagnement d’Ilian tout au long de mon référencement sur la plateforme. Mon dossier a été suivi attentivement, les échanges visio ou écrits très humains. J’apprécie que la plateforme étudie sérieusement les candidatures, c’est sécurisant pour les futurs clients.</div><div class="flex items-center mt-[16px]"><div class="font-[InterRegular] rounded-full text-[#0F0F0FB3] text-[16px] py-[12px] px-[15px] bg-[#FFDEBF]">KL</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] ml-2">Klevine</div></div></div></div></div><div class="swiper-slide md:max-w-[346px] lg:max-w-[432px]"><div class="h-full bg-white px-[16px] py-[20px] rounded-[16px]"><div class="flex flex-col h-full text-start"><div class="font-[InterMedium] text-black text-[16px]">Équipe de jeunes dynamiques…</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] mt-[8px]">Équipe de jeunes dynamiques qui ont le soucis des entreprises de médecine douce et du bien être. Leur permettre de se mettre en relation avec des entreprises, leurs salariés et donc le particulier, le tour est bouclé. Très à l’écoute de vos interrogations, je recommande très fortement !!!</div><div class="flex items-center mt-[28px]"><div class="font-[InterRegular] rounded-full text-[#0F0F0FB3] text-[16px] py-[12px] px-[15px] bg-[#FFDEBF]">LE</div><div class="font-[InterRegular] text-[#0F0F0FB3] text-[16px] ml-2">Legroux</div></div></div></div></div></div><div class="swiper-pagination"></div></div><div class="flex gap-[14px] w-[95.62%] mx-auto justify-center mt-[80px]"><div id="prev" class="border px-[24px] cursor-pointer py-[20px] w-fit rounded-full flex flex-col justify-center border-white opacity-50"><img src="/_astro/arrowswiper.BNH9dtiJ.png" alt="arrowleft" class="text-white rotate-180 w-[7px] h-[14px]"/></div><div id="next" class="border rounded-full cursor-pointer px-[24px] py-[20px] flex flex-col justify-center border-white"><img src="/_astro/arrowswiper.BNH9dtiJ.png" alt="arrowright" class="text-white w-[7px] h-[14px]"/></div></div><!--astro:end--></astro-island> </div> </div> </div> </div> </section> <div class="w-full overflow-hidden h-full relative"> <div class="flex flex-col mt-[96px] w-full mx-auto"> <div class="font-[InterMedium] text-[var(--primary)] mx-auto text-center [font-size:clamp(27px,1.44rem+1.296vw,48px)]">
Qanopee en chiffres
</div> <div class="flex gap-[25px] mx-auto justify-center mt-[64px] flex-col w-[90%] lg:flex-row lg:w-full lg:mt-[97px] md:flex-row md:w-[95%]"> <div class="relative flex rounded-[16px]"> <img src="/_astro/one.CU38bMzI_15eqqB.webp" alt="one" loading="lazy" width="864" height="864" decoding="async" class="object-cover rounded-[16px] lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,13.5002rem+11.249vw,432px)] md:w-[304px] md:h-[304px]"> <div class="absolute w-full h-full bg-black/30 rounded-[16px]"></div> <div class="absolute inset-0 flex flex-col items-center justify-center"> <div class="text-white font-[InterMedium] [font-size:clamp(27px,1.514rem+0.926vw,42px)]">26,874</div> <div class="text-white text-center font-[InterRegular] px-[40px] [font-size:clamp(19px,1.13rem+0.309vw,24px)] lg:px-[62px]">
Personnes accompagnées sur leur Bien-être
</div> </div> </div> <div class="relative flex rounded-[16px] border border-[#FF243B33]"> <img src="/_astro/two.C7FdqAyB_ZDV5GE.webp" alt="two" loading="lazy" width="864" height="864" decoding="async" class="object-cover rounded-[16px] lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,13.5002rem+11.249vw,432px)] md:w-[304px] md:h-[304px]"> <div class="absolute inset-0 flex flex-col items-center justify-center"> <div class="font-[InterRegular] [font-size:clamp(27px,1.514rem+0.926vw,42px)]">97%</div> <div class="text-center font-[InterRegular] px-[40px] [font-size:clamp(19px,1.13rem+0.309vw,24px)] lg:px-[62px]">
de satisfaction client<br> </div> <div class="flex justify-center items-center translate-y-[-10px]"> <img src="/_astro/stars.CTjvD2EG_1ffuPE.svg" alt="stars" width="82" height="14" loading="lazy" decoding="async" class="w-[82px] h-[48px]"> <div class="text-black text-center ml-2 font-[InterRegular] [font-size:clamp(19px,1.13rem+0.309vw,24px)]">
4.8 (51 Avis)
</div> </div> <img src="/_astro/smile.IqqGXz7C_b40rw.svg" loading="lazy" alt="smile" width="179" height="45" decoding="async" class="w-[179px] h-[48px] md:absolute md:bottom-[10px]"> </div> </div> <div class="relative flex rounded-[16px]"> <video autoplay loop muted playsinline class="object-cover rounded-[16px] lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,13.5002rem+11.249vw,432px)] md:w-[304px] md:h-[304px]"> <source src="/_astro/three.Ctyf6Ce-.mp4" type="video/mp4"> </video> <div class="absolute w-full h-full bg-black/30 rounded-[16px]"></div> <div class="absolute top-0 left-0 rounded-[16px] bg-black/30 lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(332px,13.5002rem+11.249vw,432px)]"></div> <div class="absolute inset-0 flex flex-col items-center justify-center"> <div class="text-white font-[InterMedium] [font-size:clamp(27px,1.514rem+0.926vw,42px)]">1047</div> <div class="text-white text-center font-[InterRegular] px-[40px] [font-size:clamp(19px,1.13rem+0.309vw,24px)] lg:px-[62px]">
Praticiens et Coach certifiés et suivis par Qanopee
</div> </div> </div> </div> </div> </div> <div class="w-full relative mt-[96px] lg:mt-[181px]"> <div class="mx-auto text-[var(--primary)] font-[InterMedium] text-center text-[27px] leading-[32px] lg:text-[48px] lg:leading-[58px] md:text-[36px] md:leading-[44px]">
Nos partenaires de <br class="lg:hidden">confiance
</div> <div class="mx-auto mt-[64px] w-[90%] lg:w-[50%]"> <astro-island uid="1r1KcF" prefix="r4" component-url="/_astro/SwiperBrand.DO2K4WFL.js" component-export="default" renderer-url="/_astro/client.CBwL3ilQ.js" props="{}" ssr client="load" opts="{"name":"SwiperBrand","value":true}" await-children><div class="slider"><div class="slideTrack"><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ro.UwtRRzbj.svg" alt="Région Occitanie" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/rf.CRm1eCwx.svg" alt="République Française" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/np.x9wQk23H.png" alt="Non Pharmacological" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/me.DXd42XRM.svg" alt="Mouvement Entreprise" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bps.SHZvo_ij.png" alt="Banque Populaire" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/li.90g3ufom.png" alt="Label Initiative" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mv.8EjjD5tj.svg" alt="Media Vallée" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/fd.Cn1t6hT2.svg" alt="France Digitale" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/ca.uhSu37UX.svg" alt="Village CA" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bp.BfqAbIFW.svg" alt="French IOT" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/bpi.BFI-TuQG.svg" alt="BPI France" loading="lazy"/></div><div class="slide"><img class="object-cover max-h-[80px] max-w-[159px] w-fit" src="/_astro/mif.B5LY5WhU.png" alt="Mouvement Impact France" loading="lazy"/></div></div></div><!--astro:end--></astro-island> </div> </div> <div class="w-full relative mt-[140px]"> <div class="bg-[#FF243B0D] w-[93.7%] mx-auto rounded-[32px] pb-[64px] pt-[63px] border-[1px] border-[#FF243B33] lg:pt-[140px] lg:pb-[120px]"> <div class="flex flex-col"> <div class="w-full mx-auto text-[var(--primary)] font-[InterMedium] text-center [font-size:clamp(27px,1.44rem+1.296vw,48px)]">
Questions fréquentes
</div> <div class="flex flex-col gap-[10px]"> <div class="faq-container w-[90%] bg-white flex flex-col pl-[30px] mx-auto gap-[10px] mt-[48px] p-[10px] rounded-full overflow-hidden transition-[height,opacity] duration-500 lg:max-w-[720px]" data-expanded="false"> <div class="flex justify-between items-center"> <div class="text-[16px] font-[InterMedium]">
Qui sont les praticiens ?
</div> <div> <div class="toggle-btn group cursor-pointer relative rounded-full overflow-hidden duration-500"> <div class="btn-default bg-[#FF243B0D] p-[11px] transition-all duration-500 transform group-hover:opacity-0 group-hover:-translate-y-full"> <img src="/_astro/plusblack.BgLyDxhb_ZxK0uu.svg" alt="plus black" loading="lazy" width="23" height="23" decoding="async" class="opacity-100 transition-opacity duration-300"> </div> <div class="btn-hover absolute inset-0 btn-gradient flex items-center justify-center transform translate-y-full group-hover:translate-y-0 transition-[transform, border-radius] duration-500 ease-in-out group-hover:rounded-[23px]"> <img src="/_astro/pluswhite.CbstaZw__ZOcLFo.svg" alt="plus white" loading="lazy" width="23" height="23" decoding="async" class="plus-icon opacity-0 transition-all duration-300 group-hover:opacity-100"> </div> </div> </div> </div> <div class="additional-text pb-[20px] w-[90%] transition-all duration-500 opacity-0 hidden text-[16px] text-[#554546]">
Nos praticiens sont rigoureusement sélectionnés
pour leurs formations, expériences et
compétences. Tous certifiés et qualifiés,
ils fournissent des conseils adaptés à chaque
utilisateur. Nous suivons régulièrement leur
performance pour maintenir la qualité de leurs
services.
</div> </div> <div class="faq-container w-[90%] bg-white flex flex-col pl-[30px] mx-auto gap-[10px] p-[10px] rounded-full overflow-hidden transition-[height,opacity] duration-500 lg:max-w-[720px]" data-expanded="false"> <div class="flex justify-between items-center"> <div class="text-[16px] font-[InterMedium] w-[75%] lg:w-full">
L’inscription à Qanopee est-elle payante ?
</div> <div> <div class="toggle-btn group cursor-pointer relative rounded-full overflow-hidden duration-500"> <div class="btn-default bg-[#FF243B0D] p-[11px] transition-all duration-500 transform group-hover:opacity-0 group-hover:-translate-y-full"> <img src="/_astro/plusblack.BgLyDxhb_ZxK0uu.svg" alt="plus black" loading="lazy" width="23" height="23" decoding="async" class="opacity-100 transition-opacity duration-300"> </div> <div class="btn-hover absolute inset-0 btn-gradient flex items-center justify-center transform translate-y-full group-hover:translate-y-0 transition-[transform, border-radius] duration-500 ease-in-out group-hover:rounded-[23px]"> <img src="/_astro/pluswhite.CbstaZw__ZOcLFo.svg" alt="plus white" loading="lazy" width="23" height="23" decoding="async" class="plus-icon opacity-0 transition-all duration-300 group-hover:opacity-100"> </div> </div> </div> </div> <div class="additional-text pb-[20px] w-[90%] transition-all duration-500 opacity-0 hidden text-[16px] text-[#554546]">
Non, Qanopee est entièrement gratuite pour les particuliers.
L’objectif est de permettre à tout à chacun de pouvoir
être mis en relation avec un praticien qualifié
et accéder à des contenus gratuits sur le bien-être.
</div> </div> <div class="faq-container w-[90%] bg-white flex flex-col pl-[30px] mx-auto gap-[10px] p-[10px] rounded-full overflow-hidden transition-[height,opacity] duration-500 lg:max-w-[720px]" data-expanded="false"> <div class="flex justify-between items-center"> <div class="text-[16px] font-[InterMedium] w-[75%] lg:w-full">
Combien coûte une consultation sur Qanopee ?
</div> <div> <div class="toggle-btn group cursor-pointer relative rounded-full overflow-hidden duration-500"> <div class="btn-default bg-[#FF243B0D] p-[11px] transition-all duration-500 transform group-hover:opacity-0 group-hover:-translate-y-full"> <img src="/_astro/plusblack.BgLyDxhb_ZxK0uu.svg" alt="plus black" loading="lazy" width="23" height="23" decoding="async" class="opacity-100 transition-opacity duration-300"> </div> <div class="btn-hover absolute inset-0 btn-gradient flex items-center justify-center transform translate-y-full group-hover:translate-y-0 transition-[transform, border-radius] duration-500 ease-in-out group-hover:rounded-[23px]"> <img src="/_astro/pluswhite.CbstaZw__ZOcLFo.svg" alt="plus white" loading="lazy" width="23" height="23" decoding="async" class="plus-icon opacity-0 transition-all duration-300 group-hover:opacity-100"> </div> </div> </div> </div> <div class="additional-text pb-[20px] w-[90%] transition-all duration-500 opacity-0 hidden text-[16px] text-[#554546]">
Le prix des prestations est fixé individuellement
par les praticiens.
</div> </div> <div class="mt-[48px] w-fit mx-auto"> <a href="mailto:contact@qanopee.com"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute inset-0 z-[-2] flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> </div> </div> <script type="module">let l=null;const c=document.querySelectorAll(".faq-container");c.forEach(t=>{t.dataset.initialHeight=t.offsetHeight.toString()});const r=t=>{const e=t.querySelector(".additional-text"),s=t.querySelector(".btn-default"),a=t.querySelector(".btn-hover"),o=t.querySelector(".plus-icon");t.classList.remove("rounded-full"),t.classList.add("rounded-[33px]"),e.classList.remove("hidden"),e.offsetHeight,e.classList.remove("opacity-0"),e.classList.add("opacity-100"),t.style.height=`${t.scrollHeight}px`,s.classList.remove("opacity-100"),s.classList.add("opacity-0","-translate-y-full"),a.classList.remove("translate-y-full"),a.classList.add("translate-y-0"),o.classList.add("rotate-45"),t.dataset.expanded="true",o.classList.remove("opacity-0")},i=t=>{const e=t.querySelector(".additional-text"),s=t.querySelector(".btn-default"),a=t.querySelector(".btn-hover"),o=t.querySelector(".plus-icon");e.classList.remove("opacity-100"),e.classList.add("opacity-0"),setTimeout(()=>{e.classList.add("hidden")},500);const d=t.dataset.initialHeight;d&&(t.style.height=`${d}px`),s.classList.remove("opacity-0","-translate-y-full"),s.classList.add("opacity-100"),a.classList.remove("translate-y-0"),a.classList.add("translate-y-full"),o.classList.remove("rotate-45"),o.classList.remove("opacity-0"),t.dataset.expanded="false"};c.forEach(t=>{t.querySelector(".toggle-btn").addEventListener("click",()=>{t.dataset.expanded==="true"?(i(t),l===t&&(l=null)):(l&&l!==t&&i(l),r(t),l=t)})});</script> <section class="no-white-bg"> <div class="w-full bg-white pb-[182px] pt-[128px] lg:pt-0 md:pt-[140px]"> <div class="bg-gradient mx-auto rounded-[32px] w-[96%] pb-[20px] lg:mt-[200px] lg:w-[93.7%] lg:pb-[200px] md:pb-[100px]"> <div class="w-full mx-auto flex flex-col"> <div class="w-full mx-auto text-white font-[InterMedium] text-center mt-[96px] px-[16px] text-[40px] leading-[40px] lg:w-[85%] lg:mt-[120px] lg:[font-size:clamp(50px,0.951rem+3.375vw,80px)] lg:[line-height:clamp(60px,2.3rem+2.25vw,80px)] md:w-full md:text-[60px] md:leading-[60px] md:tracking-[0.6px]">
Besoin d’aide ? Nous sommes là<br class="hidden lg:block md:hidden">
pour <span class="underline underline-offset-8 decoration-[2px]">vous accompagner</span> à<br class="hidden lg:block md:hidden">
chaque étape.
</div> <div class="flex mt-[64px] gap-[24px] w-full justify-center flex-col lg:flex-row lg:mt-[64px] md:flex-row md:w-[90%] md:mx-auto md:gap-[16px]"> <div class="bg-white flex flex-col h-full pt-[20px] px-[16px] pb-[16px] rounded-[20px] w-[90%] mx-auto lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(220px,13.388rem+0.562vw,225px)] lg:mx-0 md:w-[264px] md:h-[302px]"> <div class="flex flex-col h-full justify-between"> <div class="w-full mx-auto lg:mx-0 flex-grow"> <div class="text-[var(--primary)] text-[24px] font-[InterRegular]">
Particulier
</div> <div class="text-black text-[16px] font-[InterRegular] mt-[8px] tracking-[-0.16px] lg:w-[90%] lg:[font-size:clamp(14px,0.73rem+0.225vw,16px)] lg:[line-height:clamp(16px,0.42rem+0.9vw,24px)]">
Vous avez besoin d’informations ou d’être rassuré sur notre protocole de sélection.
</div> </div> <div class="w-fit mt-[24px] lg:mt-auto"> <a href="https://app.qanopee.com/"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute bg-[#FFF3F5] inset-0 z-[-0] opacity-0 flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10 group-hover:opacity-100"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> <div class="bg-white flex flex-col h-full pt-[20px] px-[16px] pb-[16px] rounded-[20px] w-[90%] mx-auto lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(220px,13.388rem+0.562vw,225px)] lg:mx-0 md:w-[264px] md:h-[302px]"> <div class="flex flex-col h-full justify-between"> <div class="w-full mx-auto lg:mx-0 flex-grow"> <div class="text-[var(--primary)] text-[24px] font-[InterRegular]">
Praticien
</div> <div class="text-black text-[16px] font-[InterRegular] mt-[8px] tracking-[-0.16px] lg:w-[90%] lg:[font-size:clamp(14px,0.73rem+0.225vw,16px)] lg:[line-height:clamp(16px,0.42rem+0.9vw,24px)]">
Vous avez des questions sur le fonctionnement de notre application ou de notre processus de sélection.
</div> </div> <div class="w-fit mt-[24px] lg:mt-auto"> <a href="https://pro.qanopee.com/" target="_blank"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute bg-[#FFF3F5] inset-0 z-[-0] opacity-0 flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10 group-hover:opacity-100"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> <div class="bg-white flex flex-col h-full pt-[20px] px-[16px] pb-[16px] rounded-[20px] w-[90%] mx-auto lg:[width:clamp(332px,13.5002rem+11.249vw,432px)] lg:[height:clamp(220px,13.388rem+0.562vw,225px)] lg:mx-0 md:w-[264px] md:h-[302px]"> <div class="flex flex-col h-full justify-between"> <div class="w-full mx-auto lg:mx-0 flex-grow"> <div class="text-[var(--primary)] text-[24px] font-[InterRegular]">
Entreprise
</div> <div class="text-black text-[16px] font-[InterRegular] mt-[8px] tracking-[-0.16px] lg:w-[90%] lg:[font-size:clamp(14px,0.73rem+0.225vw,16px)] lg:[line-height:clamp(16px,0.42rem+0.9vw,24px)]">
Vous avez besoin d’informations pour mettre en place un dispositif au profit de vos salariés.
</div> </div> <div class="w-fit mt-[24px] lg:mt-auto"> <a href="/enterprise"> <div class="group cursor-pointer relative rounded-[16px] overflow-hidden duration-500 border-[var(--primary)] border-[1px]"> <div class="absolute z-0 bottom-0 left-1/2 transform -translate-x-1/2 w-[110%] aspect-square btn-gradient translate-y-[60px] rounded-full transition-transform duration-700 group-hover:-translate-y-full"></div> <div class="relative z-20 transition-all duration-500 group-hover:-translate-y-full"> <div class="text-white text-[16px] font-[InterMedium] py-[14px] px-[24px]">
Nous contacter
</div> </div> <div class="absolute bg-[#FFF3F5] inset-0 z-[-0] opacity-0 flex items-center justify-center transform transition-[transform, border-radius] duration-500 ease-in-out z-10 group-hover:opacity-100"> <div class="text-[var(--primary)] text-[16px] font-[InterMedium] py-[14px] px-[24px] translate-y-[10px] duration-500 group-hover:translate-y-0">
Nous contacter
</div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <footer class="w-full h-full lg:h-screen lg:flex lg:flex-col"> <div class="w-[94.7%] mx-auto mt-auto"> <div class="flex flex-col w-full border-[#FF243B0D] border-b-[2px] gap-[48px] pb-[48px] lg:flex-row lg:gap-[138px] lg:pb-[139px]"> <div class="text-[var(--primary)] font-[InterMedium] leading-[28px] [font-size:clamp(19px,1.13rem+0.309vw,24px)] w-[90%] lg:w-[18%] md:w-[40%]">
La nouvelle génération de
solutions pour le bien-être de tous.
</div> <div class="flex flex-col gap-[24px] justify-between w-full lg:flex-row lg:w-[80%] md:flex-row"> <div class="flex flex-col gap-[12px] w-full lg:w-[20%]"> <div class="text-[var(--primary)] text-[16px] font-[InterRegular]">Qanopee</div> <a href="#how2" class="text-[16px] font-[InterRegular]">Nous découvrir</a> <a href="#how" class="text-[16px] font-[InterRegular]">Fonctionnement</a> <a href="https://app.qanopee.com/auth" target="_blank" class="text-[16px] font-[InterRegular]">
Se connecter
</a> <a href="https://app.qanopee.com/auth" target="_blank" class="text-[16px] font-[InterRegular]">
S’inscrire
</a> <a href="https://pro.qanopee.com/" target="_blank" class="text-[16px] font-[InterRegular]">
Pour les praticiens
</a> <a href="cgu.pdf" class="text-[16px] font-[InterRegular]">
Conditions générales d’utilisation
</a> </div> <div class="flex flex-col gap-[12px] w-full lg:w-[20%]"> <div class="text-[var(--primary)] text-[16px] font-[InterRegular]">Nos praticiens</div> <a href="https://app.qanopee.com/therapie-cognitive/paris" target="_blank" class="text-[16px] font-[InterMedium]">
Mental / Psychologique
</a> <a href="https://app.qanopee.com/art-therapie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Art-thérapie
</a> <a href="https://app.qanopee.com/hippotherapie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Hippothérapie
</a> <a href="https://app.qanopee.com/hypnotherapie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Hypnothérapie
</a> <a href="https://app.qanopee.com/instruction-en-meditation/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Instruction en Méditation
</a> <a href="https://app.qanopee.com/sophrologie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Sophrologie
</a> <a href="https://app.qanopee.com/psychologie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Psychologie
</a> <a href="https://app.qanopee.com/reflexologie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Réflexologie
</a> <a href="https://app.qanopee.com/therapie-cognitive/paris" target="_blank" class="text-[16px] font-[InterMedium] mt-[12px]">
Nutritionnelle
</a> <a href="https://app.qanopee.com/dietetique/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Diététique
</a> <a href="https://app.qanopee.com/naturopathie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Naturopathie
</a> <a href="https://app.qanopee.com/nutrition/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Nutrition
</a> </div> <div class="flex flex-col gap-[12px] w-full lg:w-[20%]"> <div class="text-white text-[16px] font-[InterRegular] hidden md:block lg:block">Nos praticiens</div> <a href="https://app.qanopee.com/therapie-cognitive/paris" target="_blank" class="text-[16px] font-[InterMedium]">
Corporelle
</a> <a href="https://app.qanopee.com/acupuncture/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Acupuncture
</a> <a href="https://app.qanopee.com/chiropraxie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Chiropraxie
</a> <a href="https://app.qanopee.com/coaching-sportif/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Coaching Sportif
</a> <a href="#" target="_blank" class="text-[16px] font-[InterRegular]">
Enseignement APA
</a> <a href="https://app.qanopee.com/ostheopathie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Ostéopathie
</a> <a href="#" target="_blank" class="text-[16px] font-[InterRegular]">
Pilate
</a> <a href="https://app.qanopee.com/reflexologie/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Réflexologie
</a> <a href="https://app.qanopee.com/yoga/paris" target="_blank" class="text-[16px] font-[InterRegular]">
Yoga
</a> </div> <div class="flex flex-col gap-[12px] w-full lg:w-[20%]"> <div class="text-[var(--primary)] text-[16px] font-[InterRegular]">Réseaux sociaux</div> <a href="https://www.instagram.com/qanopee/" target="_blank" class="text-[16px] font-[InterRegular]">
Instagram
</a> <a href="https://www.youtube.com/channel/UCuMV_U7pfGl4XG3cT4VR2OA" target="_blank" class="text-[16px] font-[InterRegular]">
Youtube
</a> <a href="https://www.qanopeegeneration.com/generation-qanopee/" target="_blank" class="text-[16px] font-[InterRegular]">
Podcast
</a> <a href="https://www.linkedin.com/company/qanopee-com/?originalSubdomain=fr" target="_blank" class="text-[16px] font-[InterRegular]">
Linkedin
</a> </div> </div> </div> <div class="flex w-full justify-between mt-[20px]"> <div class="text-[var(--primary)] text-[16px] font-[InterRegular]">
© 2025 Qanopee
</div> <div class="text-[var(--primary)] text-[16px] font-[InterRegular]">
Website by <a href="https://etiseo.fr" target="_blank">Etiseo</a> </div> </div> <div class="w-full mt-[46px] flex justify-center"> <img src="/_astro/logofooter.M1Bs8O6g_t82bF.svg" loading="lazy" alt="logofooter" width="1800" height="304" decoding="async" class="object-cover"> </div> </div> </footer> <script type="module">new Date().getFullYear();</script> </body></html> <script type="module">window.axeptioSettings={clientId:"661e58aafc9b62b061608d2c",cookiesVersion:"qanopee-fr-EU",googleConsentMode:{default:{analytics_storage:"denied",ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",wait_for_update:500}}};(function(t,a){var n=t.getElementsByTagName(a)[0],e=t.createElement(a);e.async=!0,e.src="//static.axept.io/sdk.js",n.parentNode.insertBefore(e,n)})(document,"script");</script>
