@extends('layouts.app')
@section('title', 'A Propos — Excellis Invest Group')

@section('content')
@php $t = '/beekohtm-30/beeko-v-3.0/assets'; @endphp

{{-- breadcrumb --}}
<section class="breadcrumb__area">
    <div class="breadcrumb__bg" data-background="{{ $t }}/img/bg/breadcrumb__bg.jpg"></div>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb__content">
                    <h2 class="title">À Propos</h2>
                    <nav class="breadcrumb">
                        <span property="itemListElement" typeof="ListItem">
                            <a href="{{ route('accueil') }}">Accueil</a>
                        </span>
                        <span class="breadcrumb-separator"><i class="fas fa-angle-right"></i></span>
                        <span property="itemListElement" typeof="ListItem">À Propos</span>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- about --}}
<section class="about__area section-py-130">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-9">
                <div class="about__img-wrap">
                    <div class="about__images">
                        <img src="{{ $t }}/img/images/about_img01.jpg" alt="img">
                        <img src="{{ $t }}/img/images/about_img02.jpg" alt="img" data-aos="fade-up" data-aos-delay="200">
                    </div>
                    <div class="experience__wrap" data-aos="fade-left" data-aos-delay="200">
                        <h2 class="count">20<span style="font-size:1rem">Mds</span></h2>
                        <span>Capital FCFA <br> investi en Afrique</span>
                    </div>
                    <div class="profit__wrap" data-parallax='{"x" : 50 }'>
                        <div class="thumb">
                            <img src="{{ $t }}/img/images/profit_grap.svg" alt="img">
                        </div>
                        <div class="content">
                            <h5 class="title">7+ Filiales</h5>
                            <span>dans 4 pays</span>
                        </div>
                    </div>
                    <div class="shape">
                        <img src="{{ $t }}/img/images/about_shape01.svg" alt="shape" data-aos="fade-up-right" data-aos-delay="600">
                        <img src="{{ $t }}/img/images/about_shape02.svg" alt="shape" class="alltuchtopdown">
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about__content">
                    <div class="section__title mb-15">
                        <span class="sub-title">Qui sommes-nous</span>
                        <h2 class="title">Excellis Invest Group, une holding <span>stratégique panafricaine</span> au service du développement.</h2>
                    </div>
                    <p>Excellis Invest Group (CIG) est une entité autonome du Groupe Coris, née de la volonté de disposer d'une structure dédiée à la gestion et au développement d'un portefeuille d'entreprises diversifié. Avec un capital de 20 milliards FCFA, EIG acquiert et développe des entreprises à fort potentiel à travers l'Afrique.</p>
                    <div class="about__inner-wrap">
                        <div class="about__list-box">
                            <div class="about__list-box-item">
                                <div class="icon"><i class="flaticon-growth"></i></div>
                                <div class="content"><h4 class="title">Vision <br> Panafricaine</h4></div>
                            </div>
                            <div class="about__list-box-item">
                                <div class="icon"><i class="flaticon-investment"></i></div>
                                <div class="content"><h4 class="title">Capital <br> Stratégique</h4></div>
                            </div>
                        </div>
                        <div class="about__inner-content">
                            <ul class="list-wrap about__list-item">
                                <li>
                                    <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.5252 3.5L5.30301 9.72222L2.47473 6.89394" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
                                    Holding d'investissement stratégique
                                </li>
                                <li>
                                    <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.5252 3.5L5.30301 9.72222L2.47473 6.89394" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
                                    9 secteurs d'activités couverts
                                </li>
                                <li>
                                    <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.5252 3.5L5.30301 9.72222L2.47473 6.89394" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
                                    Présence multi-pays en Afrique de l'Ouest
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="about__content-bottom">
                        <a href="{{ route('filiales') }}" class="tg-btn">Voir nos filiales <img src="{{ $t }}/img/icons/right_arrow.svg" alt="" class="injectable"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- mission / vision / valeurs --}}
<section class="services__area fix section-py-130 services__bg" data-background="{{ $t }}/img/bg/services_bg.png">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-6 col-lg-8">
                <div class="section__title text-center mb-50">
                    <span class="sub-title">Notre ADN</span>
                    <h2 class="title">Mission, Vision & Valeurs</h2>
                </div>
            </div>
        </div>
        <div class="row gutter-y-30">
            <div class="col-lg-4">
                <div class="services__item shine__animate-item" style="min-height:280px;">
                    <div class="services__icon" style="position:relative;top:auto;left:auto;margin-bottom:20px;"><i class="flaticon-target"></i></div>
                    <div class="services__content">
                        <h3 class="title">Notre Mission</h3>
                        <p>Acquérir, structurer et développer un portefeuille d'entreprises à fort potentiel, en créant de la valeur pour les parties prenantes et en contribuant au développement économique de l'Afrique.</p>
                    </div>
                    <div class="services__item-shape"><img src="{{ $t }}/img/services/services_item_shape.svg" alt="shape"></div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="services__item shine__animate-item" style="min-height:280px;">
                    <div class="services__icon" style="position:relative;top:auto;left:auto;margin-bottom:20px;"><i class="flaticon-growth"></i></div>
                    <div class="services__content">
                        <h3 class="title">Notre Vision</h3>
                        <p>Devenir la principale holding d'investissement panafricaine de référence, reconnue pour son excellence, son innovation et son impact positif sur les économies du continent.</p>
                    </div>
                    <div class="services__item-shape"><img src="{{ $t }}/img/services/services_item_shape.svg" alt="shape"></div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="services__item shine__animate-item" style="min-height:280px;">
                    <div class="services__icon" style="position:relative;top:auto;left:auto;margin-bottom:20px;"><i class="flaticon-success"></i></div>
                    <div class="services__content">
                        <h3 class="title">Nos Valeurs</h3>
                        <ul class="list-wrap about__list-item mt-10">
                            @foreach(['Excellence','Intégrité','Innovation','Solidarité','Engagement'] as $val)
                            <li>
                                <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.5252 3.5L5.30301 9.72222L2.47473 6.89394" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
                                {{ $val }}
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="services__item-shape"><img src="{{ $t }}/img/services/services_item_shape.svg" alt="shape"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="services__shape-wrap">
        <img src="{{ $t }}/img/services/services_shape01.svg" alt="shape" data-aos="fade-down-left" data-aos-delay="400">
        <img src="{{ $t }}/img/services/services_shape02.svg" alt="shape" data-aos="fade-up-right" data-aos-delay="400">
    </div>
</section>

{{-- counter --}}
<section class="counter__area">
    <div class="container">
        <div class="counter__wrap">
            <div class="row">
                <div class="col-lg-3 col-6">
                    <div class="counter__item">
                        <h2 class="count"><span class="odometer" data-count="20"></span> Mds</h2>
                        <p>Capital FCFA</p>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter__item">
                        <h2 class="count"><span class="odometer" data-count="7"></span>+</h2>
                        <p>Filiales actives</p>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter__item">
                        <h2 class="count"><span class="odometer" data-count="9"></span></h2>
                        <p>Secteurs couverts</p>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter__item">
                        <h2 class="count"><span class="odometer" data-count="4"></span>+</h2>
                        <p>Pays de présence</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="counter__shape">
        <img src="{{ $t }}/img/images/counter__shape.svg" alt="shape" data-aos="fade-up-left" data-aos-delay="400">
    </div>
</section>

{{-- cta --}}
<section class="cta__area">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <div class="cta__content">
                    <div class="section__title white-title">
                        <h2 class="title">Découvrez notre gouvernance et nos équipes dirigeantes</h2>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="cta__btn">
                    <a href="{{ route('gouvernance') }}" class="tg-btn tg-hover-btn">Voir la gouvernance <img src="{{ $t }}/img/icons/right_arrow.svg" alt="" class="injectable"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="cta__shape-wrap">
        <img src="{{ $t }}/img/images/cta_shape01.svg" alt="shape" data-aos="fade-up-right" data-aos-delay="400">
        <img src="{{ $t }}/img/images/cta_shape02.svg" alt="shape" data-aos="fade-up" data-aos-delay="400">
        <img src="{{ $t }}/img/images/cta_shape03.svg" alt="shape">
    </div>
</section>

@endsection