@extends('front.partials.front')

@section('metatags')
<meta name="description" content="Souscrivez cette mutuelle santé maintenant. Nous vous couvrons même si vous n'avez pas de CNSS. Vous avez le droit à une couverture santé. PEGA Health est une assurance santé 100% en ligne qui a été élaborée pour répondre à un besoin spécifique en matière de gain de temps, de digitalisation et de réduction de frais de mutuelle santé classique. Notre offre consiste à mettre à disposition une plateforme de gestion de la mutuelle santé pour les professionnels ainsi qu'une application pour la dématérialisation du processus de remboursement des frais de soins." />
<meta name="keywords" content="Pega Health, Medical, assurance santé, assurance digitale, 0 papiers, indépendance, assurés autonomes, connexion, monde santé,procédure simplifiée, expérience client, centre d'interet, mutuelle, hospitalisation, frais médicaux, ordonnance, médecins,intelligence artificielle, blockchain, centralisation données, data" />
<meta name="copyright" content="Taillis Labs">
<meta name="url" content="http://www.pegahealth.com">
<meta name="identifier-URL" content="http://www.pegahealth.com">

<meta itemprop="image" content="assets/images/metalogo.png" />
<meta property="og:image" itemprop="image/*" content="assets/images/metalogo.png" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:site_name" content="PegaHealth" />

@endsection

@section('title', 'Votre Mutuelle Santé 100% en ligne')

@section('styles')
@endsection


@section('content')


<div class="landing--section">
  <section class="hero--section">
    <div class="container">
      <div class="row justify-conten-center align-items-">

        <div class="col-md-6 order-md-1">
          <div class="hero--section--heading">
            <div class="hero--section--heading--title">
              <h1>
                Une mutuelle santé 100% en ligne et sans tracas. 
              </h1>
            </div>
            <div class="hero--section--heading--desc">
              <p>
                Êtes vous à la recherche d’une mutuelle santé en ligne
                ? PEGA Health vous accompagne pour choisir la formule
                mutuelle santé la plus adaptée à votre besoin et budget !

              </p>
            </div>
            <!-- <div class="button button-1 m-top-10">
              <div id="circle"></div>
              <a href="/offres-mutuelle-sante">Découvrez nos offres</a>
            </div> -->
            <div class="pegahealth--offers--home">
              <div class="pegahealth--offers--home--item">
                <a href="/particuliere">
                  <div class="pegahealth--offers--home--item--front">
                    <img src="assets/images/startup-1.svg" alt="" />
                    <h2 class="pegahealth--offers--home--item--front--title">Indépendants </h2>
                  </div>
                </a>
                  <!-- <div class="pegahealth--offers--home--item--overlay">
                    <div class="button button-link ">
                      <a href="/particuliere">Je n'ai pas de cnss</a>
                    </div>
                    <div class="button button-link ">
                      <a href="/contact-independants">J'ai ma cnss</a>
                    </div>
                    <div class="button button-link ">
                      <a href="/contact-independants">J'ai ma cnss & Mutuelle</a>
                    </div>
                  </div>
                -->
              </div>
              <!-- <div class="pegahealth--offers--home--item">
                <a href="/contact-independants">
                  <div class="pegahealth--offers--home--item--front">
                    <img src="assets/images/salaries-1.svg" alt="" />
                    <h2 class="pegahealth--offers--home--item--front--title">Salariés</h2>
                  </div>
                </a>
              </div> -->
              <div class="pegahealth--offers--home--item">
                <a href="/grands-comptes">
                  <div class="pegahealth--offers--home--item--front">
                    <img src="assets/images/building-1.svg" alt="" />
                    <h2 class="pegahealth--offers--home--item--front--title">Entreprises</h2>
                  </div>
                </a>
              </div>
            </div>
            


          </div>
        </div>

        <div class="col-md-6 order-md-2">
          <!-- <img class="hero--section--image" src="assets/images/pega--01.svg" alt="" /> -->
           <div class="image--random">
          <img class="s--image--100 image--random--01 animate--float--1" src="assets/images/r02.svg" alt="" />
          <img class="s--image--100 image--random--02 animate--float--2" src="assets/images/r03.svg" alt="" />
          <img class="s--image--100 image--random--03 animate--float" src="assets/images/r01.svg" alt="" />
        </div>
        </div>

      </div>
    </div>
  </section>

  <object class="shape--hero--right" type="image/svg+xml" data="assets/images/shape-01.svg"></object>
  <object class="shape--hero--left" type="image/svg+xml" data="assets/images/shape-02.svg"></object>
  <object class="floating--logo" type="image/svg+xml" data="assets/images/logo-01.svg"></object>
  <!-- <object class="floating--logo--2" type="image/svg+xml" data="assets/images/logo-02.svg"></object> -->
  <object class="floating--logo--3" type="image/svg+xml" data="assets/images/logo-03.svg"></object>



  @include('/front/partials/media')

</div>

<div class="features--section--area section--60 ">
  <div class="container">
    <div class="row">
      <div class="second--title p-bottom-60">
        <!-- <img src="assets/images/icon--head.svg" alt="" class="second--title--emoji  animate--float--1" /> -->
                <h2 class="second--title--h2">
          Plus qu’une simple application. <br />Une solution pour vous rendre la vie facile !
        </h2>
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="4" viewBox="0 0 40 4">
          <g id="Group_32747" data-name="Group 32747" transform="translate(-309 -1017)">
            <g id="Group_32743" data-name="Group 32743" transform="translate(16)">
              <rect id="Rectangle_19361" data-name="Rectangle 19361" width="11" height="4" rx="2" transform="translate(293 1017)" fill="#112b75"/>
              <rect id="Rectangle_19362" data-name="Rectangle 19362" width="17" height="4" rx="2" transform="translate(307 1017)" fill="#FE5D80"/>
              <rect id="Rectangle_19363" data-name="Rectangle 19363" width="6" height="4" rx="2" transform="translate(327 1017)" fill="#5462aa"/>
            </g>
          </g>
        </svg>
      </div>
    </div>
    <div class="row align-items-center">
      <div class="col-md-6 col-lg-3">
        <div class="features--section--area--item">
          <div class="features--section--area--item--img ">
            <img src="assets/images/pegahealth/f--01.svg" alt="" />
          </div>
          <h4>Simplicité</h4>
          <p>Une application simple et facile à utiliser</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="features--section--area--item">
          <div class="features--section--area--item--img ">
            <img src="assets/images/pegahealth/f--icon--03.svg" alt="" />
          </div>
          <h4>Transparence</h4>
          <p>Une couverture 100% transparente</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="features--section--area--item">
          <div class="features--section--area--item--img ">
            <img src="assets/images/pegahealth/f--03.svg" alt="" />
          </div>
          <h4>Juste Prix</h4>
          <p>Nous en avons pour tous les budgets.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="features--section--area--item">
          <div class="features--section--area--item--img ">
            <img src="assets/images/pegahealth/f--02.svg" alt="" />
          </div>
          <h4>Suivi</h4>
          <p>Une vision globale sur les processus de remboursement.</p>
        </div>
      </div>
    </div>
    <div class="row align-items-center justify-content-center">
      <div class="col-md-6 p-top-40">
        <div class="features--section--area--store">
          <a href="/contactez-nous" target="_blank" class="app--badge">
            <img src="assets/images/google.svg" alt="Android" />
          </a>
          <a href="#" class="app--badge">
            <img src="assets/images/ios.svg" alt="IOS" />
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="why--section--area section--40 ">
  <div class="container">
    <div class="row">
      <!-- <div class="col">
            <div class="primary--title">
              <h2>PEGA HEALTH</h2>
            </div>
          </div> -->
      <div class="second--title p-bottom-40 ">
        <img src="assets/images/icon--head.svg" alt="" class="second--title--emoji  animate--float--1" />
        <h2 class="second--title--h2">
            <span class="pega">PEGA<span>Health</span></span>
          </h2>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="4" viewBox="0 0 40 4">
            <g id="Group_32747" data-name="Group 32747" transform="translate(-309 -1017)">
              <g id="Group_32743" data-name="Group 32743" transform="translate(16)">
                <rect id="Rectangle_19361" data-name="Rectangle 19361" width="11" height="4" rx="2" transform="translate(293 1017)" fill="#112b75"/>
                <rect id="Rectangle_19362" data-name="Rectangle 19362" width="17" height="4" rx="2" transform="translate(307 1017)" fill="#FE5D80"/>
                <rect id="Rectangle_19363" data-name="Rectangle 19363" width="6" height="4" rx="2" transform="translate(327 1017)" fill="#5462aa"/>
              </g>
            </g>
          </svg>
      </div>
    </div>
    <div class="row align-items-center">
      <div class="col-md-8">
        <div class="why--section--area--description">
          <div class="third--title">
            <h3>Pourquoi une complémentaire santé ?</h3>
          </div>
          <p class="t--paragraph--black">
            Nous avons souvent tendance à nous demander pourquoi souscrire une mutuelle santé alors que nous avons déjà une assurance obligatoire. <br />
            Une mutuelle COMPLEMENTAIRE santé est un service qui vous permet de compléter votre assurance obligatoire et surtout de ne pas avoir à subir de très LOURDES FACTURES.
          </p>

          <p class="t--paragraph--black">

            Il est vrai que lorsque nous sommes bien assurés, nous avons un sentiment de sécurité et notre MUTUELLE santé complémentaire nous permet, selon la situation, de combler ou diminuer considérablement notre reste à charge.
          </p>
        </div>
      </div>
      <div class="col-md-4">
          
      </div>
    </div>
  </div>
</div>



<div class="subscribe--section--area section--40 ">
  <div class="container">
    <div class="row justify-content-center align-items-center">
      <div class="col-md-3 text-center">
        <!-- <img src="assets/images/blush--07.png" alt="" class="s--image" /> -->
        
      </div>
      <div class="col-md-6 order-first order-md-2">
        <div class="subscribe--section--area--head">
          <div class="fourth--title">
            <h4>Abonnez-vous!</h4>
          </div>
          <div class="primary--title--main">
            <span>Restez branché 😊 </span>
          </div>
        </div>

        <form id="contact-Form" action="{{route('subscribe')}}" method="POST" class="subscribe--section--area--form p-top-10">
          @csrf
          <div class="subscribe--input">
            <div class="subscribe--input--container">
              <input type="email" name="email" id="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Votre adresse e-mail ici" />
              <i class="fa fa-envelope"></i>
              <div class="button" id="button-4">
                <div id="circle"></div>
                <button type="submit">Abonnez-vous!</button>
              </div>


            </div>
            <div class="loading">Loading</div>
           
            @if(Session::has('msg'))
            <div class="sent-message">Your message has been sent. Thank you! {{ Session::get('msg') }}</div>
            @endif
            @if(Session::has('msg_error'))
            <div class="error-message">{{ Session::get('msg_error') }}</div>
            @endif
          </div>
        </form>

      </div>
    </div>
  </div>
</div>





@endsection

@section('scripts')



@endsection