@extends('layouts.static.body')

@section('title', 'Finesis')

@section('content')

<!-- Bandeau Webinar -->
<section id="segmentation" class="wrapper">
  <div class="container">
    <div class="row">
      <div class="col-lg-7 wow animate__animated animate__fadeInLeft">
        <h2 class="wow animate__animated animate__fadeInDown">LA SEGMENTATION FINESIS</h2>
        <p class="seg-p violet wow animate__animated animate__fadeInLeft">
          <span>Outil de segmentation comportementale</span> des ménages français transposable aussi bien sur vos clients que sur vos zones de chalandises grâce au croisement des données de l’INSEE (IRIS / CARREAUX) et plus de 600 indicateurs socio-comportementaux.
        </p>
        <p class="seg-p jaune wow animate__animated animate__fadeInLeft">En tenant compte du «portrait robot» de nos 11 profils et 34 portraits, vous <span>anticiperez les attentes et les besoins de vos consommateurs.</span></p>
        <p class="seg-p vert wow animate__animated animate__fadeInLeft">Vous pourrez ainsi adopter des stratégies différenciées en suivant leurs habitudes de consommation, <span>cibler les meilleurs profils, développer une relation pérenne et rentable avec vos clients.</span></p>
        <a href="{{ url('/#a-propos') }}" class="degrade-bar wow animate__animated animate__fadeInLeft"> En savoir plus sur FINESIS </a>
      </div>
      <div class="col-lg-5 bg-segmentation wow animate__animated animate__fadeInRight"></div>
    </div>
  </div>
</section>

<section id="portail">
  <div class="container">
    <div class="row">
      <div class="col-lg-7">
        <lottie-player class="lottie-finesis " src="{{ asset ('/lottie/finesis-animated.json') }}"  loop  autoplay></lottie-player>
      </div>
      <div class="col-lg-5 wow animate__animated animate__fadeInRight d-flex flex-column justify-content-center ">
        <h2>Le portail FINESIS</h2>
        <p>
          Une plateforme ludique et ergonomique permettant d’analyser et de comprendre les attentes, les comportements de vos clients grâce à plus de 600 indicateurs socio comportementaux.
        </p>
        <a href="{{ route('contact', ['object' => 3]) }}" class=" btn btn-portail animate__animated animate__fadeIn"> Demander un accès </a>
      </div>
    </div>
  </div>
</section>

<section id="profils">
  <div class="wrapper">
    <h2 class="wow animate__animated animate__fadeInDown">Nos 11 profils de consommateurs</h2>
    <div class="sub-wrapper">
      <div class="profils_flex">
        <div class="profils-cell_container wow rose animate__animated animate__fadeIn">
          <div class="profils-cell_title rose">
            <h3>Cadres</h3>
          </div>
          <div class="profils-cell_content profil-a">
            <div class="profil-overlay"></div>
            <p><span>A</span><br />Hyper centres et conforts</p>
          </div>
        </div>
        <div class="profils-cell_container wow violet animate__animated animate__fadeIn">
          <div class="profils-cell_title violet">
            <h3>Hauts revenus</h3>
          </div>
          <div class="profils-cell_content profil-b">
            <div class="profil-overlay"></div>
            <p><span>B</span><br />Familles matures et confortables</p>
          </div>
        </div>
        <div class="profils-cell_container wow bleu animate__animated animate__fadeIn">
          <div class="profils-cell_title bleu">
            <h3>Bobos</h3>
          </div>
          <div class="profils-cell_content profil-c">
            <div class="profil-overlay"></div>
            <p><span>C</span><br />Urbains populaires</p>
          </div>
        </div>
        <div class="profils-cell_container wow turquoise animate__animated animate__fadeIn">
          <div class="profils-cell_title turquoise">
            <h3>Cols bleus</h3>
          </div>
          <div class="profils-cell_content profil-d">
            <div class="profil-overlay"></div>
            <p><span>D</span><br />Classes moyennes</p>
          </div>
        </div>
        <div class="profils-cell_container wow jaune animate__animated animate__fadeIn">
          <div class="profils-cell_title jaune">
            <h3>Périphérie</h3>
          </div>
          <div class="profils-cell_content profil-e">
            <div class="profil-overlay"></div>
            <p><span>E</span><br />Familles pendulaires aisées</p>
          </div>
        </div>
        <div class="profils-cell_container wow orange animate__animated animate__fadeIn">
          <div class="profils-cell_title orange">
            <h3>Familles</h3>
          </div>
          <div class="profils-cell_content profil-f">
            <div class="profil-overlay"></div>
            <p>
              <span>F</span><br />
              Petits ménages des villes moyennes
            </p>
          </div>
        </div>
        <div class="profils-cell_container wow rouge animate__animated animate__fadeIn">
          <div class="profils-cell_title rouge">
            <h3>Aides sociales</h3>
          </div>
          <div class="profils-cell_content profil-g">
            <div class="profil-overlay"></div>
            <p><span>G</span><br />Fins de mois difficiles</p>
          </div>
        </div>
        <div class="profils-cell_container wow saumon animate__animated animate__fadeIn">
          <div class="profils-cell_title saumon">
            <h3>Campus</h3>
          </div>
          <div class="profils-cell_content profil-h">
            <div class="profil-overlay"></div>
            <p><span>H</span><br />Diplômes et parcours supérieurs</p>
          </div>
        </div>
        <div class="profils-cell_container wow gris animate__animated animate__fadeIn">
          <div class="profils-cell_title gris">
            <h3>Agés</h3>
          </div>
          <div class="profils-cell_content profil-i">
            <div class="profil-overlay"></div>
            <p><span>I</span><br />Seniors</p>
          </div>
        </div>
        <div class="profils-cell_container wow vert animate__animated animate__fadeIn">
          <div class="profils-cell_title vert">
            <h3>Actifs</h3>
          </div>
          <div class="profils-cell_content profil-j">
            <div class="profil-overlay"></div>
            <p><span>J</span><br />Ruraux actifs</p>
          </div>
        </div>
        <div class="profils-cell_container wow vert-fonce animate__animated animate__fadeIn">
          <div class="profils-cell_title vert-fonce">
            <h3>Sédentaires</h3>
          </div>
          <div class="profils-cell_content profil-k">
            <div class="profil-overlay"></div>
            <p><span>K</span><br />Ruraux vieillissants</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="section-contact">
  <a href="{{ url('/contact') }}" class="btn-contact wow animate__animated animate__fadeIn"> Contactez-nous pour plus<br />d’informations </a>
</div>

<section id="usages" class="wrapper">
  <div class="container">
    <h2 class="wow animate__animated animate__fadeInDown">Pourquoi utiliser FINESIS ?</h2>
    <div class="row rouge wow animate__animated animate__fadeInLeftBig">
      <div class="col-lg-4 bg-marketing"></div>
      <div class="col-lg-8">
        <h3 class="degrade-bar">Marketing / Ventes</h3>
        <div class="usages-flex_container">
          <p>Connaissance clients</p>
          <p>Segmentation</p>
          <p>Ciblage</p>
          <p>Valeur clients</p>
          <p>Prospection / Recrutement</p>
          <p>Pilotage commercial</p>
        </div>
      </div>
    </div>
    <div class="row jaune wow animate__animated animate__fadeInRightBig">
      <div class="col-lg-4 bg-communication"></div>
      <div class="col-lg-8">
        <h3 class="degrade-bar">Communication</h3>
        <div class="usages-flex_container">
          <p>Choix du message</p>
          <p>Canal / Support</p>
        </div>
      </div>
    </div>
    <div class="row orange wow animate__animated animate__fadeInLeftBig">
      <div class="col-lg-4 bg-reseaux_mag"></div>
      <div class="col-lg-8">
        <h3 class="degrade-bar">Réseaux Magasins</h3>
        <div class="usages-flex_container">
          <p>Potentiels locaux</p>
          <p>Géo-merchandising</p>
          <p>Marketing de site</p>
          <p>Analyses de couverture</p>
        </div>
      </div>
    </div>
    <div class="row saumon wow animate__animated animate__fadeInRightBig">
      <div class="col-lg-4 bg-rel_client"></div>
      <div class="col-lg-8">
        <h3 class="degrade-bar">Relations clients</h3>
        <div class="usages-flex_container">
          <p>Risque d'attrition</p>
          <p>Études de satisfaction</p>
          <p>Réactivation des inactifs</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="a-propos" class="autres-projets">
  <div class="wrapper container">
    <h2 class="wow animate__animated animate__fadeInDown">A PROPOS DE FINESIS<br />Une entité de capency</h2>
    <div class="row sub-wrapper">
      <div class="col-lg-3 wow animate__animated animate__fadeInUp">
        <a href="https://www.capency.com/" target="_blank">
          <img class="autres-projet_img" src="{{ asset ('/img/static/Capency-logo-new.svg') }}" alt="Logo Capency" />
          <div class="col-lg-4 bg-capency"></div>
          <div>
            <h3>Data Quality</h3>
            <p>Autocomplétion et fiabilisation des données clients</p>
          </div>
        </a>
      </div>

      <div class="col-lg-7">
        <div class="row">
          <a href="{{ url('/') }}">
            <div class="col-lg-12 wow animate__animated animate__fadeInRight">
              <div class="container">
                <div class="row">
                  <div class="col-lg-4 bg-finesis-banner"></div>
                  <div class="col-lg-8">
                    <img class="autres-projet_img" src="{{ asset ('/img/static/logo.png') }}" alt="Logo Capency" />
                    <h3>Data & Analytics</h3>
                    <p>Outil de segmentation et de connaissance clients</p>
                  </div>
                </div>
              </div>
            </div>
          </a>
          <a href="https://www.rekkolt.com/" target="_blank">
            <div class="col-lg-12 wow animate__animated animate__fadeInRight">
              <div class="container">
                <div class="row">
                  <div class="col-lg-4 bg-rekkolt"></div>
                  <div class="col-lg-8">
                    <img class="autres-projet_img" src="{{ asset ('/img/static/logo-rekkolt.png') }}" alt="Logo Rekkolt" />
                    <h3>Prospect targeting</h3>
                    <p>Location et enrichissement de bases de données</p>
                  </div>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection