1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width,initial-scale=1" /> 7 <title>Callia</title> 8 <link 9 rel="shortcut icon" 10 href="/assets/images/favicon.png" 11 type="image/x-icon" 12 /> 13 <link rel="stylesheet" href="/assets/css/animate.css" /> 14 <link rel="stylesheet" href="/assets/css/tailwind.css" /> 15 <link rel="stylesheet" href="https://use.typekit.net/bnv3wwt.css"> 16 <meta property="og:url" content="https://www.callia.ai" /> 17 <meta property="og:type" content="website" /> 18 <meta property="og:title" content="Découvrir Callia" /> 19 <meta 20 property="og:description" 21 content="La puissance de l'intelligence artificielle, la simplicité d'un appel traditionnel" 22 /> 23 <meta property="og:image" content="/assets/images/logo/callia.png" /> 24 <meta property="og:image:width" content="400" /> 25 <meta property="og:image:height" content="400" /> 26
26<script src="/assets/js/wow.min.js"></script>
26 27 <link rel="stylesheet" href="/assets/css/plyr.css" /> 28
28<script src="/assets/js/plyr.polyfilled.js"></script>
28 29
29<script> 30 new WOW().init(); 31 </script>
31 32 </head> 33 <body> 34 <!-- ====== Navbar Section Start --> 35 <div 36 class="ud-header bg-transparent absolute top-5 left-0 z-40 w-full flex items-center" 37 > 38 <div class="container"> 39 <div class="flex -mx-4 items-center justify-between relative"> 40 <div class="px-4 lg:px-0 w-90 max-w-full"> 41 <a href="/fr" class="navbar-logo w-full block py-5"> 42 <img 43 src="/assets/images/logo/logo.svg" 44 alt="Callia Logo" 45 class="w-full header-logo" 46 /></a> 47 </div> 48 <div class="flex px-4 justify-end items-center w-full"> 49 <div class="mr-5"> 50 <button 51 id="navbarToggler" 52 class="block absolute right-4 top-1/2 -translate-y-1/2 lg:hidden px-3 py-[6px] rounded-lg" 53 > 54 <span 55 class="relative w-[30px] h-[2px] my-[6px] block bg-white" 56 ></span> 57 <span 58 class="relative w-[30px] h-[2px] my-[6px] block bg-white" 59 ></span> 60 <span 61 class="relative w-[30px] h-[2px] my-[6px] block bg-white" 62 ></span> 63 </button> 64 <nav 65 id="navbarCollapse" 66 class="absolute py-5 lg:py-0 lg:px-4 xl:px-6 bg-white lg:bg-transparent shadow-lg rounded-lg max-w-[250px] w-full lg:max-w-full lg:w-full right-4 top-full hidden lg:block lg:static lg:shadow-none" 67 > 68 <ul class="block lg:flex"> 69 <li class="relative group"> 70 <a 71 href="#benefices" 72 class="ud-menu-scroll text-base text-dark lg:text-dark lg:group-hover:opacity-70 lg:group-hover:text-dark group-hover:text-primary py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-7 xl:ml-12" 73 >Bénéfices</a 74 > 75 </li> 76 <li class="relative group"> 77 <a 78 href="#services" 79 class="ud-menu-scroll text-base text-dark lg:text-dark lg:group-hover:opacity-70 lg:group-hover:text-dark group-hover:text-primary py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-7 xl:ml-12" 80 >Services</a 81 > 82 </li> 83 <li class="relative group"> 84 <a 85 href="#forces" 86 class="ud-menu-scroll text-base text-dark lg:text-dark lg:group-hover:opacity-70 lg:group-hover:text-dark group-hover:text-primary py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-7 xl:ml-12" 87 >Forces</a 88 > 89 </li> 90 <li class="relative group"> 91 <a 92 href="#contact" style="white-space: nowrap;" 93 class="ud-menu-scroll text-base text-dark lg:text-dark lg:group-hover:opacity-70 lg:group-hover:text-dark group-hover:text-primary py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-7 xl:ml-12" 94 >Nous rejoindre</a 95 > 96 </li> 97 <li class="relative group"> 98 <a 99 href="/fr/partenariat" 100 class="text-base text-dark lg:text-dark lg:group-hover:opacity-70 lg:group-hover:text-dark group-hover:text-primary py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-7 xl:ml-12" 101 >Partenariat</a 102 > 103 </li> 104 </ul> 105 </nav> 106 </div> 107 <div class="sm:flex justify-end pr-16 lg:pr-0"> 108 <a 109 href="https://admin.callia.ai/fr" 110 class="text-base font-medium bg-transparent text-primary border-primary border-2 sm:border-0 border-solid py-3 px-6 hover:bg-primary hover:bg-opacity-10 signUpBtn duration-300 ease-in-out" 111 > 112 <span class="hidden lg:block" style="white-space: nowrap;">Espace Client</span> 113 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" class="lg:hidden" style="width: 30px; height: 30px" xml:space="preserve"><path stroke="#23ccab" stroke-width="3" fill="none" stroke-miterlimit="10" d="M25,47.7c4.4,0,8.9,0,13.3,0c0.
1136,0,1.2,0,1.8-0.1c2.8-0.3,4.8-2.3,5.1-5c0.3-2.2,0.1-4.5-0.3-6.7 c-0.3-2.3-0.9-4.6-2-6.7c-1.3-2.5-3.2-4.1-6.1-4.2c-0.3,0-0.6,0-0.8,0.2c-0.8,0.5-1.6,1.1-2.5,1.6c-2.3,1.4-4.8,2.3-7.4,2.5 c-3.7,0.3-7-0.7-10.1-2.7c-0.7-0.5-1.5-0.9-2.2-1.4c-0.2-0.1-0.3-0.2-0.5-0.2c-1.8,0.1-3.4,0.6-4.7,1.9c-1,1-1.8,2.3-2.3,3.6 C5,34.2,4.6,38.1,4.7,42c0.1,2.7,1.6,4.6,3.9,5.3c0.9,0.3,2,0.4,2.9,0.4C16.1,47.7,20.6,47.7,25,47.7z"></path><path stroke="#23ccab" stroke-width="3" fill="none" stroke-miterlimit="10" d="M24.6,22.4c5.6,0.1,10.4-4.6,10.5-10.3C35.1,6.6,30.6,1.9,25,1.7c-5.8-0.1-10.4,4.4-10.6,10.2 C14.2,17.5,18.9,22.5,24.6,22.4z"></path></svg> 114 </a> 115 </div> 116 </div> 117 </div> 118 </div> 119 </div> 120 <!-- ====== Navbar Section End --> 121 <!-- ====== Hero Section Start --> 122 <div 123 id="home" 124 class="relative pt-[100px] md:pt-[110px] lg:pt-[160px] bg-white" 125 > 126 <div class="container"> 127 <div class="flex flex-wrap items-center -mx-4 lg:mb-[80px]"> 128 <div class="order-2 lg:order-1 md:5/12 lg:w-5/12 mt-5 sm:mt-10 lg:mt-0"> 129 <div 130 class="hero-content text-left max-w-[780px] mx-auto wow fadeInUp" 131 data-wow-delay=".2s" 132 > 133 <h1 134 class="text-dark font-bebas font-normal text-3xl sm:text-4xl md:text-[54px] leading-snug sm:leading-snug md:leading-snug mb-8" 135 > 136 La puissance de lâIntelligence Artificielle, la simplicité dâun appel traditionnel 137 </h1> 138 <p 139 class="text-base font-light sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed mb-10 text-[#181C18] max-w-[600px]" 140 > 141 Augmentez votre activité et gagnez un temps considérable 142 </p> 143 <ul class="mb-10 text-center lg:text-left"> 144 <li> 145 <a 146 href="#video" 147 class="py-4 px-6 sm:px-10 inline-flex items-center justify-center text-center text-white text-base bg-primary hover:bg-opacity-80 hover:shadow-lg font-semibold uppercase tracking-wide rounded-lg transition duration-300 ease-in-out" 148 >Découvrir Callia 149 <span class="pl-2"> 150 <svg 151 width="20" 152 height="8"
153 viewBox="0 0 20 8" 154 class="fill-current" 155 > 156 <path 157 d="M19.2188 2.90632L17.0625 0.343819C16.875 0.125069 16.5312 0.0938193 16.2812 0.281319C16.0625 0.468819 16.0312 0.812569 16.2188 1.06257L18.25 3.46882H0.9375C0.625 3.46882 0.375 3.71882 0.375 4.03132C0.375 4.34382 0.625 4.59382 0.9375 4.59382H18.25L16.2188 7.00007C16.0312 7.21882 16.0625 7.56257 16.2812 7.78132C16.375 7.87507 16.5 7.90632 16.625 7.90632C16.7812 7.90632 16.9375 7.84382 17.0312 7.71882L19.1875 5.15632C19.75 4.46882 19.75 3.53132 19.2188 2.90632Z" 158 /> 159 </svg> 160 </span> 161 </a> 162 </li> 163 </ul> 164 </div> 165 </div> 166 <div class="order-1 lg:order-2 -mt-10 sm:mt-0 w-9/12 mx-auto md:7/12 lg:w-7/12"> 167 <div 168 class="mx-auto max-w-[845px] relative z-10 wow fadeInUp" 169 data-wow-delay=".25s" 170 > 171 <div class="mt-16"> 172 <img 173 src="/assets/images/hero/hero-image.svg" 174 alt="hero" 175 class="max-w-full mx-auto rounded-t-xl rounded-tr-xl" 176 /> 177 </div> 178 </div> 179 </div> 180 <div class="w-full pt-[50px] order-5"> 181 <h2 class="text-center font-normal tracking-tight text-2xl sm:text-[28px] sm:leading-snug text-[#232323] mb-6 relative"> 182 Simulez une conversation avec Callia au <a href="tel:+33183804141" class="phone-number font-bold text-3xl sm:text-[32px] ml-2 tracking-wide text-[#2ac5a6] relative inline-block"><span class="relative">01 83 80 41 41</span></a> 183 </h2> 184 </div> 185 </div> 186 </div> 187 </div> 188 <!-- ====== Hero Section End --> 189 190 191 <section class="pt-20 lg:pt-[90px] pb-8 lg:pb-[100px]" id="video"> 192 <div class="container border-t-4 border-b-4 sm:border-4 border-primary bg-[#fafcfc55] sm:rounded-xl py-[32px] pb-[40px] sm:px-[50px]"> 193 <div class="flex flex-wrap -mx-4"> 194 <div class="w-full px-4"> 195 <div class="text-center mx-auto mb-[40px] lg:mb-[50px] max-w-[620px]"> 196 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide">Vidéo</span> 197 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-4"> 198 Découvrez Callia en vidéo 199 </h2> 200 </div> 201 </div> 202 </div> 203 <div class="flex flex-wrap -mx-4"> 204 <div class="w-full sm:px-4"> 205 <div class="aspect-w-16 aspect-h-9"> 206 <video id="player" playsinline controls data-poster="/assets/img/preview.png"> 207 <source src="/assets/video/testimonials_720p.mp4" type="video/mp4" size="720"> 208 <source src="/assets/video/testimonials_1080p.mp4" type="video/mp4" size="1080"> 209 </video> 210 </div> 211 </div> 212 </div> 213 </div> 214 </section> 215 216 217 218 <!-- ====== Benefits Section Start --> 219 <section 220 class="pt-20 lg:pt-[110px] pb-8 lg:pb-[80px] bg-gray-100"
221 id="benefices" 222 > 223 <div class="container"> 224 <div class="flex flex-wrap -mx-4"> 225 <div class="w-full px-4"> 226 <div class="text-center mx-auto mb-[60px] lg:mb-20 max-w-[620px]"> 227 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide">Bénéfices</span> 228 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-4"> 229 Pourquoi Callia ? 230 </h2> 231 </div> 232 </div> 233 </div> 234 <div class="flex flex-wrap -mx-4"> 235 <div class="w-full md:w-1/3 px-4"> 236 <div 237 class="mb-12 group text-center wow fadeInUp" 238 data-wow-delay=".1s" 239 > 240 <div 241 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary rounded-2xl mb-8 mx-auto relative z-10" 242 > 243 <span 244 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary bg-opacity-20 rounded-2xl mb-8 absolute z-[-1] top-0 left-0 rotate-[25deg] group-hover:rotate-45 duration-300" 245 ></span> 246 <svg 247 width="35" 248 height="35"
249 viewBox="0 0 35 35" 250 fill="none" 251 xmlns="http://www.w3.org/2000/svg" 252 > 253 <path 254 d="M10.7734 14.3281H3.82813C2.07813 14.3281 0.65625 12.9062 0.65625 11.1562V4.21094C0.65625 2.46094 2.07813 1.03906 3.82813 1.03906H10.7734C12.5234 1.03906 13.9453 2.46094 13.9453 4.21094V11.1562C13.9453 12.9062 12.5234 14.3281 10.7734 14.3281ZM3.82813 2.95312C3.17188 2.95312 2.57031 3.5 2.57031 4.21094V11.1562C2.57031 11.8125 3.11719 12.4141 3.82813 12.4141H10.7734C11.4297 12.4141 12.0313 11.8672 12.0313 11.1562V4.21094C12.0313 3.55469 11.4844 2.95312 10.7734 2.95312H3.82813Z" 255 fill="white" 256 /> 257 <path 258 d="M31.1719 14.3281H24.2266C22.4766 14.3281 21.0547 12.9062 21.0547 11.1562V4.21094C21.0547 2.46094 22.4766 1.03906 24.2266 1.03906H31.1719C32.9219 1.03906 34.3438 2.46094 34.3438 4.21094V11.1562C34.3438 12.9062 32.9219 14.3281 31.1719 14.3281ZM24.2266 2.95312C23.5703 2.95312 22.9688 3.5 22.9688 4.21094V11.1562C22.9688 11.8125 23.5156 12.4141 24.2266 12.4141H31.1719C31.8281 12.4141 32.4297 11.8672 32.4297 11.1562V4.21094C32.4297 3.55469 31.8828 2.95312 31.1719 2.95312H24.2266Z" 259 fill="white" 260 /> 261 <path 262 d="M10.7734 33.9609H3.82813C2.07813 33.9609 0.65625 32.5391 0.65625 30.7891V23.8438C0.65625 22.0938 2.07813 20.6719 3.82813 20.6719H10.7734C12.5234 20.6719
26213.9453 22.0938 13.9453 23.8438V30.7891C13.9453 32.5391 12.5234 33.9609 10.7734 33.9609ZM3.82813 22.5859C3.17188 22.5859 2.57031 23.1328 2.57031 23.8438V30.7891C2.57031 31.4453 3.11719 32.0469 3.82813 32.0469H10.7734C11.4297 32.0469 12.0313 31.5 12.0313 30.7891V23.8438C12.0313 23.1875 11.4844 22.5859 10.7734 22.5859H3.82813Z" 263 fill="white" 264 /> 265 <path 266 d="M31.1719 33.9609H24.2266C22.4766 33.9609 21.0547 32.5391 21.0547 30.7891V23.8438C21.0547 22.0938 22.4766 20.6719 24.2266 20.6719H31.1719C32.9219 20.6719 34.3438 22.0938 34.3438 23.8438V30.7891C34.3438 32.5391 32.9219 33.9609 31.1719 33.9609ZM24.2266 22.5859C23.5703 22.5859 22.9688 23.1328 22.9688 23.8438V30.7891C22.9688 31.4453 23.5156 32.0469 24.2266 32.0469H31.1719C31.8281 32.0469 32.4297 31.5 32.4297 30.7891V23.8438C32.4297 23.1875 31.8828 22.5859 31.1719 22.5859H24.2266Z" 267 fill="white" 268 /> 269 </svg> 270 </div> 271 <h4 class="text-[19px] text-dark mb-1 uppercase tracking-wide font-semibold">Optimisez</h4> 272 <p class="text-body-color mb-8 lg:mb-11 font-light"> 273 votre activité 274 </p> 275 </div> 276 </div> 277 <div class="w-full md:w-1/3 px-4"> 278 <div 279 class="mb-12 group text-center wow fadeInUp" 280 data-wow-delay=".15s" 281 > 282 <div 283 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary rounded-2xl mb-8 mx-auto relative z-10" 284 > 285 <span 286 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary bg-opacity-20 rounded-2xl mb-8 absolute z-[-1] top-0 left-0 rotate-[25deg] group-hover:rotate-45 duration-300" 287 ></span> 288 <svg 289 width="35" 290 height="35"
291 viewBox="0 0 52 52" 292 fill="none" 293 xmlns="http://www.w3.org/2000/svg" 294 > 295 <path 296 d="M49.8062 23.3187L43.875 17.3875C43.3063 16.8187 42.4125 16.8187 41.8438 17.3875C41.275 17.9562 41.275 18.85 41.8438 19.4187L46.9625 24.6187H27.4625V4.87498L32.5812 10.075C33.15 10.6437 34.0437 10.6437 34.6125 10.075C35.1812 9.50623 35.1812 8.61248 34.6125 8.04373L28.6812 2.11248C27.95 1.38123 26.975 0.974976 26 0.974976C24.9438 0.974976 24.05 1.38123 23.3188 2.11248L17.3875 8.04373C16.8187 8.61248 16.8187 9.50623 17.3875 10.075C17.6312 10.3187 18.0375 10.4812 18.3625 10.4812C18.6875 10.4812 19.0937 10.3187 19.3375 10.075L24.6187 4.87498V24.5375H4.95625L10.075 19.3375C10.6437 18.7687 10.6437 17.875 10.075 17.3062C9.50625 16.7375 8.6125 16.7375 8.04375 17.3062L2.1125 23.2375C0.65 24.7 0.65 27.1375 2.1125 28.6L8.04375 34.5312C8.2875 34.775 8.69375 34.9375 9.01875 34.9375C9.34375 34.9375 9.75 34.775 9.99375 34.5312C10.5625 33.9625 10.5625 33.0687 9.99375 32.5L4.79375 27.3H24.4563V47.125L19.2563 41.925C18.6875 41.3562 17.7938 41.3562 17.225 41.925C16.6563 42.4937 16.6563 43.3875 17.225 43.9562L23.1562 49.8875C23.8875 50.6187 24.8625 51.025 25.8375 51.025C26.8937 51.025 27.7875 50.6187 28.5187 49.8875L34.45 43.9562C35.0188 43.3875 35.0188 42.4937 34.45 41.925C33.8813 41.3562 32.9875 41.3562 32.4188 41.925L27.4625 47.125V27.3812H47.0438L41.8438 32.5812C41.275 33.15 41.275 34.0437 41.8438 34.6125C42.0875 34.8562 42.4938 35.0187 42.8188 35.0187C43.1438 35.0187 43.55 34.8562 43.7938 34.6125L49.725 28.6812C51.2688 27.2187 51.2687 24.7812 49.8062 23.3187Z" 297 fill="white" 298 /> 299 </svg> 300 </div> 301 <h4 class="text-[19px] text-dark mb-1 uppercase tracking-wide font-semibold">Gagnez</h4> 302 <p class="text-body-color mb-8 lg:mb-11 font-light"> 303 un temps considérable 304 </p> 305 </div> 306 </div> 307 <div class="w-full md:w-1/3 px-4"> 308 <div 309 class="mb-12 group text-center wow fadeInUp" 310 data-wow-delay=".2s" 311 > 312 <div 313 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary rounded-2xl mb-8 mx-auto relative z-10" 314 > 315 <span 316 class="w-[70px] h-[70px] flex items-center justify-center bg-secondary bg-opacity-20 rounded-2xl mb-8 absolute z-[-1] top-0 left-0 rotate-[25deg] group-hover:rotate-45 duration-300" 317 ></span> 318 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none" width="35" height="35"> 319 <style type="text/css"> 320 .st0{fill:none;stroke:#FFFFFF;stroke-width:1.8;stroke-miterlimit:10;} 321 </style> 322 <g> 323 <path class="st0" d="M10.8,14.9c1.3-0.3,3.4-0.7,4.5-1.7C19.1,9.8,20.5,0,23.5,1.1c1.1,0.4,1.4,1.6,1.6,2.5 324 c0.7,3.4-1.8,7.8-1.1,8.6c0.9,1,12.2,0.4,9.1,6.4c0.6,1.4,0.4,2.8-0.6,4.1c0.5,1.7,0.3,2.9-1.1,4.4c1.7,6.8-11.2,2.3-20.6,2.6"/> 325 <path class="st0" d="M8.7,30.6H4.4c-1.1,0-2-0.9-2-2v-13c0-1.1,0.9-2,2-2h4.3c1.1,0,2,0.9,2,2v13C10.7,29.7,9.8,30.6,8.7,30.6z"/> 326 </g> 327 </svg> 328 </div> 329 <h4 class="text-[19px] text-dark mb-1 uppercase tracking-wide font-semibold">Augmentez</h4> 330 <p class="text-body-color mb-8 lg:mb-11 font-light"> 331 la satisfaction de vos patients 332 </p> 333 </div> 334 </div> 335 </div> 336 </div> 337 </section> 338 <!-- ====== Benefits Section End --> 339 <!-- ====== Services Section Start --> 340 <section id="services" class="pt-20 lg:pt-[120px] pb-20 lg:pb-[120px]"> 341 <div class="container"> 342 <div class="flex flex-wrap -mx-4"> 343 <div class="w-full px-4"> 344 <div class="text-center mx-auto mb-[60px] lg:mb-20 max-w-[620px]"> 345 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide" 346 >Services</span 347 > 348 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-4"> 349 Services proposés 350 </h2> 351 </div> 352 </div> 353 </div> 354 <div class="bg-white wow fadeInUp" data-wow-delay=".2s"> 355 <div class="flex flex-wrap -mx-4"> 356 <div class="w-full pl-3 pr-25 lg:mb-20"> 357 <div class="lg:flex items-center justify-between overflow-hidden"> 358 <div class="text-center"> 359 <div class="relative inline-block z-10"> 360 <img 361 src="/assets/images/services/in.svg" 362 alt="image" 363 class="mx-auto w-2/3 lg:w-full lg:ml-auto" 364 /> 365 </div> 366 </div> 367 <div 368 class="lg:max-w-[565px] xl:max-w-[640px] w-full py-12 px-7 sm:px-12 md:p-16 lg:py-9 lg:px-16 xl:p-[70px]" 369 > 370 <h2 371 class="font-bold text-2xl sm:text-2xl 2xl:text-[36px] sm:leading-snug text-dark mb-6" 372 > 373 Callia <span class="text-primary">IN</span> 374 </h2> 375 <p class="text-base text-body-color mb-3 leading-relaxed font-light"> 376 Réceptionne immédiatement les appels en débordement et en dehors des horaires dâouverture. 377 </p> 378 <p class="text-base text-body-color mb-9 leading-relaxed font-light"> 379 Vous ne manquez aucune demande de rendez-vous et vos patients n'attendent plus en ligne. 380 </p> 381 </div> 382 </div> 383 </div> 384 </div> 385 </div> 386 <div class="bg-white wow fadeInUp" data-wow-delay=".2s"> 387 <div class="flex flex-wrap -mx-4"> 388 <div class="w-full pl-25 pr-3 lg:mb-20 flex-row-reverse"> 389 <div class="lg:flex items-center justify-between overflow-hidden"> 390 <div class="text-center"> 391 <div class="relative inline-block z-10"> 392 <img 393 src="/assets/images/services/out.svg" 394 alt="image" 395 class="mx-auto w-2/3 lg:w-full lg:ml-auto" 396 /> 397 </div> 398 </div> 399 <div 400 class="lg:max-w-[565px] xl:max-w-[640px] w-full py-12 px-7 sm:px-12 md:p-16 lg:py-9 lg:px-16 xl:p-[70px] order-first" 401 > 402 <h2 403 class="font-bold text-2xl sm:text-2xl 2xl:text-[36px] sm:leading-snug text-dark mb-6" 404 > 405 Callia <span class="text-primary">
405OUT</span> 406 </h2> 407 <p class="text-base text-body-color mb-3 leading-relaxed font-light"> 408 Appelle automatiquement vos patients pour confirmer des rendez-vous, communiquer des recommandations et collecter des informations avant et après la visite. 409 </p> 410 <p class="text-base text-body-color mb-9 leading-relaxed font-light"> 411 Vos équipes ne perdent pas de temps sur des tâches répétitives et se concentrent sur lâessentiel. 412 </p> 413 </div> 414 </div> 415 </div> 416 </div> 417 </div> 418 <div class="bg-white wow fadeInUp" data-wow-delay=".2s"> 419 <div class="flex flex-wrap -mx-4"> 420 <div class="w-full pl-3 pr-25 lg:mb-20"> 421 <div class="lg:flex items-center justify-between overflow-hidden"> 422 <div class="text-center"> 423 <div class="relative inline-block z-10"> 424 <img 425 src="/assets/images/services/more.svg" 426 alt="image" 427 class="mx-auto w-2/3 lg:w-full lg:ml-auto" 428 /> 429 </div> 430 </div> 431 <div 432 class="lg:max-w-[565px] xl:max-w-[640px] w-full py-12 px-7 sm:px-12 md:p-16 lg:py-9 lg:px-16 xl:p-[70px]" 433 > 434 <h2 435 class="font-bold text-2xl sm:text-2xl 2xl:text-[36px] sm:leading-snug text-dark mb-6" 436 > 437 Callia <span class="text-primary">MORE</span> 438 </h2> 439 <p class="text-base text-body-color mb-3 leading-relaxed font-light"> 440 Offre des solutions pour votre activité conjuguant la puissance de l'intelligence artificielle et la simplicité d'un appel traditionnel. 441 </p> 442 <p class="text-base text-body-color mb-9 leading-relaxed font-light"> 443 Enrichissez la relation avec vos patients et augmentez votre activité. 444 </p> 445 </div> 446 </div> 447 </div> 448 </div> 449 </div> 450 </div> 451 </section> 452 453 <section class="pt-0 pb-8 lg:pb-[100px]" id="demo"> 454 <div class="container border-t-4 border-b-4 sm:border-4 border-primary bg-[#fafcfc55] sm:rounded-xl py-[32px] pb-[40px] sm:px-[50px]"> 455 <div class="flex flex-wrap -mx-4"> 456 <div class="w-full px-4"> 457 <div class="text-center mx-auto mb-[40px] lg:mb-[50px] max-w-[620px]"> 458 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide">Vidéo</span> 459 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-4"> 460 Découvrez Callia en vidéo 461 </h2> 462 </div> 463 </div> 464 </div> 465 <div class="flex flex-wrap -mx-4"> 466 <div class="w-full sm:px-4"> 467 <div class="aspect-w-16 aspect-h-9"> 468 <video id="player" playsinline controls data-poster="/assets/img/preview.png"> 469 <source src="/assets/video/fr_radiologie-JD-2023_IN_CSE-appel_entrant.mp4" type="video/mp4"> 470 </video> 471 </div> 472 </div> 473 </div> 474 </div> 475 </section> 476 477 <!-- ====== Services Section End --> 478 <!-- ====== Benefits Section Start --> 479 <section class="py-20 bg-gray-100" id="chiffres"> 480 <div class="container px-5 mx-auto"> 481 <div class="flex flex-wrap -m-4 text-center"> 482 <div class="p-4 w-full sm:w-1/3 pb-[27px] sm:pb-4"> 483 <h2 class="title-font font-bold sm:text-4xl text-3xl text-gray-900"> 484 3 M 485 </h2> 486 <p class="leading-relaxed text-gray-700">conversations Callia</p> 487 </div> 488 <div class="p-4 w-full sm:w-1/3 pb-[27px] sm:pb-4"> 489 <h2 class="title-font font-bold sm:text-4xl text-3xl text-gray-900"> 490 370 K 491 </h2> 492 <p class="leading-relaxed text-gray-700">nouveaux patients</p> 493 </div> 494 <div class="p-4 w-full sm:w-1/3"> 495 <h2 class="title-font font-bold sm:text-4xl text-3xl text-gray-900"> 496 50 K 497 </h2> 498 <p class="leading-relaxed text-gray-700">heures gagnées</p> 499 </div> 500 </div> 501 </div> 502 </section> 503 <!-- ====== Benefits Section End --> 504 <!-- ====== Strengths Section Start --> 505 <section 506 id="forces" 507 class="bg-white pt-20 lg:pt-[130px] pb-24 lg:pb-[180px] relative z-20 overflow-hidden" 508 > 509 <div class="container"> 510 <div class="flex flex-wrap -mx-4"> 511 <div class="w-full px-4"> 512 <div class="text-center mx-auto mb-[60px] lg:mb-20 max-w-[620px]">
513 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide" 514 >Forces</span 515 > 516 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-4"> 517 Nos points forts 518 </h2> 519 <p 520 class="text-lg font-light leading-relaxed sm:leading-relaxed text-body-color" 521 > 522 Au-delà de l'augmentation de votre activité, du gain de temps par vos équipes et de la satisfaction accrue de vos patients, Callia c'est aussi : 523 </p> 524 </div> 525 </div> 526 </div> 527 <div class="flex flex-wrap -m-4"> 528 <div class="p-2 lg:w-1/2 w-full"> 529 <div class="flex rounded-lg h-full bg-gray-100 p-4 flex-col"> 530 <div class="flex"> 531 <div 532 class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-indigo-500 text-white flex-shrink-0" 533 > 534 <svg 535 fill="none" 536 stroke="currentColor" 537 stroke-linecap="round" 538 stroke-linejoin="round" 539 stroke-width="2" 540 class="w-5 h-5"
541 viewBox="0 0 24 24" 542 > 543 <circle cx="12" cy="12" r="10" /> 544 <circle cx="12" cy="12" r="0.5" /> 545 </svg> 546 </div> 547 <div class="flex items-baseline pt-[2px] flex-col sm:flex-row"> 548 <h2 class="text-gray-900 text-lg title-font font-medium whitespace-nowrap"> 549 Simplicité : 550 </h2> 551 <p class="ml-0 sm:ml-2 leading-relaxed text-gray-800 text-sm"> 552 installation à distance en 10 minutes 553 </p> 554 </div> 555 </div> 556 </div> 557 </div> 558 <div class="p-2 lg:w-1/2 w-full"> 559 <div class="flex rounded-lg h-full bg-gray-100 p-4 flex-col"> 560 <div class="flex"> 561 <div 562 class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-indigo-500 text-white flex-shrink-0" 563 > 564 <svg 565 fill="none" 566 stroke="currentColor" 567 stroke-linecap="round" 568 stroke-linejoin="round" 569 stroke-width="2" 570 class="w-5 h-5"
571 viewBox="0 0 24 24" 572 > 573 <circle cx="7" cy="4" r="2.5" /> 574 <line x1="1.5" y1="4" x2="3.5" y2="4" /> 575 <line x1="10.5" y1="4" x2="22.5" y2="4" /> 576 <circle cx="17" cy="12" r="2.5" /> 577 <line x1="1.5" y1="12" x2="13.5" y2="12" /> 578 <line x1="20.5" y1="12" x2="22.5" y2="12" /> 579 <circle cx="7" cy="20" r="2.5" /> 580 <line x1="1.5" y1="20" x2="3.5" y2="20" /> 581 <line x1="10.5" y1="20" x2="22.5" y2="20" /> 582 </svg> 583 </div> 584 <div class="flex items-baseline pt-[2px] flex-col sm:flex-row"> 585 <h2 class="text-gray-900 text-lg title-font font-medium whitespace-nowrap"> 586 Personnalisation : 587 </h2> 588 <p class="ml-0 sm:ml-2 leading-relaxed text-gray-800 text-sm"> 589 dialogues avec vos patients configurables 590 </p> 591 </div> 592 </div> 593 </div> 594 </div> 595 <div class="p-2 lg:w-1/2 w-full"> 596 <div class="flex rounded-lg h-full bg-gray-100 p-4 flex-col"> 597 <div class="flex"> 598 <div 599 class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-indigo-500 text-white flex-shrink-0" 600 > 601 <svg 602 fill="none" 603 stroke="currentColor" 604 stroke-linecap="round" 605 stroke-linejoin="round" 606 stroke-width="2" 607 class="w-5 h-5"
608 viewBox="0 0 24 24" 609 > 610 <line x1="21.6" y1="7.8" x2="19.1" y2="10.3" /> 611 <line x1="16.7" y1="2.9" x2="14.2" y2="5.4" /> 612 <line x1="6.1" y1="18.2" x2="3.6" y2="20.6" /> 613 <path 614 d="M7,9.3l4.9-4.9l8.2,8.2l-4.9,4.9c-2.3,2.3-5.9,2.3-8.2,0l0,0C4.7,15.3,4.7,11.6,7,9.3z" 615 /> 616 </svg> 617 </div> 618 <div class="flex items-baseline pt-[2px] flex-col sm:flex-row"> 619 <h2 class="text-gray-900 text-lg title-font font-medium whitespace-nowrap"> 620 Puissance : 621 </h2> 622 <p class="ml-0 sm:ml-2 leading-relaxed text-gray-800 text-sm"> 623 disponible 24/7, sans attente, nombre illimité d'appels simultanés 624 </p> 625 </div> 626 </div> 627 </div> 628 </div> 629 <div class="p-2 lg:w-1/2 w-full"> 630 <div class="flex rounded-lg h-full bg-gray-100 p-4 flex-col"> 631 <div class="flex"> 632 <div 633 class="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-indigo-500 text-white flex-shrink-0" 634 > 635 <svg 636 fill="none" 637 stroke="currentColor" 638 stroke-width="2" 639 class="w-5 h-5"
640 viewBox="0 0 24 24" 641 > 642 <rect x="1.5" y="15.5" width="7" height="7" /> 643 <rect x="8.5" y="15.5" width="7" height="7" /> 644 <rect x="1.5" y="8.5" width="7" height="7" /> 645 <rect x="15.5" y="1.5" width="7" height="7" /> 646 </svg> 647 </div> 648 <div class="flex items-baseline pt-[2px] flex-col sm:flex-row"> 649 <h2 class="text-gray-900 text-lg title-font font-medium whitespace-nowrap"> 650 Automatisation : 651 </h2> 652 <p class="ml-0 sm:ml-2 leading-relaxed text-gray-800 text-sm"> 653 intégration avec votre logiciel métier 654 </p> 655 </div> 656 </div> 657 </div> 658 </div> 659 </div> 660 </div> 661 </section> 662 <!-- ====== Team Section End --> 663 <!-- ====== Contact Start ====== --> 664 <section id="contact" class="py-20 md:pt-[100px] md:pb-[120px] relative"> 665 <div 666 class="absolute z-[-1] w-full h-2/3 lg:h-[45%] xl:h-[42%] bg-gray-100 top-0 left-0" 667 ></div> 668 <div class="container px-4"> 669 <div class="flex flex-wrap items-center -mx-4"> 670 <div class="px-4 w-full lg:w-7/12 xl:w-8/12"> 671 <div class="ud-contact-content-wrapper"> 672 <div class="ud-contact-title mb-12 lg:mb-[100px]"> 673 <span class="font-semibold text-lg text-primary mb-2 block tracking-wide" 674 >Nous rejoindre</span 675 > 676 <h2 class="font-bebas uppercase font-normal text-4xl sm:text-5xl text-dark mb-3">Rencontrer Callia</h2> 677 <p class="font-light text-lg"> 678 Envoyez votre email et Callia prendra immédiatement contact avec vous 679 </p> 680 </div> 681 <div class="flex flex-wrap justify-between mb-0"> 682 <div class="flex max-w-full w-[330px] lg:w-auto xl:w-1/2 mb-8"> 683 <div class="text-[32px] text-primary mr-6"> 684 <svg 685 width="29" 686 height="35"
687 viewBox="0 0 29 35" 688 class="fill-current" 689 > 690 <path 691 d="M14.5 0.710938C6.89844 0.710938 0.664062 6.72656 0.664062 14.0547C0.664062 19.9062 9.03125 29.5859 12.6406 33.5234C13.1328 34.0703 13.7891 34.3437 14.5 34.3437C15.2109 34.3437 15.8672 34.0703 16.3594 33.5234C19.9688 29.6406 28.3359 19.9062 28.3359 14.0547C28.3359 6.67188 22.1016 0.710938 14.5 0.710938ZM14.9375 32.2109C14.6641 32.4844 14.2812 32.4844 14.0625 32.2109C11.3828 29.3125 2.57812 19.3594 2.57812 14.0547C2.57812 7.71094 7.9375 2.625 14.5 2.625C21.0625 2.625 26.4219 7.76562 26.4219 14.0547C26.4219 19.3594 17.6172 29.2578 14.9375 32.2109Z" 692 /> 693 <path 694 d="M14.5 8.58594C11.2734 8.58594 8.59375 11.2109 8.59375 14.4922C8.59375 17.7188 11.2187 20.3984 14.5 20.3984C17.7812 20.3984 20.4062 17.7734 20.4062 14.4922C20.4062 11.2109 17.7266 8.58594 14.5 8.58594ZM14.5 18.4297C12.3125 18.4297 10.5078 16.625 10.5078 14.4375C10.5078 12.25 12.3125 10.4453 14.5 10.4453C16.6875 10.4453 18.4922 12.25 18.4922 14.4375C18.4922 16.625 16.6875 18.4297 14.5 18.4297Z" 695 /> 696 </svg> 697 </div> 698 <div> 699 <h5 class="text-lg font-semibold mb-2">Siège social</h5> 700 <p class="text-base text-body-color"> 701 66 avenue des Champs-Ãlysées,<br />75008 Paris 702 </p> 703 </div> 704 </div> 705 <div class="flex max-w-full w-[330px] lg:w-auto xl:w-1/2 mb-8"> 706 <div class="text-[32px] text-primary mr-6"> 707 <svg 708 width="34" 709 height="25"
710 viewBox="0 0 34 25" 711 class="fill-current" 712 > 713 <path 714 d="M30.5156 0.960938H3.17188C1.42188 0.960938 0 2.38281 0 4.13281V20.9219C0 22.6719 1.42188 24.0938 3.17188 24.0938H30.5156C32.2656 24.0938 33.6875 22.6719 33.6875 20.9219V4.13281C33.6875 2.38281 32.2656 0.960938 30.5156 0.960938ZM30.5156 2.875C30.7891 2.875 31.0078 2.92969 31.2266 3.09375L17.6094 11.3516C17.1172 11.625 16.5703 11.625 16.0781 11.3516L2.46094 3.09375C2.67969 2.98438 2.89844 2.875 3.17188 2.875H30.5156ZM30.5156 22.125H3.17188C2.51562 22.125 1.91406 21.5781 1.91406 20.8672V5.00781L15.0391 12.9922C15.5859 13.3203 16.1875 13.4844 16.7891 13.4844C17.3906 13.4844 17.9922 13.3203 18.5391 12.9922L31.6641 5.00781V20.8672C31.7734 21.5781 31.1719 22.125 30.5156 22.125Z" 715 /> 716 </svg> 717 </div> 718 <div> 719 <h5 class="text-lg font-semibold mb-2">Contact</h5> 720 <p class="text-base text-body-color">[email protected]<br />[email protected]</p></p> 721 </div> 722 </div> 723 </div> 724 </div> 725 <div class="w-full pt-[20px] lg:pt-[30px] pb-[30px] lg:pb-0"> 726 <h3 class="text-center font-normal tracking-tight text-2xl sm:text-[28px] sm:leading-snug text-[#232323] mb-6 relative"> 727 Simulez une conversation avec Callia au <a href="tel:+33183804141" class="phone-number font-bold text-3xl sm:text-[32px] ml-2 tracking-wide text-[#2ac5a6] relative inline-block"><span class="relative">01 83 80 41 41</span></a> 728 </h3> 729 </div> 730 </div> 731 <div class="px-4 w-full lg:w-5/12 xl:w-4/12"> 732 <div 733 class="bg-secondary rounded-lg text-white py-10 px-8 md:p-[60px] lg:p-10 2xl:p-[60px] sm:py-12 sm:px-10 lg:py-12 lg:px-10 wow fadeInUp" 734 data-wow-delay=".2s" 735 > 736 <h3 class="font-semibold mb-8 text-2xl md:text-[26px]"> 737 Contactez Callia 738 </h3> 739 <form action="#contact" method="post" role="form"> 740 <input id="csrf_token" name="csrf_token" type="hidden" value="IjAxZDBkNWZkOWJmNDAzNzg0YjRlYjMzMGIwNGZmZjRkYWI0NDUwY2Ii.asOt1A.w9JMVqVUhIuiDJ5j9hpRuQms7hg"> 741 <div class="mb-6 hidden"> 742 <label for="profession" class="leading-7 text-sm text-gray-50" 743 >Votre spécialité professionnelle</label 744 > 745 <input 746 type="hidden" 747 name="profession" 748 placeholder="Général" 749 value="Other" 750 class="w-full bg-white bg-opacity-80 rounded border border-white focus:border-secondary focus:bg-white focus:ring-2 focus:ring-secondary text-base outline-none text-black py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" 751 /> 752 </div> 753 <div class="mb-6"> 754 <label for="email" class="leading-7 text-sm text-gray-50" 755 >Votre Email</label 756 > 757 <input 758 type="email" 759 name="email" 760 placeholder="[email protected]" 761 class="w-full bg-white bg-opacity-80 rounded border border-white focus:border-secondary focus:bg-white focus:ring-2 focus:ring-secondary text-base outline-none text-black py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" 762 /> 763 </div> 764 <div class="mb-0"> 765 <button 766 type="submit" 767 class="inline-flex items-center justify-center py-4 px-6 rounded text-white bg-white bg-opacity-40 text-base font-medium hover:bg-dark transition duration-300 ease-in-out" 768 > 769 Envoyer 770 </button> 771 </div> 772 773 774 </form> 775 </div> 776 </div> 777 </div> 778 </div> 779 </section> 780 <!-- ====== Contact End ====== --> 781 <!-- ====== Footer Section Start --> 782 <footer class="mt-5 lg:mt-20"> 783 <div class="container"> 784 <div class="flex flex-wrap -mx-4"> 785 <div class="w-full px-4"> 786 <div class="sm:flex sm:items-center sm:justify-between"> 787 <div> 788 <a 789 href="https://www.callia.ai" 790 target="_blank" 791 class="flex items-center mb-4 sm:mb-0" 792 > 793 <img 794 src="/assets/images/logo/logo.svg" 795 class="mr-4 h-8" 796 alt="Callia Logo" 797 /></a> 798 </div> 799 <ul class="flex flex-wrap items-center mb-6 sm:mb-0"> 800 <li> 801 <a 802 href="#benefices" 803 class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400" 804 >Bénéfices</a 805 > 806 </li> 807 <li> 808 <a 809 href="#services" 810 class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400" 811 >Services</a 812 > 813 </li> 814 <li> 815 <a 816 href="#forces" 817 class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400" 818 >Forces</a 819 > 820 </li> 821 <li> 822 <a 823 href="#contact" 824 class="mr-4 text-sm text-gray-500 hover:underline dark:text-gray-400" 825 >Nous rejoindre</a 826 > 827 </li> 828 <li> 829 <a 830 href="/fr/partenariat" 831 class="mr-4 text-sm text-gray-500 hover:underline dark:text-gray-400" 832 >Partenariat</a 833 > 834 </li> 835 <li> 836 <a 837 href="/politique-de-confidentialite" 838 class="text-sm text-gray-500 hover:underline dark:text-gray-400" 839 >Politique de confidentialité</a 840 > 841 </li> 842 </ul> 843 </div> 844 </div> 845 </div> 846 </div> 847 <div class="bg-gray-100 mt-5"> 848 <div 849 class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row" 850 > 851 <p class="text-gray-500 text-sm text-center sm:text-left">
852 <span 853 class="block text-sm text-gray-500 sm:text-center dark:text-gray-400" 854 >© 2022 855 <a 856 href="https://www.callia.ai" 857 target="_blank" 858 class="hover:underline" 859 >Callia</a 860 > 861 SAS | Immatriculé sous le n° 890 095 169 00011 | Paris</span 862 > 863 </p> 864 </div> 865 </div> 866 </footer> 867 <!-- ====== Footer Section End --> 868 <!-- ====== Back To Top Start --> 869 <a 870 href="javascript:void(0)" 871 class="hidden items-center justify-center bg-primary text-white w-10 h-10 rounded-md fixed bottom-8 right-8 left-auto z-[999] hover:bg-dark back-to-top shadow-md transition duration-300 ease-in-out" 872 > 873 <span 874 class="w-3 h-3 border-t border-l border-white rotate-45 mt-[6px]" 875 ></span> 876 </a> 877 <!-- ====== Back To Top End --> 878 <!-- ====== All Scripts --> 879
879<script src="/assets/js/main.js"></script>
879 880
880<script> 881 // ==== for menu scroll 882 const pageLink = document.querySelectorAll(".ud-menu-scroll"); 883 884 pageLink.forEach((elem) => { 885 elem.addEventListener("click", (e) => { 886 e.preventDefault(); 887 document.querySelector(elem.getAttribute("href")).scrollIntoView({ 888 behavior: "smooth", 889 offsetTop: 1 - 60, 890 }); 891 }); 892 }); 893 894 // section menu active 895 function onScroll(event) { 896 const sections = document.querySelectorAll(".ud-menu-scroll"); 897 const scrollPos = 898 window.pageYOffset || 899 document.documentElement.scrollTop || 900 document.body.scrollTop; 901 902 for (let i = 0; i < sections.length; i++) { 903 const currLink = sections[i]; 904 const val = currLink.getAttribute("href"); 905 const refElement = document.querySelector(val); 906 const scrollTopMinus = scrollPos + 73; 907 if ( 908 refElement.offsetTop <= scrollTopMinus && 909 refElement.offsetTop + refElement.offsetHeight > scrollTopMinus 910 ) { 911 document 912 .querySelector(".ud-menu-scroll") 913 .classList.remove("active"); 914 currLink.classList.add("active"); 915 } else { 916 currLink.classList.remove("active"); 917 } 918 } 919 } 920 921 window.document.addEventListener("scroll", onScroll); 922 923 const player = new Plyr('#video video'); 924 const player2 = new Plyr('#demo video'); 925 </script>
925 926 </body> 927</html> 928 929 930
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.