@extends('front.partials.front')

@section('metatags')
<meta name="description" content="Souscrivez maintenant votre mutuelle santé en ligne 100% digitale, avec 0 paperasse et 0 Stress." />
<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-center">

        <div class="col-md-7 order-md-1">
          <div class="hero--section--heading">
            <div class="hero--section--heading--title">
              <h1>
                Votre mutuelle santé <br /> en ligne adaptée <br />à tous les profils
              </h1>
            </div>
            <div class="hero--section--heading--desc">
              <p>
                Êtes vous à la recherche d’une complémentaire santé en ligne
                ? PEGA Health vous accompagne pour choisir la formule
                mutuelle santé la plus adaptée à vos besoins !

              </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>
        </div>

        <div class="col-md-5 order-md-2">
          <!-- <img class="hero--section--image" src="assets/images/banner--03.svg" alt="" /> -->
                  </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="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-6">
        <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 à se 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-6">
        <div class="image--random">
          <img class="s--image--90 image--random--01 animate--float--1" src="assets/images/r02.svg" alt="" />
          <img class="s--image--90 image--random--02 animate--float--2" src="assets/images/r03.svg" alt="" />
          <img class="s--image--90 image--random--03 animate--float" src="assets/images/r01.svg" alt="" />
        </div>
      </div>
    </div>
  </div>
</div>

<div class="features--section--area section--60 m-top-120">
    <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="/contactez-nous" class="app--badge">
              <img src="assets/images/ios.svg" alt="IOS" />
            </a>
          </div>
        </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