{% extends 'base_front.html.twig' %}
{% block title 'Gica | Accueil!' %}
{% block body %}
<main>
<!-- audioautoplay -->
<section id="toast" class="info toast-onload">
<div id="icon-wrapper">
<div id="icon">
<div class="pause" onclick="togglePlay()">🔇</div>
<div class="player">
<audio class="audio" preload="auto"
src="{{ asset('assets/themes/gica/content/images/Colin Vallon Trio - Mars (mp3cut.net).mp3') }}"
loop></audio>
</div>
</div>
</div>
<div id="toast-message">
<h4>Lecture en cours</h4>
<p>Profite de la musique pendant que tu navigues !</p>
</div>
<button id="toast-close"></button>
<div id="timer"></div>
</section>
<!-- audioautoplay -->
<section style="display: none;" id="toast" class="info toast-onload">
<div id="icon-wrapper">
<div id="icon">
<div class="pause" onclick="togglePlay()">🔇</div>
<div class="player">
<audio class="audio" preload="auto" src="" loop></audio>
</div>
</div>
</div>
<div id="toast-message">
<h4>Lecture en cours</h4>
<p>Profite de la musique pendant que tu navigues !</p>
</div>
<button id="toast-close"></button>
<div id="timer"></div>
</section>
<section class="section-video section-home-slider light section-image section-home-one no-padding-y"
style="background-image:url({{ asset('assets/themes/gica/content/images/background/101.jpg') }})">
<div class="container">
<hr class="space-lg">
<hr class="space">
<div class="row">
<div class="col-lg-6">
<h1 data-anima="fade-left" data-time="2000" class="text-xl"
style="color: rgb(18, 48, 74) !important;">Avec le Groupe GICA, accédez à des solutions
innovantes de microfinance : </h1>
<hr class="space-sm"/>
<p data-anima="fade-left" data-time="2000">
des services d'épargne sécurisés pour bâtir votre avenir et des crédits flexibles pour
financer vos projets. Soutenons vos ambitions, stimulons votre potentiel Ă©conomique et
construisons un avenir inclusif. Rejoignez-nous et faites partie du changement</p>
<hr class="space-sm"/>
<a href="{{ path('inFront_produits') }}" class="btn btn-sm btn-circle" data-anima="fade-left"
data-time="3000">View services</a>
<a href="{{ path('inFront_equipe') }}" class="btn btn-sm btn-circle btn-border"
data-anima="fade-left" data-time="3000" style="color: #f68634 !important;">View team</a>
</div>
<div class="col-lg-6">
<ul class="slider" data-options="arrows:false,nav:false,autoplay:5000,controls:out"
data-anima="fade-right" data-time="2000">
<li>
<!-- <h1 class="image-none" style="color: #03a657 !important;">Assurance de voyage</h1> -->
<a class="img-box lightbox"
href="{{ asset('assets/themes/gica/content/images/publicite/pub1.jpg') }}"
data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/gica/content/images/publicite/pub1.jpg') }}"
alt="">
</a>
</li>
<li>
<!-- <h1 class="image-none" style="color: #f68634 !important;">Service de transport</h1> -->
<a class="img-box lightbox"
href="{{ asset('assets/themes/gica/content/images/publicite/pub2.jpg') }}"
data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/gica/content/images/publicite/pub2.jpg') }}"
alt="">
</a>
</li>
<li>
<!-- <h1 class="image-none" style="color: #03a657 !important;">Agence de voyage</h1> -->
<a class="img-box lightbox"
href="{{ asset('assets/themes/gica/content/images/publicite/pub3.jpg') }}"
data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/gica/content/images/publicite/pub3.jpg') }}"
alt="">
</a>
</li>
<li>
<!-- <h1 class="image-none" style="color: #f68634 !important;">Agence de voyage</h1> -->
<a class="img-box lightbox"
href="{{ asset('assets/themes/gica/content/images/publicite/pub4.jpg') }}"
data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/gica/content/images/publicite/pub4.jpg') }}"
alt="">
</a>
</li>
</ul>
</div>
</div>
<hr class="space"/>
<hr class="space"/>
</div>
</section>
<section class="section-base section-overflow-top">
<div class="container">
<div class="grid-list" data-columns="4" data-columns-md="2" data-columns-sm="1">
<div class="grid-box" data-anima="fade-bottom" data-time="1000" data-timeline="asc">
<div class="grid-item anima">
<div class="cnt-box cnt-box-top-icon boxed">
<!-- <i class="im-monitor-phone"></i> -->
<div class="caption">
<a href="#" class=""><img
src="{{ asset('assets/themes/gica/content/images/icons/icon-10.svg') }}"
alt="Home Gica" style="width:150px"></a>
<hr class="space-xs">
<h2>Transparence des informations</h2>
<p>
Ouvert et honnĂŞte dans vos transactions. </p>
</div>
</div>
</div>
<div class="grid-item anima">
<div class="cnt-box cnt-box-top-icon boxed">
<!-- <i class="im-bar-chart2"></i> -->
<div class="caption">
<a href="#" class=""><img
src="{{ asset('assets/themes/gica/content/images/icons/icon-7.svg') }}"
alt="Home Gica" style="width:150px"></a>
<hr class="space-xs">
<h2>Accompagnement personnalisé</h2>
<p>
Capacité à répondre à vos besoins financiers </p>
</div>
</div>
</div>
<div class="grid-item anima">
<div class="cnt-box cnt-box-top-icon boxed">
<!-- <i class="im-medal"></i> -->
<div class="caption">
<a href="#" class=""><img
src="{{ asset('assets/themes/gica/content/images/icons/icon-5.svg') }}"
alt="Home Gica" style="width:150px"></a>
<hr class="space-xs">
<h2>Accessibilité des services</h2>
<p>
Accès limité aux services financiers traditionnels. </p>
</div>
</div>
</div>
<div class="grid-item anima">
<div class="cnt-box cnt-box-top-icon boxed">
<!-- <i class="im-business-man"></i> -->
<div class="caption">
<a href="#" class=""><img
src="{{ asset('assets/themes/gica/content/images/icons/icon-6.svg') }}"
alt="Home Gica" style="width:150px"></a>
<hr class="space-xs">
<h2>Engagement envers la communauté</h2>
<p>
Développement durable et le bien-être de la communauté </p>
</div>
</div>
</div>
</div>
</div>
<div class="row row-fit-lg" data-anima="fade-bottom" data-time="1000">
<div class="col-lg-6">
<div class="grid-list list-gallery grid-wall-1" data-lightbox-anima="fade-top" data-columns="2">
<div class="grid-box">
<div class="grid-item">
<a class="img-box"
href="{{ asset('assets/themes/gica/content/images/ayiti/sans-souci.jpg') }}">
<img src="{{ asset('assets/themes/gica/content/images/ayiti/sans-souci.jpg') }}"
alt="About" style="">
</a>
</div>
<div class="grid-item">
<a class="img-box"
href="{{ asset('assets/themes/gica/content/images/ayiti/vertiere.jpg') }}">
<img src="{{ asset('assets/themes/gica/content/images/ayiti/vertiere.jpg') }}"
alt="About" style="">
</a>
</div>
<div class="grid-item">
<a class="img-box"
href="{{ asset('assets/themes/gica/content/images/ayiti/citadelle.jpg') }}">
<img src="{{ asset('assets/themes/gica/content/images/ayiti/citadelle.jpg') }}"
alt="About" style="">
</a>
</div>
<div class="grid-item">
<a class="img-box"
href="{{ asset('assets/themes/gica/content/images/ayiti/iles_a_vaches.jpg') }}">
<img src="{{ asset('assets/themes/gica/content/images/ayiti/iles_a_vaches.jpg') }}"
alt="About" style="">
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="title">
<h2>Notre mission et nos valeurs</h2>
<p>Ă€ propos de nous</p>
</div>
<p>Le groupe GICA vise à soutenir le développement du secteur agricole et financier en Haïti en
créant des emplois et en produisant des biens. Il aspire à devenir une firme innovante dans
la microfinance avec des services numérisés,
tout en valorisant des principes de développement, leadership et innovation.</p>
<div class="box-sign">
<img alt="sign" src="{{ asset('assets/themes/gica/content/images/sign-dark.png') }}"
width="110">
<b>Charcot Rosembert</b>
<span>Founder & CEO</span>
</div>
</div>
</div>
</div>
</section>
<style>
.background-gradient {
/* Applique un dégradé avec une image */
background-image: linear-gradient(rgba(182, 177, 177, 0.934), rgba(1, 1, 1, 0.317));
}
</style>
<section class="section-base">
<div class="container">
<h2 class="align-center">Indicateurs clés de performance client</h2>
<p class="align-center width-650">
Le suivi des nouveaux clients, de la satisfaction et des financements permet d’évaluer la croissance
et d’optimiser les stratégies pour un développement durable. </p>
<hr class="space">
<table class="table table-grid table-border align-center table-full-sm no-padding-y">
<tbody>
<tr>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Nombre de nouveaux client ce mois-ci <br> (en temps reel).</h3>
<div class="value">
<span class="text-md" data-to="29" data-speed="3000" data-unit="%">29</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs">
<p>
Le suivi en temps réel des nouveaux clients permet d’évaluer instantanément la
croissance et d’ajuster les stratégies pour optimiser l’engagement. </p>
</td>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Taux de satisfaction client</h3>
<div class="value">
<span class="text-md" data-to="5" data-speed="3000" data-unit="+">5</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs">
<p>
Le taux de satisfaction client mesure le contentement des clients et aide à améliorer
l’expérience utilisateur pour renforcer la fidélisation. </p>
</td>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Nombre de PE Financées
</h3>
<div class="value">
<span class="text-md" data-to="5" data-speed="3000" data-unit="x">5</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs">
<p>
Cet indicateur permet d’évaluer l’impact des aides financières accordées, la croissance
du soutien aux entrepreneurs et le développement économique du secteur concerné. </p>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section-base section-bottom-layer- section-color-">
<div class="container">
<!-- <hr class="space" /> -->
<div class="row" data-anima="fade-bottom" data-time="1000">
<div class="col-lg-5">
<h2>Vous devriez nous choisir</h2>
<p>
Choisir GICA Services offre des solutions financières accessibles et personnalisées pour
ceux avec un accès limité aux services traditionnels </p>
<a href="{{ path('inFront_missionsEtVisions') }}#info" class="btn-text">Parcourir</a>
</div>
<div class="col-lg-7">
<ul class="slider slider-zoom-center"
data-options="type:carousel,perView:3,perViewSm:1,focusAt:center,gap:0,nav:true,controls:out,autoplay:3000">
<li>
<a href="#" target="_blank" class="media-box media-box-full light align-left">
<img src="{{ asset('assets/themes/gica/content/images/background/5 - Copy.jpg') }}"
alt="Partenaires">
<div class="caption">
<h2>Inclusion financière</h2>
<div class="extra-field">Favoriser l'accès aux services financiers pour tous
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank" class="media-box media-box-full light align-left">
<img src="{{ asset('assets/themes/gica/content/images/background/6.jpg') }}"
alt="Partenaires">
<div class="caption">
<h2>Soutien personnalisé</h2>
<div class="extra-field">Un accompagnement unique pour vos projets financiers
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank" class="media-box media-box-full light align-left">
<img src="{{ asset('assets/themes/gica/content/images/background/2.jpg') }}"
alt="Partenaires">
<div class="caption">
<h2>Soutien personnalisé</h2>
<div class="extra-field">Un accompagnement unique pour vos projets financiers
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section-base section-color">
<div class="container">
<div class="row" data-anima="fade-bottom" data-time="1000">
<div class="col-lg-6">
<div class="title">
<h2>Processus de développement</h2>
<p>Notre formule</p>
</div>
</div>
<div class="col-lg-6 align-right align-left-md">
<hr class="space-sm hidden-md"/>
<a href="{{ path('inFront_pointsDeServices') }}" class="btn-text active">Voir les
prestations</a>
</div>
</div>
<hr class="space"/>
<div class="box-steps" data-anima="fade-bottom" data-time="1000">
<div class="step-item">
<span>1</span>
<div class="content">
<h3>Rendez-vous clients</h3>
<div>
<p>
Après prise de contact, le Client est recu pour une consultation, laquelle permet de
presenter nos produits financiers. </p>
</div>
</div>
</div>
<div class="step-item">
<span>2</span>
<div class="content">
<h3>Choix du produit / Accompagnement</h3>
<div>
<p>
L'agent financier accompagne le Client dans le choix du produit en fonction du
profil algorithmique Ă©conomique du client.
</p>
</div>
</div>
</div>
<div class="step-item">
<span>3</span>
<div class="content">
<h3>Du rêve à la réalité</h3>
<div>
<p>
Le client passe a l'action et demarre avec le plan financier choisit afin
d'atteindre l'objectif fixe. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-video light background-gradient">
<video autoplay loop muted playsinline
poster="{{ asset('assets/themes/gica/content/images/video-poster.jpg') }}">
<source src="{{ asset('assets/themes/gica/content/images/video.mp4') }}" type="video/mp4">
</video>
<div class="container">
<div class="row" data-anima="fade-bottom" data-time="1000">
<div class="col-lg-6">
<div class="title">
<h2>DĂ©couvrez nos solutions</h2>
<p>Services personnalisés</p>
</div>
<p style="color: #ebebeb;">
Nous vous proposons une gamme complète de solutions adaptées à vos besoins. Nous mettons
notre expertise et notre savoir-faire Ă votre disposition pour vous aider Ă atteindre vos
objectifs </p>
<a href="{{ path('inFront_produits') }}#service" class="btn-text active">Tous les services</a>
</div>
<div class="col-lg-6">
<div class="grid-list gap-40" data-columns="2" data-columns-xs="1">
<div class="grid-box">
<div class="grid-item">
<div class="icon-box icon-box-left">
<i class="im-money" style="color: #fff;"></i>
<div class="caption">
<h3 style="color:#f68634;">PrĂŞts</h3>
<p style="color: #fff; text-align:initial;">Fonds nécessaires pour la
prompte réalisation de vos divers projets.</p>
</div>
</div>
</div>
<div class="grid-item">
<div class="icon-box icon-box-left">
<i class="im-bar-chart" style="color: #fff;"></i>
<div class="caption">
<h3 style="color:#f68634;">
Escalier</h3>
<p style="color: #fff; text-align:initial;">Economiser graduellement pendant
32 ou 62 jours.</p>
</div>
</div>
</div>
<div class="grid-item">
<div class="icon-box icon-box-left">
<i class="im-shield" style="color: #fff;"></i>
<div class="caption">
<h3 style="color:#f68634;">Sabotay Plus</h3>
<p style="color: #fff; text-align:initial;">Il s'adapte aux besoins
ponctuels ou Ă long terme.</p>
</div>
</div>
</div>
<div class="grid-item">
<div class="icon-box icon-box-left">
<i class="im-cube-molecule" style="color: #fff;"></i>
<div class="caption">
<h3 style="color:#f68634;">Sol Plus</h3>
<p style="color: #fff; text-align:initial;">Economiser votre argent Ă court,
moyen ou long terme.</p>
</div>
</div>
</div>
<div class="grid-item">
<div class="icon-box icon-box-left">
<i class="im-map" style="color: #fff;"></i>
<div class="caption">
<h3 style="color:#f68634;">Terrain</h3>
<p style="color: #fff; text-align:initial">Faciliter l’épargne des clients
pour l'accumulaton des fonds destinés à l’achat de terrains.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-base section-color-">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>Feedbacks clients</h2>
</div>
<div class="col-lg-6 align-right align-left-md">
<a href="{{ path('inFront_histoiresBeneficiaires') }}" class="btn-text">All reviews</a>
</div>
</div>
<hr class="space">
<ul class="slider"
data-options="type:carousel,arrows:true,nav:false,perView:3,perViewSm:2,perViewXs:1,gap:30,controls:out">
<li>
<div class="cnt-box cnt-box-testimonials-bubble">
<p>
Ce service m'a permis de lancer une entreprise avec un petit capital et a changé ma vie
et celle de ma famille. Je le recommande aux femmes entrepreneures. </p>
<div class="thumb-bar">
<img src="{{ asset('media/user-2.jpg') }}" alt="">
<p>
<span>Madeleine</span>
<span>Madou Pharma</span>
</p>
</div>
</div>
</li>
<li>
<div class="cnt-box cnt-box-testimonials-bubble">
<p>
Grâce à Sabotay Plus, j'ai obtenu un prêt rapidement pour agrandir mon commerce, une
solution adaptée là où les banques me refusaient. </p>
<div class="thumb-bar">
<img src="{{ asset('media/user-2.jpg') }}" alt="">
<p>
<span>Alexis Jouvener</span>
<span>Boss Peintre</span>
</p>
</div>
</div>
</li>
<li>
<div class="cnt-box cnt-box-testimonials-bubble">
<p>
J'apprécie la flexibilité de GICASERVICES, avec des options de remboursement claires et
adaptées à mes revenus, me permettant de rembourser sans difficulté. </p>
<div class="thumb-bar">
<img src="{{ asset('media/user-2.jpg') }}" alt="">
<p>
<span>Jacotin Eneque</span>
<span>Service Transport</span>
</p>
</div>
</div>
</li>
<li>
<div class="cnt-box cnt-box-testimonials-bubble">
<p>
J'apprécie la flexibilité de GICASERVICES, avec des options de remboursement claires et
adaptées à mes revenus, me permettant de rembourser sans difficulté. </p>
<div class="thumb-bar">
<img src="{{ asset('assets/themes/gica/content/images/users/jacotin.jpg') }}" alt="">
<p>
<span>Jacotin Eneque</span>
<span>Service Transport</span>
</p>
</div>
</div>
</li>
<li>
<div class="cnt-box cnt-box-testimonials-bubble">
<p>
En plus du prêt, j'ai reçu des conseils en gestion qui m'ont aidé à mieux planifier mes
finances et à faire croître mon activité durablement. </p>
<div class="thumb-bar">
<img src="{{ asset('assets/themes/gica/content/images/users/jacotin.jpg') }}" alt="">
<p>
<span>Patrick</span>
<span>Chauffeur</span>
</p>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="section-base align-center section-color">
<div class="container">
<h2>Abonnez-vous maintenant</h2>
<div class="width-650">
<p>Abonnez-vous et ne manquez rien !</p>
<hr class="space-sm">
<form method="post" action=""
class="form-box form-ajax form-inline align-center ajax_form af_example">
<div class="row">
<div class="col-lg-4">
<input style="background-color: #f0f9f5;" id="af_name" name="name" value=""
placeholder="Nom et prénom" type="text" class="input-text" required="">
<span class="error_name"></span>
</div>
<div class="col-lg-4">
<input style="background-color: #f0f9f5;" id="af_email" name="mail" value=""
placeholder="Email" type="email" class="input-text" required="">
<span class="error_name"></span>
</div>
<div class="col-lg-4">
<button class="btn btn-sm btn-circle btn-primary" type="submit">S'abonner</button>
<span class="form-message"></span>
</div>
</div>
<div class="form-checkbox">
<input type="checkbox" id="check" name="check" value="check" required="">
<label for="check">Vous acceptez les conditions d'utilisation et la politique de
confidentialité</label>
</div>
<input type="hidden" name="af_action" value="">
</form>
</div>
</div>
</section>
</main>
{% endblock %}