1<!DOCTYPE html> 2<html lang="fr" data-bs-theme="light">
vendor: 74 bytes, lines 2-4
2 3 4<script src="https://www.google.com/recaptcha/api.js?render="></script>
4<!-- recaptcha --> 5<head> 6 7 <!--<title>EasyBusiness</title>--> 8 <title>Transfert d'argent Afrique - Europe | Rapide & Sécurisé | EasyTransfert</title> 9 10 11 <!-- Meta Tags --> 12 <meta charset="utf-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 14 <meta name="author" content="ByDS - Ivorian Freelancer"> 15 <meta name="description" content="Envoyez de l'argent depuis votre mobile money de l'Afrique vers l'Europe avec EasyTransfert. Profitez des meilleurs taux, de frais réduits et d'un service 100% sécurisé."> 16 17 18 <style> 19 :root { 20 --primary-blue: #0056b3; 21 --bg-light: #f8f9fa; 22 --text-dark: #1a1d23; 23 } 24 body { font-family: 'Inter', sans-serif; color: var(--text-dark); } 25 .badge-soft { background: #e7f0ff; color: var(--primary-blue); font-weight: 600; } 26 .hero-section { padding: 80px 0; } 27 .code-window { background: #0f172a; border-radius: 12px; padding: 20px; color: #f8f9fa; font-family: monospace; } 28 .feature-card { border: none; background: #f8faff; border-radius: 16px; transition: transform 0.3s; height: 100%; } 29 .ecosystem-section { background: linear-gradient(135deg, #0056b3 0%, #003d80 100%); border-radius: 24px; color: white; padding: 60px; } 30 .btn-primary-custom { background-color: var(--primary-blue); border: none; padding: 12px 24px; border-radius: 8px; } 31 .btn-outline-custom { border: 1px solid #dee2e6; padding: 12px 24px; border-radius: 8px; background: white; } 32 </style> 33 <!-- Dark mode --> 34
34<script> 35 const storedTheme = localStorage.getItem('theme') 36 37 const getPreferredTheme = () => { 38 if (storedTheme) { 39 return storedTheme 40 } 41 return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light' 42 } 43 44 const setTheme = function (theme) { 45 // Déterminer le thème effectif 46 let effectiveTheme = theme; 47 if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { 48 effectiveTheme = 'dark'; 49 document.documentElement.setAttribute('data-bs-theme', 'dark'); 50 } else if (theme === 'auto') { 51 effectiveTheme = 'light'; 52 document.documentElement.setAttribute('data-bs-theme', 'light'); 53 } else { 54 document.documentElement.setAttribute('data-bs-theme', theme); 55 } 56 57 // Changer le favicon selon le thème 58 updateFavicon(effectiveTheme); 59 } 60 61 const updateFavicon = function(theme) { 62 const favicon = document.querySelector('link[rel="shortcut icon"]'); 63 const lightFavicon = 'https://easytransfert.ci/assets/images/favicon-ligth.png'; 64 const darkFavicon = 'https://easytransfert.ci/assets/images/favicon.png'; 65 66 if (theme === 'dark') { 67 favicon.href = darkFavicon; 68 } else { 69 favicon.href = lightFavicon; 70 } 71 } 72 73 setTheme(getPreferredTheme()) 74 75 // Initialiser le favicon selon le thème préféré 76 const initialTheme = getPreferredTheme(); 77 if (initialTheme === 'auto') { 78 updateFavicon(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); 79 } else { 80 updateFavicon(initialTheme); 81 } 82 83 window.addEventListener('DOMContentLoaded', () => { 84 var el = document.querySelector('.theme-icon-active'); 85 if(el != 'undefined' && el != null) { 86 const showActiveTheme = theme => { 87 const activeThemeIcon = document.querySelector('.theme-icon-active use') 88 const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`) 89 const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href') 90 91 document.querySelectorAll('[data-bs-theme-value]').forEach(element => { 92 element.classList.remove('active') 93 }) 94 95 btnToActive.classList.add('active') 96 activeThemeIcon.setAttribute('href', svgOfActiveBtn) 97 } 98 99 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { 100 if (storedTheme !== 'light' || storedTheme !== 'dark') { 101 setTheme(getPreferredTheme()) 102 } 103 }) 104 105 // Ãcouter les changements de préférence pour le favicon 106 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => { 107 if (!storedTheme || storedTheme === 'auto') { 108 updateFavicon(e.matches ? 'dark' : 'light'); 109 } 110 }); 111 112 showActiveTheme(getPreferredTheme()) 113 114 document.querySelectorAll('[data-bs-theme-value]') 115 .forEach(toggle => { 116 toggle.addEventListener('click', () => { 117 const theme = toggle.getAttribute('data-bs-theme-value') 118 localStorage.setItem('theme', theme) 119 setTheme(theme) 120 showActiveTheme(theme) 121 }) 122 }) 123 124 } 125 }) 126 127 </script>
127 128 129 <!-- Favicon dynamique --> 130 <link rel="icon" id="favicon-light" href="https://easytransfert.ci/assets/images/favicon-ligth.png" media="(prefers-color-scheme: light)"> 131 <link rel="icon" id="favicon-dark" href="https://easytransfert.ci/assets/images/favicon.png" media="(prefers-color-scheme: dark)"> 132 <link rel="shortcut icon" href="https://easytransfert.ci/assets/images/favicon.png"> 133 134 <!-- Google Font --> 135 <link rel="preconnect" href="https://fonts.googleapis.com/"> 136 <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 137 <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> 138 <!-- Unbounded --> 139 <link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800;900&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet"> 140 <!-- Poppins --> 141 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 142 <!-- Inter --> 143 <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> 144 <!-- Montserrat - Admin --> 145 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 146 147 <!-- AOS --> 148<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 149 150<!-- Bootstrap --> 151<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 152 153<!-- Bootstrap Icons --> 154<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 155 156<!-- Font Awesome --> 157<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 158 159<!-- Glightbox --> 160<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css"> 161 162 163 164<!-- Swiper CSS --> 165<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"> 166 167 <!-- Theme CSS --> 168 <link rel="stylesheet" type="text/css" href="https://easytransfert.ci/assets/css/stylef.css"> 169 <link rel="stylesheet" href="https://easytransfert.ci/assets/css/inter.css"> 170 <link rel="stylesheet" href="https://easytransfert.ci/assets/css/footer.css"> 171 172 <link rel="preconnect" href="https://fonts.googleapis.com"> 173 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 174 175</head> 176 177 <!-- VIDEO DEMO --> 178 <!-- VIDÃO DE DÃMONSTRATION --> 179 180<div class="modal fade" 181 id="videoDemoModal" 182 tabindex="-1" 183 aria-labelledby="videoDemoModalLabel" 184 aria-hidden="true"> 185 186 <div class="modal-dialog modal-xl modal-dialog-centered"> 187 <div class="modal-content border-0 bg-transparent"> 188 <div class="modal-body p-0 position-relative"> 189 <!--<button type="button" 190 class="btn-close btn-close-white position-absolute top-0 end-0 m-3" 191 data-bs-dismiss="modal" 192 aria-label="Fermer"> 193 </button>--> 194 <div class="ratio ratio-16x9 rounded-4 overflow-hidden"> 195 <video id="demo-video" controls> 196 <source src="https://easytransfert.ci/assets/images/easyBusiness/Demo_EasyBusiness.mp4" type="video/mp4"> 197 </video> 198 </div> 199 </div> 200 </div> 201 </div> 202</div> 203 204<style> 205 .modal-content{ 206 background: transparent; 207 box-shadow:none; 208 } 209 210 .modal-backdrop.show{ 211 opacity:.85; 212 } 213 214 .modal-body{ 215 border-radius:1rem; 216 } 217 218 #youtube-video{ 219 border:none; 220 } 221 .modal.fade .modal-dialog{ 222 transform:scale(.9); 223 transition:transform .3s ease; 224 } 225 226 .modal.show .modal-dialog{ 227 transform:scale(1); 228 } 229</style> 230
231<script> 232 const modal = document.getElementById('videoDemoModal'); 233 const iframe = document.getElementById('youtube-video'); 234 235 modal.addEventListener('hidden.bs.modal', function () { 236 iframe.src = iframe.src; 237 }); 238</script>
238 239<body> 240 <!-- Header START --> 241 <header class="header-absolute header-sticky p-2"> 242 243 <!-- Nav START --> 244 <nav class="navbar navbar-expand-xl"> 245 <div class="container align-items-center py-2 py-lg-1"> 246 <!-- Logo START --> 247 <a class="navbar-brand m-0 p-0" href="https://easytransfert.ci"> 248 <img class="navbar-brand-item" style="width :auto; height: 32px;" src="https://easytransfert.ci/assets/images/logo-thumbbail.svg" alt="logo"> 249 </a> 250 <!-- Logo END --> 251 <title>Transfert d'argent Afrique - Europe | Rapide & Sécurisé | EasyTransfert</title> 252 <meta name="description" content="Envoyez de l'argent depuis votre mobile money de l'Afrique vers l'Europe avec EasyTransfert. Profitez des meilleurs taux, de frais réduits et d'un service 100% sécurisé."> 253 254 255 <!-- Main navbar DESKTOP : horizontal, visible uniquement à partir de xl --> 256 <div class="navbar-nav navbar-nav-scroll dropdown-hover mx-auto d-none d-xl-flex flex-row justify-content-center align-items-center"> 257 <div class="d-flex justify-content-center"> 258 <ul class="tab py-2 px-0"> 259 <li class="nav-item"> 260 <a class="nav-link " href="https://easytransfert.ci/inter">Personnel</a> 261 </li> 262 <li class="nav-item"> 263 <a class="nav-link active" href="https://easytransfert.ci/easybusiness">EasyBusiness</a> 264 </li> 265 <li class="nav-item"> 266 <a class="nav-link " href="https://easytransfert.ci/developpeur">Développeur</a> 267 </li> 268 <!-- A MODIFIER POUR LA PAGE BLOG --> 269 <li class="nav-item"> 270 <a class="nav-link " href="https://easytransfert.ci/blog">Blog</a> 271 </li> 272 <li class="nav-item"> 273 <a class="nav-link " href="https://easytransfert.ci/coordinates">Contact</a> 274 </li> 275 </ul> 276 </div> 277 </div> 278 <!-- Main navbar DESKTOP END --> 279 280 <!-- Buttons START --> 281 <ul class="nav align-items-center dropdown-hover ms-2"> 282 283 <!-- Download button --> 284 <li class="nav-item d-none d-sm-flex ms-2 justify-content-center align-items-center gap-2"> 285 <!-- Dark mode --> 286 <!-- <button class="d-none d-xl-flex theme-toggle m-0 btn btn-outline-primary rounded-circle d-flex align-items-center justify-content-center" 287 aria-label="Changer le thème"> 288 <span class="theme-icon-wrapper"> 289 <i id="theme-icon-light" class="bi bi-sun-fill theme-icon" title="Mode clair"></i> 290 <i id="theme-icon-dark" class="bi bi-moon-stars-fill theme-icon" title="Mode sombre"></i> 291 </span> 292 </button> --> 293 294 <a href="https://download.easytransfert.app/" 295 class="btn btn-sm btn-primary mb-0 rounded-pill d-flex align-items-center gap-2" 296 target="_blank"> 297 <img src="https://easytransfert.ci/assets/images/ArrowDown.svg" alt="download-app" width="16" height="16"> 298 Télécharger l'App! 299 </a> 300 </li> 301 302 <!-- Responsive navbar toggler : visible uniquement en dessous de xl --> 303 <li class="nav-item d-xl-none"> 304 <button class="navbar-toggler ms-sm-3 p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> 305 <span class="navbar-toggler-animation"> 306 <span></span> 307 <span></span> 308 <span></span> 309 </span> 310 </button> 311 </li> 312 </ul> 313 <!-- Buttons END --> 314 </div> 315 </nav> 316 <!-- Nav END --> 317 318 <!-- Main navbar OFFCANVAS : vertical, mobile/tablette uniquement --> 319 <div class="offcanvas offcanvas-end nav-offcanvas" tabindex="-1" id="navbarC
319ollapse" aria-labelledby="navbarCollapseLabel"> 320 <div class="offcanvas-header flex-row"> 321 <!-- dark mode - mobile --> 322 <!-- <button class="theme-toggle m-0 btn btn-outline-primary rounded-circle d-flex align-items-center justify-content-center" 323 aria-label="Changer le thème"> 324 <span class="theme-icon-wrapper"> 325 <i id="theme-icon-light" class="bi bi-sun-fill theme-icon" title="Mode clair"></i> 326 <i id="theme-icon-dark" class="bi bi-moon-stars-fill theme-icon" title="Mode sombre"></i> 327 </span> 328 </button> --> 329 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 330 aria-label="Close" style="font-size: 25px !important;"></button> 331 </div> 332 333 <div class="offcanvas-body"> 334 <ul class="navbar-nav nav-offcanvas-list"> 335 <li class="nav-item" style="--i: 0"> 336 <a class="nav-link " href="/inter"> 337 <span>Personnel</span> 338 <i class="bi bi-chevron-right nav-link-chevron"></i> 339 </a> 340 </li> 341 <li class="nav-item" style="--i: 1"> 342 <a class="nav-link active" href="https://easytransfert.ci/easybusiness"> 343 <span>EasyBusiness</span> 344 <i class="bi bi-chevron-right nav-link-chevron"></i> 345 </a> 346 </li> 347 <li class="nav-item" style="--i: 2"> 348 <a class="nav-link " href="https://easytransfert.ci/developpeur"> 349 <span>Développeur</span> 350 <i class="bi bi-chevron-right nav-link-chevron"></i> 351 </a> 352 </li> 353 <li class="nav-item" style="--i: 3"> 354 <a class="nav-link " href="https://easytransfert.ci/blog"> 355 <span>Blog</span> 356 <i class="bi bi-chevron-right nav-link-chevron"></i> 357 </a> 358 </li> 359 <li class="nav-item" style="--i: 4"> 360 <a class="nav-link " href="https://easytransfert.ci/coordinates"> 361 <span>Contact</span> 362 <i class="bi bi-chevron-right nav-link-chevron"></i> 363 </a> 364 </li> 365 </ul> 366 </div> 367 </div> 368 <!-- Main navbar OFFCANVAS END --> 369</header> 370 371<style> 372.nav-offcanvas { 373 width: max(50vw) !important; 374} 375 376.nav-offcanvas .offcanvas-header { 377 padding: 1.5rem 1.5rem; 378} 379 380.nav-offcanvas .offcanvas-body { 381 padding: 1.5rem 0; 382 display: flex; 383 flex-direction: column; 384} 385 386.nav-offcanvas-list { 387 display: flex; 388 flex-direction: column; 389 gap: 0.15rem; 390 flex: 1; 391} 392 393.nav-offcanvas-list .nav-item { 394 opacity: 0; 395 transform: translateX(16px); 396 animation: nav-item-in 0.35s ease forwards; 397 animation-delay: calc(var(--i) * 0.06s); 398} 399 400@keyframes nav-item-in { 401 to { 402 opacity: 1; 403 transform: translateX(0); 404 } 405} 406 407.nav-offcanvas .nav-link { 408 display: flex; 409 align-items: center; 410 gap: 0.85rem; 411 padding: 0.85rem 1.5rem; 412 border-radius: 0; 413 color: var(--bs-gray-700) !important; 414 font-weight: 500; 415 transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease; 416} 417 418.nav-offcanvas .nav-link-icon { 419 font-size: 1.1rem; 420 color: rgba(var(--bs-primary-rgb), 0.6); /* corrigé */ 421 width: 20px; 422 text-align: center; 423 flex-shrink: 0; 424} 425 426.nav-offcanvas .nav-link span { 427 flex: 1; 428} 429 430.nav-offcanvas .nav-link-chevron { 431 font-size: 1.3rem; 432 opacity: 0; 433 transform: translateX(-4px); 434 transition: opacity 0.2s ease, transform 0.2s ease; 435} 436 437.nav-offcanvas .nav-link:hover { 438 background: rgba(var(--bs-primary-rgb), 0.06); 439 padding-left: 1.8rem; 440} 441 442.nav-offcanvas .nav-link:hover .nav-link-chevron { 443 opacity: 0.5; 444 transform: translateX(0); 445} 446 447.nav-offcanvas .nav-link.active { 448 font-size: large; 449 background: rgba(var(--bs-primary-rgb)); 450 color: var(--bs-white) !important; 451 452} 453 454.nav-offcanvas .nav-link.active .nav-link-chevron { 455 opacity: 1; 456 transform: translateX(0); 457 color: var(--bs-white) !important; 458} 459 460.nav-offcanvas-footer { 461 padding: 1.25rem 1.5rem 0; 462 border-top: 1px solid rgba(0, 0, 0, 0.06); 463} 464</style> 465 <!-- Header END --> 466 467 <!-- **************** MAIN CONTENT START **************** --> 468 <main id="main" class="main" style="position: relative; z-index: 2; background-color: var(--bs-body-bg, #fff);"> 469 470 <!-- =======================
471 Page Background START --> 472 473 <div class="bg-gradient-primary"> 474 <!-- ======================= 475 Main Banner START --> 476 <section class="pt-xl-7 pb-4" > 477 <!-- background pattern --> 478 <!-- <div class="position-absolute top-0 start-50 translate-middle-x mt-8"> 479 <img src="assets/images/elements/bg-pattern-5.png" alt=""> 480 </div> --> 481 482 <div class="container py-5 p-0"> 483 <!-- Title and contents --> 484 <div class="row align-items-stretch g-0 position-relative"> 485 486 <!-- TEXTE --> 487 <div class="col-lg-7 text-center text-lg-start"> 488 489 <!-- Version desktop --> 490 <h1 class="my-4 special-text d-none d-lg-block" style="font-size: 50px !important; line-height: 50px !important;"> 491 Encaissez et <br> 492 effectuez vos <br> 493 paiements en <br> 494 toute simplicité 495 </h1> 496 497 <!-- Version mobile --> 498 <h1 class="my-4 special-text d-block d-lg-none" style="font-size: 40px !important; line-height: 40px !important;"> 499 Encaissez et <br> 500 effectuez vos <br> 501 paiements en <br> 502 toute <br> 503 simplicité 504 </h1> 505 506 <div class="pb-4"> 507 <img src="assets/images/easyBusiness/Vector32.svg" class="vector-divider" alt="vector-divider"> 508 </div> 509 510 <p class="mb-4 mb-md-5 p-2 pb-0 d-none d-lg-block"> 511 Vos clients paient en toute sécurité, depuis n'importe<br> 512 quel opérateur Mobile Money, et vous recevez<br> 513 l'argent tout de suite. 514 </p> 515 516 <p class="mb-4 mb-md-5 p-4 d-block d-lg-none text-start" 517 style="font-size: 16px !important;"> 518 Vos clients paient en toute sécurité, depuis n'importe quel 519 opérateur Mobile Money, et vous recevez l'argent tout de suite. 520 </p> 521 522 <div class="d-flex gap-2 flex-wrap justify-content-center justify-content-lg-start align-items-center"> 523 <a class="btn btn-big btn-primary" href="#contact"> 524 Commencez dès maintenant 525 </a> 526 527 <!-- Voir fichier partials.demo_video - Inséré au dessus de body dans le fichier app.blade.php --> 528 <a class="btn btn-big btn-primary bg-transparent text-body" 529 href="#" 530 data-bs-toggle="modal" 531 data-bs-target="#videoDemoModal"> 532 <i class="bi bi-play-circle fs-4 me-2"></i> 533 Voir Démo 534 </a> 535 </div> 536 </div> 537 538 <!-- IMAGE-TOP --> 539 <div class="position-absolute top-50 translate-middle-y d-none d-md-flex justify-content-center hero-image p-4" 540 style="width:50%; right:-80px;"> 541 <img src="https://easytransfert.ci/assets/images/easyBusiness/hero.jpg" 542 class="img-fluid rounded-5 border border-custom-1" 543 alt="Image-top" 544 style="max-width:700px;"> 545 </div> 546 547 <!-- IMAGE-TOP - MOBILE --> 548 <div class="d-flex d-md-none justify-content-center mt-2"> 549 <img src="https://easytransfert.ci/assets/images/easyBusiness/hero.jpg" 550 class="img-fluid rounded-5 border border-custom-1" 551 alt="Image-top" 552 style="max-width:90%;"> 553 </div> 554 555 </div> 556 </div> 557 </section> 558 <!-- ======================= 559 Main Banner END --> 560 561 <!-- ======================= 562 Nos Partenaires START --> 563 <Section class="pt-7 pb-2 mb-0 bg-transparent" > 564 <div class="inner-container mx-auto text-center"> 565 <div class="row justify-content-center"> 566 <div class="col-lg-12" data-aos="fade-up" data-aos-delay="100"> 567 <h2 class="mb-4 special-text heading-color"> 568 Nos Partenaires 569 Mobile Money 570 </h2> 571 <p class="mb-3 mx-auto d-none d-lg-block"> 572 EasyTransfert collabore directement avec tous les opérateurs mobile money de Côte d'Ivoire et de la sous-région<br> 573 UEMOA pour vous offrir la meilleure expérience de collecte de<br> 574 paiements. 575 </p> 576 <p class="text-center fw-semibold mb-3 py-3 px-2 d-block d-lg-none" style="font-size: 14px !important; line-height: 14px !important; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"> 577 EasyTransfert collabore directement avec tous les opérateurs mobile money de Côte d'Ivoire et 578 de la sous-région UEMOA pour vous offrir la 579 meilleure expérience de collecte de paiements. 580 </p> 581 </div> 582 </div> 583 584 <!-- Partenaires Grid --> 585 <div class="logo-slider overflow-hidden p-4" data-aos="fade-up" data-aos-delay="100"> 586 <div class="logo-track"> 587 <div class="logo-group"> 588 <img src="https://easytransfert.ci/assets/images/client/Logos_Moov.svg" data-aos="zoom-in" data-aos-delay="100"> 589 <img src="https://easytransfert.ci/assets/images/client/Logos_Mtn.svg" data-aos="zoom-in" data-aos-delay="200"> 590 <img src="https://easytransfert.ci/assets/images/client/Logos_orange.svg" data-aos="zoom-in" data-aos-delay="300"> 591 <img src="https://easytransfert.ci/assets/images/client/Logos_wave.svg" data-aos="zoom-in" data-aos-delay="400"> 592 <img src="https://easytransfert.ci/assets/images/client/Logos_ria.svg" data-aos="zoom-in" data-aos-delay="500"> 593 <img src="https://easytransfert.ci/assets/images/client/Logos_moneygram.svg" data-aos="zoom-in" data-aos-delay="600"> 594 <img src="https://easytransfert.ci/assets/images/client/Logos_WU.svg" data-aos="zoom-in" data-aos-delay="700"> 595 <img src="https://easytransfert.ci/assets/images/client/Logos_free.svg" data-aos="zoom-in" data-aos-delay="800"> 596 <img src="https://easytransfert.ci/assets/images/client/Logos_VISA.svg" data-aos="zoom-in" data-aos-delay="900"> 597 <img src="https://easytransfert.ci/assets/images/client/Logos_TMoney.svg" data-aos="zoom-in" data-aos-delay="1000"> 598 <img src="https://easytransfert.ci/assets/images/client/Logos_mobi_cash.svg" data-aos="zoom-in" data-aos-delay="1100"> 599 <img src="https://easytransfert.ci/assets/images/client/Logos_m-pesa.svg" data-aos="zoom-in" data-aos-delay="1200"> 600 <img src="https://easytransfert.ci/assets/images/client/Logos_airtel.svg" data-aos="zoom-in" data-aos-delay="1300"> 601 <img src="https://easytransfert.ci/assets/images/client/Logos_expresso.svg" data-aos="zoom-in" data-aos-delay="1400"> 602 </div> 603 604 <!-- Duplication pour boucle infinie --> 605 <div class="logo-group"> 606 <img src="https://easytransfert.ci/assets/images/client/Logos_Moov.svg" data-aos="zoom-in" data-aos-delay="1500"> 607 <img src="https://easytransfert.ci/assets/images/client/Logos_Mtn.svg" data-aos="zoom-in" data-aos-delay="1500"> 608 <img src="https://easytransfert.ci/assets/images/client/Logos_orange.svg" data-aos="zoom-in" data-aos-delay="1500"> 609 <img src="https://easytransfert.ci/assets/images/client/Logos_wave.svg" data-aos="zoom-in" data-aos-delay="1500"> 610 <img src="https://easytransfert.ci/assets/images/client/Logos_ria.svg" data-aos="zoom-in" data-aos-delay="1500"> 611 <img src="https://easytransfert.ci/assets/images/client/Logos_moneygram.svg" data-aos="zoom-in" data-aos-delay="1500"> 612 <img src="https://easytransfert.ci/assets/images/client/Logos_WU.svg" data-aos="zoom-in" data-aos-delay="1500"> 613 <img src="https://easytransfert.ci/assets/images/client/Logos_free.svg" data-aos="zoom-in" data-aos-delay="1500"> 614 <img src="https://easytransfert.ci/assets/images/client/Logos_VISA.svg" data-aos="zoom-in" data-aos-delay="1500"> 615 <img src="https://easytransfert.ci/assets/images/client/Logos_TMoney.svg" data-aos="zoom-in" data-aos-delay="1500"> 616 <img src="https://easytransfert.ci/assets/images/client/Logos_mobi_cash.svg" data-aos="zoom-in" data-aos-delay="1500"> 617 <img src="https://easytransfert.ci/assets/images/client/Logos_m-pesa.svg" data-aos="zoom-in" data-aos-delay="1500"> 618 <img src="https://easytransfert.ci/assets/images/client/Logos_airtel.svg" data-aos="zoom-in" data-aos-delay="1500"> 619 <img src="https://easytransfert.ci/assets/images/client/Logos_expresso.svg" data-aos="zoom-in" data-aos-delay="1500"> 620 </div> 621 </div> 622 </div> 623 </div> 624 </Section> 625 <!-- ======================= 626 Nos Partenaires END --> 627 628 <!-- ======================= 629 Service START --> 630 <Section id="fonctionnalites" class="py-6 bg-transparent" > 631 <div class="container"> 632 <!-- Title --> 633 <div class="row mb-4 mb-md-6 p-2"> 634 <div class="col-12 px-3 px-md-3 pb-4 text-center" data-aos="fade-up" data-aos-delay="100"> 635 <h2 class="mb-0 special-text text-primary">Vous aide à encaisser<br class="d-none d-lg-block"> vos<br class="d-block d-lg-none"> ventes</h2> 636 <p class="mt-3 text-start text-lg-center">Avec EasyTransfert, envoyez un lien de paiement à vos clients et recevez l'argent sur votre Mobile<br class="d-none d-lg-block"> Money, quel que soit l'opérateur.</p> 637 </div> 638 </div> 639 640 <!-- Fonctionnalités détaillées --> 641 <div class="mb-6 mb-md-8 d-none d-md-block"> 642 <!-- Fonctionnalité 1: Collecte --> 643 <div class="row align-items-center justify-content-center mb-5 mb-md-7 special-hover"> 644 <div class="col-md-6 mb-4 mb-md-0 px-3 text-center text-md-start" data-aos="fade-right" data-aos-delay="200"> 645 <h4 class="special-text heading-color text-center text-md-start">
646 <span class="line-1">Liens de Paiement</span> 647 <span class="line-2">Universels</span> 648 <!-- <span class="line-3">Universels</span> --> 649 </h4> 650 <p class="text-center text-md-start py-3 m-0"> 651 Créez en quelques secondes un lien que vous envoyez à votre client par WhatsApp, SMS ou e-mail. 652 Il clique, il paie, et l'argent arrive sur votre Mobile Money, peu importe l'opérateur. 653 Fonctionne en Côte d'Ivoire et dans toute l'UEMOA. 654 <ul class="list-group list-group-borderless d-inline-block text-start"> 655 <li class="list-group-item d-flex p-1"><i class="bi bi-patch-check text-primary me-2 flex-shrink-0"></i>Lien unique avec QR code, pratique pour vos ventes régulières.</li> 656 <li class="list-group-item d-flex p-1"><i class="bi bi-patch-check text-primary me-2 flex-shrink-0"></i>Lien avec montant déjà fixé, parfait pour un article précis.</li> 657 </ul> 658 </p> 659 <!-- Bouton --> 660 <div class="d-flex gap-2 flex-wrap justify-content-center justify-content-lg-start align-items-center m-2"> 661 <a class="btn btn-big btn-primary" href="https://business.easytransfert.app/login" target="_blank" rel="noopener noreferrer"> 662 Essayez maintenant <i class="bi bi-arrow-right ms-2"></i> 663 </a> 664 </div> 665 </div> 666 <div class="col-md-6 mb-4 mb-md-0 px-3 text-center text-md-start" data-aos="fade-left" data-aos-delay="300"> 667 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-0.svg" alt="Collecte" class="img-fluid rounded-4 w-100 mt-3 mt-md-0" 668 style="max-height: 505px; object-fit: contain;"> 669 </div> 670 </div> 671 672 <!-- Fonctionnalité 2: Transfert --> 673 <div class="row align-items-center justify-content-center flex-md-row-reverse mb-5 mb-md-7 special-hover"> 674 <div class="col-md-6 mb-4 mb-md-0 px-3 text-center text-md-start" data-aos="fade-left" data-aos-delay="200"> 675 <h4 class="special-text heading-color display-6 text-center text-md-start"> 676 <span class="line-1">Gestion</span><br> 677 <span class="line-2">Multi-</span><br> 678 <span class="line-1">Opérateurs</span> 679 </h4> 680 <p class="text-center text-md-start py-3"> 681 Orange Money, MTN, Moov, Wave⦠vos clients paient avec leur portefeuille habituel, et vous recevez tout directement<br> 682 dans votre compte EasyBusiness.<br> 683 Ãa marche aussi depuis le Burkina Faso, le Mali, le Sénégal<br> et partout dans l'UEMOA. 684 </p> 685 <!-- Bouton --> 686 <div class="d-flex gap-2 flex-wrap justify-content-center justify-content-lg-start align-items-center m-2"> 687 <a class="btn btn-big btn-primary" href="https://business.easytransfert.app/login"> 688 Essayez maintenant <i class="bi bi-arrow-right ms-2"></i> 689 </a> 690 </div> 691 </div> 692 693 <div class="col-md-6 mb-4 mb-md-0 px-3 text-center text-md-start" data-aos="fade-right" data-aos-delay="300"> 694 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-1.svg" alt="money" class="img-fluid rounded-4 w-100 mt-3 mt-md-0" 695 style="max-height: 400px; object-fit: contain;"> 696 </div> 697 </div> 698 699 <!-- Fonctionnalité 3: API --> 700 <div class="row align-items-center justify-content-center mb-5 mb-md-7 special-hover"> 701 <div class="col-md-6 mb-4 mb-md-0 px-3 px-md-3" data-aos="fade-right" data-aos-delay="200"> 702 <h4 class="special-text heading-color display-6 text-center text-md-start">
703 <span class="line-1">Intégration</span><br> 704 <span class="line-2">Simple</span> 705 </h4> 706 <p class="text-center text-md-start py-3"> 707 Vous vendez sur Facebook, Instagram, WhatsApp ou votre propre<br class="d-none d-md-block"> 708 site ? Envoyez un lien de paiement à vos clients et recevez l'argent directement sur votre Mobile Money. 709 Pas besoin d'être un pro de la tech : vous pouvez commencer en quelques minutes. Et si vous avez 710 un développeur, notre API rend l'intégration encore plus simple. 711 </p> 712 <!-- Bouton --> 713 <div class="d-flex gap-2 flex-wrap justify-content-center justify-content-lg-start align-items-center m-2"> 714 <a class="btn btn-big btn-primary" 715 href="https://easybusinessdocumentation.mintlify.site/" 716 target="_blank" 717 rel="noopener noreferrer" 718 > 719 Voir la documentation <i class="bi bi-arrow-right ms-2"></i> 720 </a> 721 </div> 722 </div> 723 <div class="col-md-6 text-center px-3 px-md-3" data-aos="fade-left" data-aos-delay="300"> 724 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-2.svg" alt="API" class="img-fluid rounded-4 w-100 mt-3 mt-md-0" 725 style="max-height: 400px; object-fit: contain;"> 726 </div> 727 </div> 728 729 <!-- Fonctionnalité 4: Solution IA --> 730 <div class="row align-items-center justify-content-center flex-md-row-reverse mb-5 mb-md-7 special-hover"> 731 <div class="col-md-6 mb-4 mb-md-0 px-3 px-md-3" data-aos="fade-left" data-aos-delay="200"> 732 <h4 class="special-text heading-color d-flex gap-3 justify-content-center justify-content-md-start"> 733 <span class="line-1">Solution</span> 734 <span class="line-2">IA</span> 735 </h4> 736 <p class="text-center text-md-start py-3 m-0"> 737 Boostez la performance de votre service client grâce à nos solutions IA innovantes : 738 chatbots personnalisés et agents IA dédiés. 739 <p class="p-0"> 740 <span><span class="fw-bold">Ãconomies majeures :</span> Réduction globale de vos coûts de support.</span><br> 741 <span><span class="fw-bold">Disponibilité maximale :</span> Une réactivité immédiate face aux demandes de vos clients.</span><br> 742 <span><span class="fw-bold">Expérience client optimisée :</span> Un service fluide, rapide et de qualité.</span><br> 743 <span><span class="fw-bold">Scalabilité parfaite :</span> Gérez sereinement les pics de volume de requêtes, sans perte d'efficacité.</span> 744 </p> 745 <div class="text-center text-md-start"> 746 <span class="text-primary fw-bold"> 747 Innovez, automatisez, performez. 748 </span> 749 </div> 750 </p> 751 <div class="d-flex gap-2 flex-wrap justify-content-center justify-content-lg-start align-items-center m-2"> 752 <a class="btn btn-big btn-primary " href="#contact"> 753 Essayez maintenant <i class="bi bi-arrow-right ms-2"></i> 754 </a> 755 </div> 756 </div> 757 <div class="col-md-6 text-center px-3 px-md-3" data-aos="fade-right" data-aos-delay="300"> 758 <img src="https://easytransfert.ci/assets/images/easyBusiness/solutionIA.svg" alt="money" class="img-fluid rounded-4 w-100 mt-3 mt-md-0" 759 style="max-height: 400px; object-fit: contain;"> 760 </div> 761 </div> 762 </div> 763 764 <!-- Fonctionnalités détaillées - Version Mobile --> 765 <div class="mb-6 mb-md-8 d-block d-md-none"> 766 <!-- Fonctionnalité 1 --> 767 <div class="row justify-content-center text-center mb-6 special-hover"> 768 <div class="col-12 px-4"> 769 <h4 class="special-text heading-color mb-3" 770 style="font-size:28px !important; line-height:30px!important;">
771 <span class="line-1">Liens de Paiement</span> 772 <span class="line-2">Universels</span> 773 </h4> 774 <p class="text-start mb-4"> 775 Créez en quelques secondes un lien que vous envoyez à votre client par WhatsApp, 776 SMS ou e-mail. Il clique, il paie, et l'argent arrive sur votre Mobile Money, 777 peu importe l'opérateur. Fonctionne en Côte d'Ivoire et dans toute l'UEMOA. 778 </p> 779 <ul class="list-group list-group-borderless text-start mb-0"> 780 <li class="list-group-item d-flex p-1"> 781 <i class="bi bi-patch-check text-primary me-2 flex-shrink-0"></i> 782 Lien unique avec QR code, pratique pour vos ventes régulières. 783 </li> 784 <li class="list-group-item d-flex p-1"> 785 <i class="bi bi-patch-check text-primary me-2 flex-shrink-0"></i> 786 Lien avec montant déjà fixé, parfait pour un article précis. 787 </li> 788 </ul> 789 </div> 790 <!-- Image --> 791 <div class="col-12 px-4 mt-4"> 792 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-0.svg" 793 alt="Collecte" 794 class="img-fluid rounded-4 w-100" 795 style="max-height:300px; object-fit:contain;"> 796 </div> 797 </div> 798 799 <!-- Fonctionnalité 2 --> 800 <div class="row justify-content-center text-center mb-6 special-hover"> 801 <div class="col-12 px-4"> 802 <h4 class="special-text heading-color mb-3" 803 style="font-size:28px!important; line-height:30px!important;"> 804 <span class="line-1">Gestion Multi-</span><br> 805 <span class="line-2">Opérateurs</span> 806 </h4> 807 <p class="text-start mb-4"> 808 Orange Money, MTN, Moov, Wave⦠vos clients paient avec leur portefeuille habituel, 809 et vous recevez tout directement dans votre compte EasyBusiness. 810 Ãa marche aussi depuis le Burkina Faso, le Mali, le Sénégal 811 et partout dans l'UEMOA. 812 </p> 813 </div> 814 <div class="col-12 px-4"> 815 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-1.svg" 816 alt="money" 817 class="img-fluid rounded-4 w-100" 818 style="max-height:300px;object-fit:contain;"> 819 </div> 820 </div> 821 822 <!-- Fonctionnalité 3 --> 823 <div class="row justify-content-center text-center mb-6 special-hover"> 824 <div class="col-12 px-4"> 825 <h4 class="special-text heading-color mb-3" 826 style="font-size:28px!important; line-height:30px!important;"> 827 <span class="line-1">Intégration</span><br> 828 <span class="line-2">Simple</span> 829 </h4> 830 <p class="text-start mb-4"> 831 Vendez sur Facebook, Instagram, WhatsApp ou votre propre site ? 832 Envoyez un lien de paiement à vos clients et recevez l'argent directement 833 sur votre Mobile Money. 834 Pas besoin d'être un pro de la tech : vous pouvez commencer en quelques minutes. 835 </p> 836 </div> 837 <div class="col-12 px-4"> 838 <img src="https://easytransfert.ci/assets/images/easyBusiness/Rectangle-2.svg" 839 alt="API" 840 class="img-fluid rounded-4 w-100" 841 style="max-height:300px;object-fit:contain;"> 842 </div> 843 </div> 844 845 <!-- Fonctionnalité 4 --> 846 <div class="row justify-content-center text-center mb-6 special-hover"> 847 <div class="col-12 px-4"> 848 <h4 class="special-text heading-color d-flex justify-content-center gap-3 mb-3" 849 style="font-size:28px!important; line-height:30px!important;">
850 <span class="line-1">Solution</span> 851 <span class="line-2">IA</span> 852 853 </h4> 854 <p class="text-start mb-3"> 855 Boostez la performance de votre service client grâce à nos solutions IA innovantes : 856 chatbots personnalisés et agents IA dédiés. 857 </p> 858 859 <p class="text-start"> 860 <span> 861 <b>Ãconomies majeures :</b> 862 Réduction globale de vos coûts de support. 863 </span><br> 864 <span> 865 <b>Disponibilité maximale :</b> 866 Une réactivité immédiate. 867 </span><br> 868 <span> 869 <b>Expérience client optimisée :</b> 870 Un service fluide et rapide. 871 </span><br> 872 <span> 873 <b>Scalabilité parfaite :</b> 874 Gérez les pics de requêtes. 875 </span> 876 </p> 877 <div class="text-start mt-3"> 878 <span class="text-primary fw-bold"> 879 Innovez, automatisez, performez. 880 </span> 881 </div> 882 </div> 883 884 <div class="col-12 px-4 mt-4"> 885 <img src="https://easytransfert.ci/assets/images/easyBusiness/solutionIA.svg" 886 alt="Solution IA" 887 class="img-fluid rounded-4 w-100" 888 style="max-height:300px;object-fit:contain;"> 889 </div> 890 <!-- <div class="col-12 px-4 mt-4"> 891 <a class="btn btn-big btn-primary w-100" 892 href="https://download.easytransfert.app/"> 893 Essayez maintenant 894 <i class="bi bi-arrow-right ms-2"></i> 895 </a> 896 </div> --> 897 </div> 898 </div> 899 </div> 900 </Section> 901 <!-- ======================= 902 Service END --> 903 904 <!-- ======================= 905 Pourquoi EasyBusiness START --> 906 <Section class="pb-0 p-0" > 907 <div class="container-fluid container-xxl p-0"> 908 <div class="row g-0 align-items-stretch overflow-hidden mx-0"> 909 <!-- ======================= 910 Contenu START --> 911 <div class="rounded-bottom-circle-r col-12 col-lg-6 px-3 px-lg-4 py-5 py-lg-6 bg-primary-new text-white"> 912 <h2 class="mb-4 special-text text-white text-center text-lg-start" style="color: white !important;" data-aos="fade-right" data-aos-delay="100"> 913 Pourquoi nous faire confiance? 914 </h2> 915 <p class="mb-2 fs-6 text-white text-start px-2" data-aos="fade-right" data-aos-delay="100"> 916 Déjà des centaines de vendeurs en Côte<br class="d-none d-lg-block"> d'Ivoire 917 et dans l'UEMOA utilisent<br class="d-none d-lg-block"> EasyBusiness 918 pour effectuer et recevoir<br class="d-none d-lg-block"> leurs paiements mobile money en toute<br class="d-none d-lg-block"> 919 sécurité. 920 </p> 921 922 <!-- Statistiques --> 923 <div class="row row-cols-2 row-cols-lg-4 g-3 mt-4 mb-2 text-white"> 924 <div class="col text-white text-start" data-aos="fade-up" data-aos-delay="300"> 925 <h5 class="text-white mb-1">98%</h5> 926 <div class="bloc-sm opacity-100 bg-white mx-0 mx-lg-0"></div> 927 <p class="text-white small mb-0"> 928 Satisfaction
929 <span class="d-lg-block"></span> 930 client 931 </p> 932 </div> 933 934 935 <div class="col text-white text-start" data-aos="fade-up" data-aos-delay="400"> 936 <h5 class="text-white mb-1">1K +</h5> 937 <div class="bloc-sm opacity-100 bg-white mx-0 mx-lg-0"></div> 938 <p class="text-white small mb-0"> 939 Liens de 940 <span class="d-lg-block"></span> 941 paiement 942 <span class="d-lg-block"></span> 943 créés 944 </p> 945 </div> 946 947 948 <div class="col text-white text-start" data-aos="fade-up" data-aos-delay="500"> 949 <h5 class="text-white mb-1">500M +</h5> 950 <div class="bloc-sm opacity-100 bg-white mx-0 mx-lg-0"></div> 951 <p class="text-white small mb-0"> 952 Collectés par 953 <span class="d-lg-block"></span> 954 mois 955 </p> 956 </div> 957 958 959 <div class="col text-white text-start" data-aos="fade-up" data-aos-delay="400"> 960 <h5 class="text-white mb-1">24h/7</h5> 961 <div class="bloc-sm opacity-100 bg-white mx-0 mx-lg-0"></div> 962 <p class="text-white small mb-0"> 963 Support client 964 </p> 965 </div> 966 </div> 967 968 <!-- Lien --> 969 <div class="d-flex gap-2 gap-sm-2 flex-wrap justify-content-center justify-content-lg-start align-items-center py-4"> 970 <a class="btn btn-pill btn-primary bg-white px-5 fs-5 text-primary" style="font-family: 'Poppins', sans-serif !important;" href="#contact" data-aos="fade-up" data-aos-delay="500"> 971 Nous contacter 972 </a> 973 </div> 974 975 </div> 976 <!-- ======================= 977 Contenu END --> 978 979 <!-- Image et témoignage --> 980 <div class="rounded-bottom-circle-l overflow-hidden col-12 col-lg-6 ms-auto px-0"> 981 <div class="position-relative mb-5 mb-lg-0"> 982 <!-- Image --> 983 <img src="https://easytransfert.ci/assets/images/about/20.jpg" class="img-fluid w-100 rounded-0 rounded-lg" alt="Croissance business"> 984 985 <!-- Témoignage client --> 986 <div class="bg-body rounded-pill d-flex align-items-center gap-2 gap-sm-3 position-absolute top-0 start-0 p-2 m-2 m-sm-4 shadow d-flex" 987 data-aos="zoom-in" data-aos-delay="400"> 988 <!-- Avatar --> 989 <div class="avatar flex-shrink-0"> 990 <img class="avatar-img rounded-circle" src="https://easytransfert.ci/assets/images/avatar/07.jpg" 991 alt="Client satisfait"> 992 </div> 993 <!-- Text --> 994 <div class="me-2 me-sm-3"> 995 <h6 class="mb-0 small">Aminata Diallo</h6> 996 <p class="mb-0 small">CEO, AminaShop</p> 997 </div> 998 </div> 999 1000 <!-- Badge de satisfaction --> 1001 <div class="bg-primary text-white rounded-3 d-flex align-items-center justify-content-center position-absolute bottom-0 end-0 p-2 p-sm-3 m-2 m-sm-4" 1002 data-aos="zoom-in" data-aos-delay="500"> 1003 <div class="text-center"> 1004 <h6 class="text-white mb-0 small">500+</h6> 1005 <small class="text-white" style="font-size: 0.7rem;">Transactions/mois</small> 1006 </div> 1007 </div> 1008 </div> 1009 </div> 1010 </div> 1011 </div> 1012 </Section> 1013 <!-- ======================= 1014 Pourquoi EasyBusiness END --> 1015 1016 <!-- ======================= 1017 Avantages START --> 1018 <Section class="bg-transparent pb-6 pt-6" > 1019 <div class="container text-center position-relative"> 1020 <!-- TITRE --> 1021 <div class="inner-container-small mx-auto mb-2 mb-md-6" 1022 data-aos="fade-up" 1023 data-aos-delay="100"> 1024 <h2 class="special-text heading-color display-6 pb-2"> 1025 Les Avantages 1026 </h2> 1027 </div> 1028 1029 <!-- Petite image desktop --> 1030 <div class="position-absolute top-0 end-0 d-none d-md-block" 1031 data-aos="fade-up" 1032 data-aos-delay="100"> 1033 <img src="https://easytransfert.ci/assets/images/easyBusiness/Round-security.svg" 1034 class="img-fluid" 1035 alt="Collecte sécurisée" 1036 style="max-width: 120px;"> 1037 </div> 1038 1039 1040 <!-- Petite image - mobile --> 1041 <div class="d-block d-md-none my-3 h-133" 1042 data-aos="fade-up" 1043 data-aos-delay="100"> 1044 <img src="https://easytransfert.ci/assets/images/easyBusiness/Round-security.svg" 1045 class="img-fluid" 1046 alt="Collecte sécurisée" 1047 style="height: 133px; width: auto;"> 1048 </div> 1049 1050 <!-- Image - 2x2 - def --> 1051 <div class="row row-cols-1 row-cols-md-2 g-0 g-md-4 p-4"> 1052 <div class="col" data-aos="fade-up" data-aos-delay="200"> 1053 <img src="https://easytransfert.ci/assets/images/easyBusiness/AV1.svg" 1054 class="img-fluid w-100" 1055 alt="AV1"> 1056 </div> 1057 <div class="col" data-aos="fade-up" data-aos-delay="300"> 1058 <img src="https://easytransfert.ci/assets/images/easyBusiness/AV2.svg" 1059 class="img-fluid w-100" 1060 alt="AV2"> 1061 </div> 1062 <div class="col" data-aos="fade-up" data-aos-delay="400"> 1063 <img src="https://easytransfert.ci/assets/images/easyBusiness/AV3.svg" 1064 class="img-fluid w-100" 1065 alt="AV3"> 1066 </div> 1067 <div class="col" data-aos="fade-up" data-aos-delay="500"> 1068 <img src="https://easytransfert.ci/assets/images/easyBusiness/AV4.svg" 1069 class="img-fluid w-100" 1070 alt="AV4"> 1071 </div> 1072 </div> 1073 </div> 1074 </Section> 1075 <!-- ======================= 1076 Avantages END --> 1077 1078 <!-- ======================= 1079 CTA Section START --> 1080 <Section class="bg-transparent position-relative overflow-hidden py-6" data-aos="fade-up" data-aos-delay="100" > 1081 <div class="bg-white-glass rounded-5 container position-relative"> 1082 <div class="row justify-content-center text-center text-lg-start ps-4 pt-6 pb-2"> 1083 <div class="col-lg-6"> 1084 <h2 class="mb-4 special-text heading-color text-center text-lg-start"> 1085 Prêt à <br> 1086 encaisser vos<br> 1087 ventes plus<br> 1088 facilement ?<br> 1089 </h2> 1090 <p class="text-body mb-4 text-start"> 1091 Comme plus de 500 vendeurs en Côte d'Ivoire et 1092 <br class="d-none d-lg-block"> 1093 dans toute l'UEMOA, commencez à recevoir vos 1094 <br class="d-none d-lg-block"> 1095 paiements mobile money en quelques minutes avec 1096 <br class="d-none d-lg-block"> 1097 EasyBusiness. 1098 </p> 1099 1100 <!-- Petites stats --> 1101 <div class="row mt-4 mb-2 text-center text-lg-start"> 1102 <div class="col-md-4 text-center text-lg-start pt-2" data-aos="fade-up" data-aos-delay="300"> 1103 <h5 class="text-body mb-1">0 Fcfa</h5> 1104 <div class="d-flex justify-content-center justify-content-lg-start"> 1105 <div class="bloc-sm opacity-100"></div> 1106 </div> 1107 <p class="text-body small mb-0 opacity-75">Frais d'ouverture</p> 1108 </div> 1109 <div class="col-md-4 text-center text-lg-start pt-2" data-aos="fade-up" data-aos-delay="800"> 1110 <h5 class="text-body mb-1">24h</h5> 1111 <div class="d-flex justify-content-center justify-content-lg-start"> 1112 <div class="bloc-sm opacity-100"></div> 1113 </div> 1114 <p class="text-body small mb-0 opacity-75">Activation du compte</p> 1115 </div> 1116 <div class="col-md-4 text-center text-lg-start pt-2" data-aos="fade-up" data-aos-delay="1300"> 1117 <h5 class="text-body mb-1">Support</h5> 1118 <div class="d-flex justify-content-center justify-content-lg-start"> 1119 <div class="bloc-sm opacity-100"></div> 1120 </div> 1121 <p class="text-body small mb-0 opacity-75">Dédié vendeurs 24/7</p> 1122 </div> 1123 </div> 1124 1125 <div class="d-flex flex-wrap justify-content-center justify-content-lg-start py-4" data-aos="zoom-in" data-aos-delay="300"> 1126 <a href="https://business.easytransfert.app/" class="btn btn-primary btn-big px-4 px-lg-6 text-center" style="font-size: 0.9rem !important;"> 1127 Créer un lien de paiement 1128 <i class="bi bi-arrow-up-right ms-2"></i> 1129 </a> 1130 </div> 1131 </div> 1132 <div class="col-12 col-lg-6 p-0 ms-auto d-none d-lg-block"> 1133 <div class="cta-visual d-flex justify-content-end"> 1134 <!-- IMAGE --> 1135 <img src="https://easytransfert.ci/assets/images/easyBusiness/Frame07304.svg" class="dashboard-image" data-aos="fade-up" data-aos-delay="200" alt="Dashboard EasyBusiness"> 1136 </div> 1137 </div> 1138 </div> 1139 </div> 1140 </Section> 1141 <!-- ======================= 1142 CTA Section END --> 1143 1144 <!-- ======================= 1145 Contact Section START --> 1146 <section id="contact" class="py-6 bg-transparent" > 1147 <div class="container"> 1148 <div class="row g-4 g-lg-5 justify-content-center"> 1149 <!-- Contact Form --> 1150 <div class="rounded pt-2 p-4 p-lg-3 bg-transparent"> 1151 <h5 class="mb-2 text-start">Commençons !</h5> 1152 <h2 class="mb-4 special-text heading-color text-start"> 1153 Contactez-nous pour 1154 <br class="d-none d-lg-block"> 1155 EasyBusiness 1156 </h2> 1157 <!-- Voir contactForm --> 1158 <div class="d-flex flex-column align-items-start"> 1159 <a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]" target="_blank" rel="noopener" class="btn btn-primary btn-big px-6"> 1160 Envoyer un message 1161 <i class="bi bi-arrow-right ms-2"></i> 1162 </a> 1163 </div> 1164 </div> 1165 </div> 1166 </div> 1167 </section> 1168 <!-- ======================= 1169 Contact Section END --> 1170 </div> 1171 <!-- =======================
1172 Page Background END --> 1173 1174
1174<script> 1175 document.addEventListener('DOMContentLoaded', function () { 1176 // Fonction pour détecter les appareils mobiles 1177 function isMobile() { 1178 return window.innerWidth <= 768 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 1179 } 1180 1181 // Configuration AOS optimisée pour mobile et desktop 1182 const aosConfig = { 1183 duration: isMobile() ? 400 : 600, // Plus rapide sur mobile 1184 easing: 'ease-out-cubic', 1185 once: true, 1186 offset: isMobile() ? 30 : 50, // Déclenchement plus tôt sur mobile 1187 delay: 0, 1188 disable: false, // Activer sur mobile avec config optimisée 1189 throttleDelay: 99, // Optimisation performance 1190 debounceDelay: 50 // Optimisation performance 1191 }; 1192 1193 // Configuration spéciale pour mobile 1194 if (isMobile()) { 1195 aosConfig.duration = 300; // Animations très rapides sur mobile 1196 aosConfig.offset = 20; // Déclenchement très tôt 1197 aosConfig.throttleDelay = 150; // Moins de calculs sur mobile 1198 } 1199 1200 // Initialize AOS 1201 AOS.init(aosConfig); 1202 1203 // Reconfigurer AOS lors du redimensionnement 1204 window.addEventListener('resize', function() { 1205 AOS.refresh(); 1206 }); 1207 }); 1208 1209 // Form success-message - Y0 1210 const message = document.getElementById('success-message'); 1211 if(message){ 1212 setTimeout(() => { 1213 message.style.transition = "opacity 0.5s ease"; 1214 message.style.opacity = "0"; 1215 setTimeout(() => { 1216 message.remove(); 1217 }, 500); 1218 }, 5000); 1219 } 1220 1221 </script>
1221 1222 1223 <style> 1224 /* Corrections pour la responsivité mobile */ 1225 @media (max-width: 576px) { 1226 .container { 1227 padding-left: 10px; 1228 padding-right: 10px; 1229 } 1230 1231 body { 1232 overflow-x: hidden; 1233 } 1234 1235 .row { 1236 margin-left: -5px; 1237 margin-right: -5px; 1238 } 1239 1240 .row > * { 1241 padding-left: 5px; 1242 padding-right: 5px; 1243 } 1244 1245 h1 { 1246 font-size: 1.75rem; 1247 line-height: 1.3; 1248 } 1249 1250 .rounded-pill { 1251 word-break: break-word; 1252 } 1253 1254 .list-group-item { 1255 word-break: break-word; 1256 } 1257 1258 .btn-lg { 1259 font-size: 0.9rem; 1260 padding: 0.75rem 1rem; 1261 } 1262 } 1263 1264 @media (max-width: 768px) { 1265 .overflow-hidden { 1266 overflow-x: hidden !important; 1267 } 1268 1269 /* Optimisations animations mobiles */ 1270 [data-aos] { 1271 transition-duration: 0.3s !important; 1272 transition-timing-function: ease-out !important; 1273 } 1274 1275 /* Réduction des transformations coûteuses sur mobile */ 1276 [data-aos="fade-up"] { 1277 transform: translateY(10px) !important; 1278 } 1279 1280 [data-aos="fade-right"] { 1281 transform: translateX(-10px) !important; 1282 } 1283 1284 [data-aos="fade-left"] { 1285 transform: translateX(10px) !important; 1286 } 1287 1288 [data-aos="zoom-in"] { 1289 transform: scale(0.95) !important; 1290 } 1291 } 1292 1293 /* Performance optimizations pour mobile */ 1294 @media (max-width: 768px) { 1295 [data-aos] { 1296 -webkit-backface-visibility: hidden; 1297 backface-visibility: hidden; 1298 } 1299 1300 /* Simplifier les ombres sur mobile */ 1301 .shadow-lg { 1302 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important; 1303 } 1304 1305 /* Optimiser les bordures arrondies */ 1306 .rounded-4 { 1307 border-radius: 0.5rem !important; 1308 } 1309 } 1310 </style> 1311 1312 </main> 1313 <!-- **************** MAIN CONTENT END **************** --> 1314 1315 <!-- ======================= 1316 Footer START --> 1317 <footer class="position-relative"> 1318 <!-- Blue nav section: in normal flow, z-index 2 â first thing you see at the end of the page --> 1319 <div class="main_footer"> 1320 <div class="container pt-5 pb-5"> 1321 <div class="row g-4 g-lg-4"> 1322 1323 <!-- Widget 1 --> 1324 <div class="col-12 col-lg flex-grow-1 text-start"> 1325 <ul class="nav flex-column gap-1"> 1326 <!-- <li class="nav-item"> 1327 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci"> 1328 Accueil 1329 </a> 1330 </li> --> 1331 <li class="nav-item"> 1332 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/easybusiness"> 1333 Easybusiness 1334 </a> 1335 </li> 1336 <li class="nav-item"> 1337 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/developpeur"> 1338 Développeur 1339 </a> 1340 </li> 1341 <!-- <li class="nav-item"> 1342 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/coordinates"> 1343 Contact 1344 </a> 1345 </li> --> 1346 </ul> 1347 </div> 1348 1349 <!-- Widget 2 --> 1350 <div class="col-12 col-lg flex-grow-1 text-start"> 1351 <ul class="nav flex-column gap-1"> 1352 <li class="nav-item"> 1353 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/partenaire-regules"> 1354 Partenaires régulés 1355 </a> 1356 </li> 1357 <li class="nav-item"> 1358 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/secteur_activite_pays_interdits"> 1359 Secteurs d'activités et pays interdits 1360 </a> 1361 </li> 1362 </ul> 1363 </div> 1364 1365 <!-- Widget 3 --> 1366 <div class="col-12 col-lg flex-grow-1 text-start"> 1367 <ul class="nav flex-column gap-1"> 1368 <li class="nav-item"> 1369 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/cgu"> 1370 Conditions générales 1371 </a> 1372 </li> 1373 <li class="nav-item"> 1374 <a class="nav-link text-white p-0 py-1 text-nowrap" href="https://easytransfert.ci/privacy"> 1375 Politique de confidentialité 1376 </a> 1377 </li> 1378 </ul> 1379 </div> 1380 1381 <!-- Widget 4 --> 1382 <div class="col-12 col-lg flex-grow-1 text-start text-lg-center">
1383 <span class="mb-2 d-block text-white">Disponible sur</span> 1384 <div class="d-flex flex-row flex-lg-column gap-2"> 1385 <a href="https://download.easytransfert.app/" target="_blank"> 1386 <img src="https://easytransfert.ci/assets/images/elements/google-play-bw.svg" alt="Google Play"> 1387 </a> 1388 <a href="https://download.easytransfert.app/" target="_blank"> 1389 <img src="https://easytransfert.ci/assets/images/elements/app-store-bw.svg" alt="App Store"> 1390 </a> 1391 </div> 1392 </div> 1393 </div> 1394 </div> 1395 </div> 1396 1397 <!-- Dark section: fixed at bottom, z-index 1 â hidden behind page content, revealed as blue scrolls away --> 1398 <div class="parallax p-0" data-bs-theme="dark"> 1399 <div class="container"> 1400 <div class="footer-cta"> 1401 <img src="https://easytransfert.ci/assets/images/new_footer.svg" alt="EasyTransfert" class="footer-watermark"> 1402 1403 <div class="footer-bottom" 1404 style="font-family: 'Unbounded', sans-serif !important; font-weight:400 !important;"> 1405 <div class="footer-copyright"> 1406 © 2026 EasyTransfert. Tous droits réservés. 1407 </div> 1408 <div class="footer-social"> 1409 <span class="footer-social-label">Suivez-nous</span> 1410 <ul class="footer-social-list"> 1411 <li><a href="https://www.linkedin.com/company/easytransfert/" target="_blank"><i class="fab fa-linkedin-in footer-logo"></i></a></li> 1412 <li><a href="https://www.instagram.com/easytransfertciv" target="_blank"><i class="fab fa-instagram footer-logo"></i></a></li> 1413 <li><a href="https://www.facebook.com/easytransfertciv?locale=fr_FR" target="_blank"><i class="fab fa-facebook-f footer-logo"></i></a></li> 1414 </ul> 1415 </div> 1416 </div> 1417 </div> 1418 </div> 1419 </div> 1420</footer> 1421 1422 <!-- ======================= 1423 Footer END --> 1424 1425 <!-- Back to top --> 1426 <!--Vendors-->
1427<script src="https://cdn.jsdelivr.net/npm/@srexi/purecounterjs/dist/purecounter_vanilla.js"></script>
vendor: 1 bytes, line 1427
1427
1428<script src="https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js"></script>
vendor: 1 bytes, line 1428
1428
1429<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
1429<!-- AOS --> 1430
1431<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1431 1432 1433<!-- Bootstrap -->
1434<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1434 1435 1436 1437<!-- Glightbox -->
1438<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
1438 1439 1440<!-- imagesLoaded -->
1441<script src="https://unpkg.com/[email protected]/imagesloaded.pkgd.min.js"></script>
1441 1442 1443<!-- Isotope -->
1444<script src="https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js"></script>
1444 1445 1446 1447<!-- Jarallax -->
1448<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jarallax.min.js"></script>
1448 1449 1450<!-- jQuery -->
1451<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1451 1452 1453<!-- Typed.js -->
1454<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
1454 1455<!-- Theme Functions -->
1456<script src="https://easytransfert.ci/assets/js/functions.js"></script>
1456 1457 1458
1459<script> 1460 AOS.init({ 1461 duration: 800, // Durée de l'animation (800ms) 1462 easing: 'ease-in-out', // Type d'animation fluide 1463 once: true, // Animation une seule fois 1464 offset: 100 // Déclenche 100px avant que l'élément soit visible 1465}); 1466</script>
1466 1467 1468 1469</body> 1470 1471</html> 1472
1473<script> 1474 const themeToggles = document.querySelectorAll('.theme-toggle'); 1475 const htmlEl = document.documentElement; 1476 1477 const savedTheme = localStorage.getItem('theme') || 'light'; 1478 htmlEl.setAttribute('data-bs-theme', savedTheme); 1479 1480 themeToggles.forEach(btn => { 1481 btn.addEventListener('click', () => { 1482 const isDark = htmlEl.getAttribute('data-bs-theme') === 'dark'; 1483 const newTheme = isDark ? 'light' : 'dark'; 1484 1485 htmlEl.setAttribute('data-bs-theme', newTheme); 1486 localStorage.setItem('theme', newTheme); 1487 1488 btn.classList.add('pulse'); 1489 setTimeout(() => btn.classList.remove('pulse'), 500); 1490 }); 1491 }); 1492</script>
vendor: 1 bytes, line 1492
1492
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.