@extends('layouts.client')
@php $page_tite = 'Parrainage'; @endphp
@section('meta-title', 'Espace client')
@section('meta-keywords', '')
@section('meta-description', '')
@section('style')
    <style>

    </style>
@endsection
@section('content')
    <div class="loader">
        <div></div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="p-3">
                <section class="pt-70 pb-70 bg-light">
                    <div class="container text-center">
                        <p class="m-auto font-size-20">
                            {!! lang("Faites découvrir Pipcke à vos amis et proches et recevez un <b>cashback</b> !<br><br> Offrez-leur <b>20 €</b> de réduction sur toute souscription à un forfait Fantastique
                                                                                                                                                                                                                                                                                                                                                                        ou <b>10 €</b> sur toute souscription à un forfait Incontournable.<br>En retour, recevez un remboursement de <b>30 €</b> à leur achat d'un forfait Fantastique ou de <b>20 €</b> à leur achat d’un forfait Incontournable.") !!}
                        </p>
                        <p class="mt-30 m-auto font-size-20">
                            {!! lang('C’est notre manière de vous remercier de partager l’expérience Pipcke 💛') !!}
                        </p>
                    </div>
                </section>
                <section class="pb-70 bg-light">
                    <div class="container text-center">

                        <div class="row process-parrainage">
                            <div class="col-md-4">
                                <div class="img">
                                    <span>1</span>
                                    <img src="{{ asset('img/pictos_parrainage/pipcke-refer-friend.svg') }}">
                                </div>
                                <p class="font-size-20">{!! lang('Invitez vos amis et vos <br>proches') !!}</p>
                            </div>
                            <div class="col-md-4">
                                <div class="img">
                                    <span>2</span>
                                    <img src="{{ asset('img/pictos_parrainage/discount.svg') }}">
                                </div>
                                <p class="font-size-20">{!! lang('Ils reçoivent une remise à l’achat d’un forfait') !!}</p>

                            </div>
                            <div class="col-md-4">
                                <div class="img">
                                    <span>3</span>
                                    <img src="{{ asset('img/pictos_parrainage/shopping-bag.svg') }}">
                                </div>
                                <p class="font-size-20">{!! lang('Vous recevez un remboursement  pour chaque achat') !!}</p>

                            </div>
                        </div>
                    </div>
                </section>
                @include('partials.parrainage')
            </div>
        </div>
    </div>
@endsection