@extends('layouts.client')
@php $page_tite = 'Offres';@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">
            <section class="pt-70 pb-70 bg-light ">
                @include('front.components.offresPro')
            </section>

            <section class="vc_row pt-125 pb-80 bg-cover" style="background-image: url({{ asset('img/bg-23.jpg') }});"
                data-parallax="true" data-parallax-options='{"parallaxBG": true}'>
                <div class="container">
                    <div class="row d-flex flex-wrap align-items-center">
                        <div class="lqd-column col-md-7 text-md-right pr-md-7 pl-md-5">
                            <h2 class="mt-0 text-white" data-fittext="true"
                                data-fittext-options='{"compressor":0.5,"maxFontSize":"40","minFontSize":"36"}'
                                data-split-text="true" data-split-options='{"type":"lines"}' data-custom-animations="true"
                                data-ca-options='{"triggerHandler":"inview","animationTarget":".split-inner","duration":"1200","delay":"150","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":120,"rotateZ":-5, "opacity": 0},"animations":{"translateY":0,"rotateZ":0, "opacity": 1}}'>
                                {!! lang('Démarrer votre projet dès maintenant') !!}

                            </h2>
                        </div>
                        <div class="lqd-column col-md-5" data-custom-animations="true"
                            data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","startDelay":"400","delay":100,"easing":"easeOutQuint","direction":"forward","initValues":{"translateX":-31,"opacity":0},"animations":{"translateX":0,"opacity":1}}'>
                            <a href="{{ route('nouveauprojet') }}"
                                class="btn btn-naked  btn-icon-left btn-icon-xlg btn-icon-circle btn-icon-solid btn-icon-ripple font-size-19 text-white text-hover-primary">
                                <span>
                                    <span class="btn-icon text-secondary font-size-22"><i
                                            class="fa fa-arrow-right"></i></span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        </div>

    </div>
@endsection