PageSourceSearch

https://easytransfert.ci/easybusiness

html easytransfert.ci collected 2026-09-24 14:36:02 UTC 73,545 bytes, 1,492 lines download raw bytes

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&amp;family=Inter:wght@400;500;600&amp;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&amp;fs=1&amp;[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.