@extends('layouts.master')
@section('title')
    A propos
@endsection

@section('content')
    <div class="breadcumb-wrapper " data-bg-src="assets/img/breadcumb/breadcumb-bg.jpg">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">A propos</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{ route('index') }}">Accueil</a></li>
                        <li>A propos de nous</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
    About Us
    ==============================-->
    <section data-bg-src="assets/img/bg/about-bg-5-1.jpg">
        <div class="container container-style1">
            <div class="">
                <div class="col-lg-12 col-xl-auto pt-5  wow fadeInUp" data-wow-delay="0.2s">
                    <div class="">
                        <span class="sec-subtitle"><i class="fas fa-bring-forward"></i>Présentation</span>
                        <h2 class="sec-title3 h1">Qui sommes nous ?</h2>
                        <p>EVOLUTIC GROUPE est une Société à Responsabilité Limitée avec près d'une dizaine d'années d'expérience qui ambitionne de devenir un acteur majeur dans le domaine des nouvelles technologies au Bénin et dans la sous-région ouest africaine. Au-delà de nos prestations d'ingénierie, nous développons et opérons nos propres solutions SaaS — dont <strong>EvoluticImmo</strong> (gestion locative) et <strong>StockFri</strong> (gestion de stock) — utilisées par des centaines de professionnels.</p>
                        
                        <p>EVOLUTIC GROUPE développe des compétences et partenariats afin d’offrir à ses clients des solutions technologiques innovantes, performantes, fiables, faciles à maintenir et à exploiter.</p>
                        <div
                            class="row gx-0 align-items-center flex-row-reverse justify-content-end mt-sm-3 pt-sm-3 mb-30 pb-10">
                            <div class="col-sm-auto">
                                {{-- <p class="author-degi">Founder & CEO</p>
                                <h3 class="h5 author-name">Adam Smith</h3> --}}
                            </div>
                            <div class="col-sm-auto">
                                <div class="about-call">
                                    <div class="about-call__icon"><i class="fas fa-phone-alt"></i></div>
                                    <div class="media-body">
                                        <span class="about-call__label">Pour toutes préoccupations</span>
                                        <p class="about-call__number">
                                            <a href="tel:{{ config('contact.phones.0.tel') }}">{{ config('contact.phones.0.display') }}</a>
                                            <span class="d-block mt-1">
                                                <a href="https://wa.me/{{ config('contact.whatsapp.url') }}">WhatsApp {{ config('contact.whatsapp.display') }}</a>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">Contact<i class="far fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
    Solutions Area
    ==============================-->
    <section class="space-top space-extra-bottom bg-light">
        <div class="container wow fadeInUp" data-wow-delay="0.2s">
            <div class="title-area text-center">
                <span class="sec-subtitle"><i class="fas fa-bring-forward"></i>Nos Produits</span>
                <h2 class="sec-title h5">Les solutions que nous avons créées</h2>
            </div>
            <div class="row g-4 mt-2">
                @foreach (config('solutions.items') as $solution)
                    @include('solutions.partials.card', ['solution' => $solution])
                @endforeach
            </div>
        </div>
    </section>
    <!--==============================
    Service Area
    ==============================-->
    <section class=" space-top space-extra-bottom" id="services">
        <div class="container   wow fadeInUp" data-wow-delay="0.2s">
            <div class="title-area">
                <span class="sec-subtitle"><i class="fas fa-bring-forward"></i>Nos Services</span>
                <h2 class="sec-title h6">EVOLUTIC GROUPE vous offre des prestations variées et diversifiées pour répondre à vos besoins</h2>
            </div>            
            
            <div class="row vs-carousel" data-slide-show="3" data-md-slide-show="2" data-center-mode="true">
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5">INGENIERIE INFORMATIQUES</h3>
                        <div class="price-amount h1"></div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Conception, analyse et développement de systèmes</li>
                                <li><i class="far fa-check-circle"></i>Développement de sites web</li>
                                <li><i class="far fa-check-circle"></i>Développement d’applications</li>
                                <li><i class="far fa-check-circle"></i>Développement d’applications mobiles</li>
                                <li><i class="far fa-check-circle"></i>Développement de portails transactionnels</li>
                                <li><i class="far fa-check-circle"></i>Programmable Chatbots</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5 pb-4">FORMATIONS</h3>
                        <div class="price-amount h1"></div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Formation en développement Web</li>
                                <li><i class="far fa-check-circle"></i>Formation en développement Mobile</li>
                                <li><i class="far fa-check-circle"></i>Recyclage</li>
                                <li><i class="far fa-check-circle"></i>Mise à niveau</li>
                                <li><i class="far fa-check-circle"></i>Formation accélérée</li>
                                <li><i class="far fa-check-circle"></i>Formation normale</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5 pb-4">PRESTATION DE SERVICES</h3>
                        <div class="price-amount h1"> </div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Fournitures de bureau</li>
                                <li><i class="far fa-check-circle"></i>Achat & Vente de Matériels Informatiques</li>
                                <li><i class="far fa-check-circle"></i>Conseils Informatiques</li>
                                <li><i class="far fa-check-circle"></i>Charte graphique</li>
                                <li><i class="far fa-check-circle"></i>Création de maquette (Prototype)</li>
                                <li><i class="far fa-check-circle"></i>Service de nettoyage</li>
                                <li><i class="far fa-check-circle"></i>Service de livraison (colis & repas)</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endsection