@extends('layouts.master')
@section('accueilactive', 'active')
@section('content')

    <!-- start banner area -->
    <style type="text/css">
        @media (min-width: 320px) and (max-width: 575px) {
            

            #honocode{
                display: none !important;
            }

            #honocode2{
                margin-top:0px !important;
            }
        }
    </style>
    <section class="home1 banner" data-img="accueil_template/assets/images/home1/banner/banner-bg.png">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="content">
                        <div class="row">
                            <div class="col-lg-7 order-1 order-lg-0">
                                <div class="text-area">
                                    <h1 class="wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">KILI CRM</h1>
                                    <p class="wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">Votre application de gestion commercial qui vous aide à mieux gérer vos actions commerciales. Elle offre une bonne gestion des rendez-vous, du carnet d’adresse, des ventes, des clients et prospects </p>
                                    <ul id="honocode" class="d-flex wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">
                                        <li>
                                            <a href="#!">
                                                <img src="accueil_template/assets/images/home1/banner/applestore.png" alt="Apple Store">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#!">
                                                <img src="accueil_template/assets/images/home1/banner/playstore.png" alt="Play Store">
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="align-items-center">
                                        <li id="honocode2" style="margin-top:20px; font-family: var(--heebo);font-weight: 500; display: inline-block; padding: 0 30px; line-height: 50px;
    color: var(--dark);
    background: var(--white);
    text-transform: capitalize;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border: 1px solid var(--white);"> <a href="{{url('tester')}}">Tester gratuitement</a></li>
                                    </ul>
                                    <p></p>
                                </div>
                            </div>
                            <div class="col-lg-5 order-0 order-lg-1">
                                <div class="image-area text-end wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="1s">
                                    <img src="accueil_template/assets/images/home1/banner/banner-img.png" alt="Banner">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end banner area -->

    <!-- start feature area -->
    <section class="home1 feature p-120">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
                    <div class="section-title wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
                        <h2>Fonctionnalités</h2>
                        <p>KILICRM est une application de gestion commercial qui vous aide à mieux gérer vos actions commerciales. Elle offre une permet une bonne gestion des rendez-vous, du carnet d’adresse, des ventes, des clients et prospects. </p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-setup"></i>
                                </div>
                                <span>01</span>
                                <h5>Carnet d'adresse</h5>
                                <p>Le carnet d'adresse de notre application de gestion commerciale offre une gestion centralisée et intuitive des contacts. Il permet d'enregistrer et organiser les informations essentielles sur vos clients, fournisseurs, et partenaires commerciaux, facilitant ainsi un accès rapide aux détails clés pour une communication efficace.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-mobile-app-developing"></i>
                                </div>
                                <span>02</span>
                                <h5>Rendez-vous</h5>
                                <p>La fonctionnalité de rendez-vous simplifie la planification et l'organisation de vos rencontres professionnelles. Vous pouvez facilement fixer des rendez-vous avec vos clients, collaborateurs, ou fournisseurs, tout en recevant des rappels pour vous assurer que vos engagements sont respectés, optimisant ainsi votre gestion du temps.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-technology"></i>
                                </div>
                                <span>03</span>
                                <h5>Planning</h5>
                                <p>La fonction de planning offre une vue d'ensemble claire de vos activités quotidiennes, hebdomadaires, et mensuelles. Organisez facilement vos tâches, rendez-vous, et projets, optimisant ainsi votre gestion du temps et vous permettant de rester concentré sur vos priorités.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-setup"></i>
                                </div>
                                <span>04</span>
                                <h5>Ventes</h5>
                                <p>La gestion des ventes offre une vision complète du cycle de vente, de la création des devis à la facturation finale. Suivez l'évolution des opportunités commerciales, gérez les commandes, et générez des rapports détaillés pour une analyse approfondie des performances de vente, permettant ainsi une prise de décision éclairée.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-mobile-app-developing"></i>
                                </div>
                                <span>05</span>
                                <h5>Rappels</h5>
                                <p>Les rappels sont des outils puissants pour ne manquer aucune échéance cruciale. Créez des rappels personnalisés pour les tâches importantes telles que les suivis clients, les échéances de paiement, ou toute autre action critique, garantissant ainsi une gestion proactive de vos activités commerciales.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
                                <div class="icon">
                                    <i class="flaticon-technology"></i>
                                </div>
                                <span>06</span>
                                <h5>Intérêts clients</h5>
                                <p>Suivre les intérêts et préférences de vos clients est essentiel pour une relation commerciale fructueuse. Notre application de gestion commerciale vous permet de consigner et analyser les intérêts de chaque client, facilitant ainsi une personnalisation efficace de vos interactions et offres, renforçant ainsi la satisfaction client et la fidélisation.</p>
                                <a href="javascript:void(0)"><i class="flaticon-arrow-pointing-to-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end feature area -->



    <!-- start about area -->
    {{--
    <section class="home1 about p-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <div class="image text-center wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="1s">
                                <img src="accueil_template/assets/images/home1/about/img1.png" alt="About">
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="content wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="1s">
                                <h3>Amazing Consulting Provider Agency to Our Best </h3>
                                <p>We work with the public sector to build thriving communities. And we ork with regulators and financial institutions to build trust and integrity in ets uis aliqua sunt nisi consectetur anim.</p>
                                <ul>
                                    <li class="d-flex">
                                        <div class="icon">
                                            <i class="flaticon-ribbon"></i>
                                        </div>
                                        <div class="text">
                                            <h6>Pixel Perfect Modern Layout</h6>
                                            <p>Medixer Care will be administered through plan-based omizable   incorporate partnership between family.</p>
                                        </div>
                                    </li>
                                    <li class="d-flex">
                                        <div class="icon">
                                            <i class="flaticon-24-hours"></i>
                                        </div>
                                        <div class="text">
                                            <h6>24/7 support</h6>
                                            <p>Medixer Care will be administered through plan-based omizable   incorporate partnership between family.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 pt-120">
                    <div class="row align-items-center">
                        <div class="col-lg-7 order-1 order-lg-0">
                            <div class="content wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="1s">
                                <h3>Optimize Your Business Data as You Want, Easily!</h3>
                                <p>We work with the public sector to build thriving communities. And we ork with regulators and financial institutions to build trust and integrity in ets uis aliqua sunt nisi consectetur anim.</p>
                                <ul>
                                    <li class="d-flex">
                                        <div class="icon">
                                            <i class="flaticon-mobile-app-developing"></i>
                                        </div>
                                        <div class="text">
                                            <h6>Fully Responsive Across Devices</h6>
                                            <p>Medixer Care will be administered through plan-based omizable   incorporate partnership between family.</p>
                                        </div>
                                    </li>
                                    <li class="d-flex">
                                        <div class="icon">
                                            <i class="flaticon-setup"></i>
                                        </div>
                                        <div class="text">
                                            <h6>High Performance Theme</h6>
                                            <p>Medixer Care will be administered through plan-based omizable   incorporate partnership between family.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-5 order-0 order-lg-1">
                            <div class="image text-center wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="1s">
                                <img src="accueil_template/assets/images/home1/about/img2.png" alt="About">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    --}}
    <!-- end about area -->

    
    <!-- start client area -->
    <section class="home1 client p-120">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
                    <div class="section-title wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
                        <h2>Témoignages</h2>
                        <p>Découvrez certains témoignages de nos clients</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="row align-items-center">
                        <div class="col-lg-5 position-relative">
                            <div class="wow fadeInLeft" data-wow-delay="0.4s" data-wow-duration="1s">
                                <div class="shape"></div>
                                <div class="client-img-slider swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="image">
                                                <img src="{{url('accueil_template/assets/images/home1/client/img1.jpg')}}" alt="Client">
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="image">
                                                <img src="accueil_template/assets/images/home1/client/img2.jpg" alt="Client">
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="image">
                                                <img src="accueil_template/assets/images/home1/client/img1.jpg" alt="Client">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="wow fadeInRight" data-wow-delay="0.4s" data-wow-duration="1s">
                                <div class="client-slider swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="item swiper-slide">
                                            <p>Depuis que nous avons intégré KiliCRM dans notre workflow quotidien, notre productivité a augmenté de 30%. La gestion des relations clients est devenue plus fluide et plus efficace. C’est un outil indispensable pour notre équipe!</p>
                                            <h6>Martine FATI</h6>
                                            <p class="designation">Responsable Marketing, XYZ Solutions</p>
                                        </div>
                                        <div class="item swiper-slide">
                                            <p>L’implémentation de ce CRM a été une véritable révolution pour notre jeune entreprise. Il nous a aidés à structurer notre base de données clients et à personnaliser notre communication. Les fonctionnalités intuitives et le support client exceptionnel en font un choix gagnant."</p>
                                            <h6>Koffi TAKO</h6>
                                            <p class="designation">designer</p>
                                        </div>
                                        <div class="item swiper-slide">
                                            <p>Nous avons testé plusieurs CRM avant de trouver celui-ci, et c’est de loin le meilleur. La facilité d’utilisation et les options de personnalisation nous ont permis de l’adapter parfaitement à nos besoins. Nos projets sont maintenant gérés de manière plus cohérente et transparente.</p>
                                            <h6>Antoine Bernard</h6>
                                            <p class="designation">manager</p>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end client area -->

    <!-- start brand area -->
    <section class="home1 brand p-100">
        <div class="container">
            <div class="row">
                <div class="section-title wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
                    <h2>Ils nous font confiance</h2>
                    
                </div>
                <div class="col">
                    <div class="brand-logo text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
                        <a href="#!"><img src="accueil_template/assets/images/home1/brand/synergie.png" class="img-fluid" alt="Brand Logo" /></a>
                    </div>
                </div>
                <div class="col">
                    <div class="brand-logo text-center wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
                        <a href="#!"><img src="accueil_template/assets/images/home1/brand/lgxb.png" class="img-fluid" alt="Brand Logo" /></a>
                    </div>
                </div>
                <div class="col mt-sm-30">
                    <div class="brand-logo text-center wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
                        <a href="#!"><img src="accueil_template/assets/images/home1/brand/adj.png" class="img-fluid" alt="Brand Logo" /></a>
                    </div>
                </div>
                <div class="col mt-sm-30">
                    <div class="brand-logo text-center wow fadeInUp" data-wow-delay="0.7s" data-wow-duration="1s">
                        <a href="#!"><img src="accueil_template/assets/images/home1/brand/iafundingb.png" class="img-fluid" alt="Brand Logo" /></a>
                    </div>
                </div>
                <div class="col mt-sm-30">
                    <div class="brand-logo text-center wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">
                        <a href="#!"><img src="accueil_template/assets/images/home1/brand/milawe.png" class="img-fluid" alt="Brand Logo" /></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end brand area -->
    

@endsection