@extends('web.layouts.app')

@section('title', __('services.seo_title') . " - " . $pageTitle)
@section('keywords', __('homepage.keywords'))
@section('description', __('homepage.description'))

@section('wrapper-class', 'wp-page page-index')

@section('services_active', 'active')
@section('seo_active', 'sub_active')

@section('extended_head')
  @if (env('APP_ENV') == 'prod')
    @include('web.component.script.google_conversion')
  @endif
  
  {!! NoCaptcha::renderJs() !!}
@endsection

@section('content')
    @include('web.home.header_home')

    <section class="banner-seo">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h1 class="banner-seo-heading mb-4 wow fadeInUp">{{ __("Service complet d’optimisation SEO") }}</h1>
            <p class="wow fadeInDown mb-4">{{ __("Le référencement (optimisation pour les moteurs de recherche) place votre site Web dans la section des résultats naturels des moteurs de recherche. Être trouvé grâce à des recherches directes est le meilleur moyen de réussir en ligne.") }}</p>

            <a href="#pricingTable" class="btn btn-sm btn-outline-secondary wow fadeInLeft" data-wow-delay="100ms">
                {{ __("Tarifs")}}
              </a>
          </div>
          <div class="col-md-6">
            <img class="wow fadeInUp" src="{{ asset('web/images/seo/banner-icon.png') }}" alt="">
          </div>
        </div>
      </div>
    </section>
    <main class="main my-auto">

      <section class="services-section-two">
        <div class="container">
          <div class="inner-container">
            <!-- Sec Title -->
            <div class="sec-title">
              <h2>{{ __("POURQUOI DÉVELOPPER UNE STRATÉGIE SEO AVEC UN CONTENU DE QUALITÉ ?") }}</h2>
            </div>
            <div class="row clearfix">

              <!-- Service Block Two -->
              <div class="service-block-two col-lg-4 col-md-6 col-sm-12">
                <div class="inner-box wow fadeInLeft animated">
                  <div class="shape-one"></div>
                  <div class="shape-two"></div>
                  <div class="shape-three"></div>
                  <div class="icon-box">
                    <img src="{{ asset('web/images/seo/icon-seo1.svg') }}" width="70" />
                    <img src="{{ asset('web/images/seo/icon-seo1-white.svg') }}" width="70" />
                  </div>
                  <h3>{{ __("Trafic Naturel Gratuit") }}</h3>
                  <div class="text">{{ __("Trafic de qualité gratuit! Utiliser la puissance des moteurs de recherche pour diriger du trafic pertinent pour votre site Web.") }}</div>
                </div>
              </div>

              <!-- Service Block Two -->
              <div class="service-block-two col-lg-6 col-md-6 col-sm-12">
                <div class="inner-box wow fadeInLeft animated">
                  <div class="shape-one"></div>
                  <div class="shape-two"></div>
                  <div class="shape-three"></div>
                  <div class="icon-box">
                    <img src="{{ asset('web/images/seo/icon-seo2.svg') }}" width="80" />
                    <img src="{{ asset('web/images/seo/icon-seo2-white.svg') }}" width="80" />
                  </div>
                  <h3>{{ __("Prenez avantage sur vos concurrents") }}</h3>
                  <div class="text">{{ __("Utiliser une bonne stratégie et un contenu supérieur vous aidera à gagner plus de visibilité que vos concurrents dans les résultats des moteurs de recherche.") }}</div>
                </div>
              </div>

              <!-- Service Block Two -->
              <div class="service-block-two col-lg-6 col-md-6 col-sm-12">
                <div class="inner-box wow fadeInLeft animated">
                  <div class="shape-one"></div>
                  <div class="shape-two"></div>
                  <div class="shape-three"></div>
                  <div class="icon-box">
                    <img src="{{ asset('web/images/seo/icon-seo3.svg') }}" width="70" />
                    <img src="{{ asset('web/images/seo/icon-seo3-white.svg') }}" width="70" />
                  </div>
                  <h3>{{ __("Branding") }}</h3>
                  <div class="text">{{ __("Grâce à la stratégie de création de liens et d'optimisation hors page, votre marque est présente au-delà de votre propre site Web, ce qui se traduit également par du Refferal trafic.") }}</div>
                </div>
              </div>

              <!-- Service Block Two -->
              <div class="service-block-two col-lg-6 col-md-6 col-sm-12">
                <div class="inner-box wow fadeInLeft animated">
                  <div class="shape-one"></div>
                  <div class="shape-two"></div>
                  <div class="shape-three"></div>
                  <div class="icon-box">
                    <img src="{{ asset('web/images/seo/icon-seo4.svg') }}" width="70" />
                    <img src="{{ asset('web/images/seo/icon-seo4-white.svg') }}" width="70" />
                  </div>
                  <h3>{{ __("Qualité des Leads") }}</h3>
                  <div class="text">{{ __("En moyenne, les leads de recherche naturels ont un taux de conversion d'environ 15%, contre seulement 1,7% pour les leads de marketing sortant.") }}</div>
                </div>
              </div>

              <!-- Service Block Two -->
              <div class="service-block-two col-lg-6 col-md-6 col-sm-12">
                <div class="inner-box wow fadeInLeft animated">
                  <div class="shape-one"></div>
                  <div class="shape-two"></div>
                  <div class="shape-three"></div>
                  <div class="icon-box">
                    <img src="{{ asset('web/images/seo/icon-seo5.svg') }}" width="70" />
                    <img src="{{ asset('web/images/seo/icon-seo5-white.svg') }}" width="70" />
                  </div>
                  <h3>{{ __("Des résultats durables") }}</h3>
                  <div class="text">{{ __("Une fois que votre site Web a mis en œuvre une stratégie de référencement solide, vous pouvez en récolter les bénéfices pour un résultat à très long terme.") }}</div>
                </div>
              </div>

            </div>
          </div>

        </div>
      </section>

      <!--section pillar-->
      @include('web.our_service.partial.pillar')

      @include('web.our_service.partial.audit')

      @include('web.our_service.partial.recommendation')

      
      @include('web.our_service.partial.pricing')
    </main>

    @include('web.layouts.footer')
@endsection

@section('modals')
    @include('web.component.modal.request_price_modal')

    @include('web.component.modal.contact_flo_modal')

    @include('web.component.modal.thank_you_modal')

    @include('web.component.modal.info_modal')

    <button class="btn btn-contact">
      <img src="{{ asset('web/images/seo/avatar.png') }}" width="44">
    </button>
@endsection

@push('scripts')
    @include('web.component.script.linkedin_conversion')
@endpush