@extends('layouts.front')
@section('meta-title', "Décorateurs et Architectes d'intérieur en ligne | Pipcke")
@php $no_full_title=1; @endphp
@section('meta-keywords', '')

@section('body-class', 'home')

@section('meta')

    <meta property="twitter:image" content="{{ asset('images/image_partage_facebook.jpeg') }}">
    <meta property="og:url" content="{{ request()->url() }}" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Pipcke : Décorateurs et Architectes d'Intérieur en ligne" />
    <meta property="og:description"
        content="Pipcke revoit les règles et réinvente la déco d’intérieur. Sélectionnez votre architecte d’intérieur en ligne, choisissez votre offre et réalisez votre projet !" />
    <meta name="description"
        content="Pipcke revoit les règles et réinvente la déco d’intérieur. Sélectionnez votre architecte d’intérieur en ligne, choisissez votre offre et réalisez votre projet !" />
    <meta property="og:image" content="{{ asset('images/image_partage_facebook.jpeg') }}">
    <meta property="fb:app_id" content="730800570418065">
    <link rel="canonical" href="https://pipcke.fr">
@endsection
@section('additional-schema')
    <script type="application/ld+json">
        {
            "@context": "https://schema.org/",
            "@type": "Product",
            "name": "Décorateurs et Architectes d'Intérieur en ligne",
            "brand": {
                "@type": "Brand",
                "name": "Pipcke"
            },
            "description": "Collaborez en ligne à partir de 90€ avec un architecte d'intérieur de votre choix sur l'aménagement de vos espaces intérieurs",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": 4.8,
                "reviewCount": 154
            }
        }
    </script>
@endsection
@section('content')

    <section class="vc_row fullheight d-flex flex-wrap">
        <div class="video-background">
            <div class="container">
                <div class="text-white h2 text-shadow font-weight-bold pratique-personnalise-abordable"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-fittext="true"
                        data-fittext-options='{"compressor":0.5,"maxFontSize":"60","minFontSize":"36"}'
                        data-split-text="true"
                        data-split-options='{"type":"chars, words"}'
                        data-custom-animations="true"
                        data-ca-options='{"triggerHandler":"inview","animationTarget":".split-inner","duration":"1200","delay":"28","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":23,"rotateZ":7,"opacity":0},"animations":{"translateY":0,"rotateZ":0,"opacity":1}}' @endif>
                    {!! lang('Mon architecte d’intérieur en ligne') !!} {{ $city }}
                </div>
                <h1 class="text-subheader lh-175 text-white text-shadow pr-md-7 mr-md-5 mb-5 font-weight-bold sub-title-landing"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-split-text="true"
                    data-split-options='{"type":"lines"}'
                    data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":".split-inner","duration":"1200","startDelay":"800","delay":"150","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":80,"rotateZ":4,"opacity": 0},"animations":{"translateY":0,"rotateZ":0, "opacity": 1}}' @endif>
                    {!! lang('Pratique. Personnalisé. Abordable.') !!}
                </h1>
                <div>
                    <div class="discover lqd-column"
                        @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-split-text="true"
                        data-custom-animations="true"
                        data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","startDelay":"1150","delay":100,"easing":"easeOutQuint","direction":"forward","initValues":{"translateY":40,"translateZ":-160,"rotateX":-93,"opacity":0},"animations":{"translateY":0,"translateZ":0,"rotateX":0,"opacity":1}}' @endif>
                        <a style="width: 285px;" href="{{ route('nouveauprojet') }}"
                            class="btn btn9_black btn-action text-uppercase semi-round font-weight-semibold px-1 bg-hover-white"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-localscroll="true" data-localscroll-options='{"scrollBelowSection":true}' @endif>
                            Démarrer mon projet <span class="btn-icon"><i class="fa fa-angle-right"></i></span>
                        </a>
                    </div>

                    <div class="start lqd-column"
                        @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-custom-animations="true"
                        data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","startDelay":"1150","delay":100,"easing":"easeOutQuint","direction":"forward","initValues":{"translateY":40,"translateZ":-160,"rotateX":-93,"opacity":0},"animations":{"translateY":0,"translateZ":0,"rotateX":0,"opacity":1}}' @endif>
                        <a href="/quiz" target="_blank" style="width: 285px;"
                            class="btn btn19 btn-action text-uppercase semi-round font-weight-semibold">
                            Découvrir mon style <span class="btn-icon"><i class="fa fa-angle-right"></i></span>
                        </a>
                    </div>

                </div>
            </div>
            @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                <video class="video-index" autoplay="" preload="none" poster="{{ asset('images/cover-video.png') }}"
                    loop="" muted="" style="width: 100%; height: auto;">
                    <source src="{{ asset('video/pipcke-480.mov') }}" type="video/mp4">
                </video>
            @endif

        </div>
    </section>
    <div class="whitepaper-icon" id="whitepaperIcon">
        <i class="fa fa-chevron-down" id="innerIcon"></i>
    </div>
    <div class="whitepaper-area hide" id="whitepaperArea">
        <div class="row text-center">
            <div class="col-12">
                <b class="text-black m-3 font-size-16">Transformez votre espace avec Pipcke!</b>
            </div>
        </div>
        <div class="row pt-10 text-center">
            <div class="col-12">
                <img class="whitepaper-cover" src="{{ asset('img/livreblanc.png') }}" alt="Livre blanc Pipcke" />
            </div>
        </div>
        <div class="row pt-10 text-center">
            <div class="col-12">
                <a class="btn btn2 btn-action text-uppercase semi-round" href="{{ route('white-paper') }}">Téléchargez
                    maintenant!</a>
            </div>
        </div>
    </div>
    <section class="bg-primary usp_top text-black">
        <div class="text-center w-100 row">
            <div class="col-md-3">
                <p style="font-size: 16px;"><b>Excellent</b></p>
                <div class="trustpilote-top-rating">
                    <img alt="trustpilote pipcke 4,5 sur 5" src="{{ asset('img/logo_pro/stars-4.5.svg') }}">
                </div>
                <div class="trustpilote-top-logo">
                    <img alt="logo trustpilote" src="{{ asset('img/logo_pro/trustpilot-1.svg') }}">
                </div>
            </div>
            <div class="col-md-6">
                <p class="how_p18"><b>Plus de 1000 espaces aménagés, pourquoi pas le vôtre?</b></p>
            </div>
            <div class="col-md-3">
                <p style="margin-bottom: -1vh !important;font-size: 16px;"><strong>+33 (0)1 84 80 20 84</strong></p>
                <p style="font-size: 17px;"><sub>Du lundi au vendredi de 9h à 18h30</sub></p>
            </div>
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-70 pb-30 how_section">
        <div class="container">
            <div class="row ">
                <div class="col-md-2"></div>
                <div class="lqd-column col-md-8 text-center"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-custom-animations="true"
                     data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":1200,"delay":160,"initValues":{"translateY":50,"opacity":0},"animations":{"translateY":0,"opacity":1}}' @endif>
                    <header class="fancy-title fancy-title-how">
                        <h2 class="mb-4 h3">{!! lang('Comment ça marche ?') !!} </h2>
                    </header>
                    <p class="how_p20">
                        {!! lang(
                            'Parlez-nous de votre projet, choisissez les designers correspondant à vos goûts, échanger avec eux et profitez de nos prix négociés sur le mobilier.',
                        ) !!}
                    </p>
                    <p class="how_p18">
                        {!! lang(
                            'Définissez votre style, parlez-nous de votre projet et de votre budget, choisissez vos designers en fonction de vos goûts et vos besoins, échangez avec eux tout au long du processus de conception et profitez en prime de prix négociés sur du mobilier, des objets et des accessoires design.',
                        ) !!}
                    </p>
                </div>
            </div>
        </div>
    </section>
    <section class="text-center yt_section">
        <div class="container">
            <iframe class="home-yt" width="850" height="482" src="https://www.youtube.com/embed/HJRY8EJUqH4"
                title="Pipcke - Mon architecte d'intérieur en ligne" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-50 pb-50 bg-primary how_section">
        <div class="usp_mid hide-mobile-usp">
            <div class="row box">
                <div class="lqd-column col-md-12 text-center" data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":1200,"delay":160,"initValues":{"translateY":50,"opacity":0},"animations":{"translateY":0,"opacity":1}}'>
                    <header class="fancy-title fancy-usp-title">
                        <h2 class="h2"><b>1000+</b></h2>
                    </header>
                    <p class="font-size-18">
                        {!! lang('Espaces transformés par nos designers') !!}
                    </p>
                </div>
            </div>
            {{-- <div class="row box">
                <div class="lqd-column col-md-12 text-center" data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":1200,"delay":160,"initValues":{"translateY":50,"opacity":0},"animations":{"translateY":0,"opacity":1}}'>
                    <header class="fancy-title fancy-usp-title">
                        <h2 class="h2"><b>4.8</b>/5</h2>
                    </header>
                    <a class="font-size-18" href="{{ route('feedbacks') }}" target="_blank"
                        style="transform: translateY(0px);opacity: 1;text-decoration: underline;color: var(--color-font);">
                        {!! lang('Découvrez les avis de nos clients') !!}
                    </a>
                </div>
            </div> --}}
            <div class="row box justify-content-center">
                <div class="lqd-column col-md-12 text-center">
                    <header class="fancy-title fancy-usp-title fancy-mb-0">
                        <h2 class="h2" style="font-size: 27px !important;"><b>Excellent</b></h2>
                    </header>
                    <a class="fancy-title m-0" href="https://fr.trustpilot.com/review/pipcke.fr" target="_blank">
                        <div class="trustpilote-rating">
                            <img alt="trustpilote pipcke 4,5 sur 5" src="{{ asset('img/logo_pro/stars-4.5.svg') }}">
                        </div>
                    </a>
                    <a href="https://fr.trustpilot.com/review/pipcke.fr" target="_blank">
                        <div class="trustpilote-logo">
                            <img alt="trustpilote pipcke 4,5 sur 5" src="{{ asset('img/logo_pro/trustpilot-1.svg') }}">
                        </div>
                    </a>
                </div>
            </div>

            <div class="row box">
                <div class="lqd-column col-md-12 text-center" data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":1200,"delay":160,"initValues":{"translateY":50,"opacity":0},"animations":{"translateY":0,"opacity":1}}'>
                    <header class="fancy-title fancy-usp-title">
                        <h2 class="h2"><b>100%</b></h2>
                    </header>
                    <p class="font-size-18">
                        {!! lang('Satisfait ou remboursé') !!}
                    </p>
                </div>
            </div>
            <div class="row box">
                <div class="lqd-column col-md-12 text-center" data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":1200,"delay":160,"initValues":{"translateY":50,"opacity":0},"animations":{"translateY":0,"opacity":1}}'>
                    <header class="fancy-title fancy-usp-title">
                        <h2 class="h2"><b>500+</b></h2>
                    </header>
                    <p class="font-size-18">
                        {!! lang('Des réductions sur plus de 500 marques') !!}
                    </p>
                </div>
            </div>
        </div>
        <div class="show-mobile-usp">
            @include('front.components.carrouselUSP')
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pb-70 pt-70 bg-light how_section">
        <div class="container">
            <div class="row d-flex flex-wrap align-items-center">
                <div class="lqd-column col-md-6 col-sm-12"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","delay":"150","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":31,"translateZ":-108,"opacity":0},"animations":{"translateY":0,"translateZ":0,"opacity":1}}' @endif>
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                        <h3 class="mt-2 h2 mb-3 font-weight-normal lh-1 text-marron" data-fittext="true"
                            data-fittext-options='{ "compressor": 0.65, "maxFontSize": "50", "minFontSize": 46 }'
                            data-split-text="true" data-split-options='{"type":"lines"}'>
                            <strong>1</strong> <br>
                            {!! lang('Lancez votre <br> projet') !!}
                        </h3>
                    @else
                        <h3 class="mt-2 h2 mb-3 font-weight-normal lh-1 text-marron">
                            <strong>1</strong>
                            {!! lang('Lancez votre projet') !!}
                        </h3>
                    @endif
                    <p class="pr-md-7 mr-md-7 how_p60">
                        {!! lang(
                            'Laissez-vous guider par notre Brief en communiquant l’ensemble des informations nécessaires pour la réalisation de votre projet : besoins, budget, envies, inspirations, ancien mobilier à garder… Vous serez invité à partager des mesures, photos et même vidéos de votre espace.',
                        ) !!}
                    </p>
                    <p class="pr-md-7 mr-md-7 pb-20">
                        {!! lang(
                            'Choisissez le ou les designers qui vont faire parler l’ensemble de ces informations et lancez votre projet.',
                        ) !!}
                    </p>
                </div>
                <div class="lqd-column col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0 col-sm-12 col-sm-offset-0">
                    <div class="lqd-parallax-images">
                        <div class="liquid-img-group-single w-130"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4" data-inview="true"
                            data-animate-shadow="true" @endif
                            style="z-index: 99">
                            <div class="liquid-img-group-img-container">
                                <div class="liquid-img-container-inner"
                                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-parallax="true"
                                    data-parallax-from='{"translateY":150}' data-parallax-to='{"translateY":100}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}' @endif>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-liste-decorateurs-architectes-interieurs-screenshot.jpg') }}"
                                                alt="liste des décorateurs et architectes d'intérieur de pipcke" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/pipcke-brief-screenshot.jpg') }}"
                                                alt="questionnaire à compléter avant d'envoyer le projet à son architecte d'intérieur en ligne" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="liquid-img-group-single w-120"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4" data-inview="true"
                            data-animate-shadow="true" @endif>
                            <div class="liquid-img-group-img-container">
                                <div class="liquid-img-container-inner ml-5"
                                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-parallax="true"
                                    data-parallax-from='{"translateY":-150}' data-parallax-to='{"translateY":0}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}' @endif>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/pipcke-brief-screenshot.jpg') }}"
                                                alt="questionnaire à compléter avant d'envoyer le projet à son architecte d'intérieur en ligne" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-liste-decorateurs-architectes-interieurs-screenshot.jpg') }}"
                                                alt="liste des décorateurs et architectes d'intérieur de pipcke" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-40 pb-95 how_section">
        <div class="container">
            <div class="row d-flex flex-wrap align-items-center">

                <div class="lqd-column col-md-5 col-sm-push-7"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","delay":"150","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":31,"translateZ":-108,"opacity":0},"animations":{"translateY":0,"translateZ":0,"opacity":1}}' @endif>

                    @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                        <h3 cl3ss="mt-2 h2 h2 mb-3 font-weight-normal lh-1 text-marron" data-fittext="true"
                            data-fittext-options='{ "compressor": 0.65, "maxFontSize": 50, "minFontSize": 46 }'
                            data-split-text="true" data-split-options='{"type":"lines"}'>
                            <strong class="text-marron">2</strong> <br>
                            <span class="text-marron">{!! lang('Collaborez avec vos designers') !!}</span>
                        </h3>
                    @else
                        <h3 class="mt-2 h2 h2 mb-3 font-weight-normal lh-1 text-marron">
                            <strong class="text-marron">2</strong>
                            <span class="text-marron">{!! lang('Collaborez avec vos designers') !!}</span>
                        </h3>
                    @endif

                    <p class="how_p60">
                        {!! lang(
                            'Vos designers partageront avec vous les premières idées d’aménagement. Donnez votre feedback et continuez à échanger avec vos designers tout au long du processus de collaboration.',
                        ) !!}
                    </p>
                    <p>
                        {!! lang('Vous allez pouvoir noter les idées, donner vos remarques et poser toutes vos questions.') !!}
                    </p>
                </div>

                <div class="lqd-column col-md-7 col-sm-pull-5">
                    <div class="lqd-parallax-images">
                        <div class="liquid-img-group-single w-90" style="left: 50px; z-index: 4"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4"
                            data-inview="true" 
                            data-animate-shadow="true" @endif>
                            <div class="liquid-img-group-img-container">
                                <div class="liquid-img-container-inner"
                                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-parallax="true"
                                    data-parallax-from='{"translateY":150}' 
                                    data-parallax-to='{"translateY":100}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}' @endif>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/planche-ambiance-sejour-chaleureux-cosy.jpg') }}"
                                                alt="planche d'ambiance d'un séjour chaleureux et cosy réalisée par une décoratice d'intérieur" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architectes-interieur-en-ligne-esquisse-screenshot.jpg') }}"
                                                alt="concept d'idées en collaboration avec des architectes d'intérieur en ligne" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="liquid-img-group-single w-85 collaborer-1" style="left: -100px;"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4" 
                            data-inview="true" 
                            data-animate-shadow="true" @endif>
                            <div class="liquid-img-group-img-container">
                                <div class="liquid-img-container-inner" data-parallax="true"
                                    data-parallax-from='{"translateY":-150}' data-parallax-to='{"translateY":-200}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}'>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architectes-interieur-en-ligne-esquisse-screenshot.jpg') }}"
                                                alt="concept d'idées en collaboration avec des architectes d'intérieur en ligne" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/planche-ambiance-sejour-chaleureux-cosy.jpg') }}"
                                                alt="planche d'ambiance d'un séjour chaleureux et cosy réalisée par une décoratice d'intérieur" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-40 pb-130 bg-light how_section">
        <div class="container">
            <div class="row d-flex flex-wrap align-items-center">
                <div class="lqd-column col-md-6 col-sm-12"
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-custom-animations="true"
                    data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","delay":"150","easing":"easeOutQuint","direction":"forward","initValues":{"translateY":31,"translateZ":-108,"opacity":0},"animations":{"translateY":0,"translateZ":0,"opacity":1}}' @endif>
                    @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                        <h3 class="mt-2 h2 mb-3 font-weight-normal lh-1 text-marron w-80" data-fittext="true"
                            data-fittext-options='{ "compressor": 0.65, "maxFontSize": 50, "minFontSize": 46 }'
                            data-split-text="true" data-split-options='{"type":"lines"}'>
                            <strong>3</strong> <br>
                            {!! lang('Donnez vie à votre projet') !!}
                        </h3>
                    @else
                        <h3 class="mt-2 h2 mb-3 font-weight-normal lh-1 text-marron w-80">
                            <strong>3</strong>
                            {!! lang('Donnez vie à votre projet') !!}
                        </h3>
                    @endif
                    <p class="pr-md-7 mr-md-7 how_p60">
                        {!! lang(
                            'À la réception du concept final, vous allez pouvoir visualiser votre projet et apprécier votre nouvel espace, le nouveau mobilier et les objets décoratifs spécialement choisis pour vous.',
                        ) !!}
                    </p>
                    <p class="pr-md-7 mr-md-7 ">
                        {!! lang(
                            'Faites appel à notre conseiller shopping pour profiter des prix négociés par Pipcke et vous faire livrer directement les produits chez vous !',
                        ) !!}
                    </p>
                </div>
                <div class="lqd-column col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0 col-sm-12 col-sm-offset-0">
                    <div class="lqd-parallax-images">
                        <div class="liquid-img-group-single w-130"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4" data-inview="true"
                            data-animate-shadow="true" style="z-index: 99" @endif>
                            <div class="liquid-img-group-img-containe">
                                <div class="liquid-img-container-inner"
                                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-parallax="true"
                                    data-parallax-from='{"translateY":130}' data-parallax-to='{"translateY":230}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}' @endif>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architecte-interieur-en-linge-conception-shopping-list-screenshot.jpg') }}"
                                                alt="shopping liste pour un séjour chaleureux et cosy préparée par un architecte d'intérieur en ligne" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architectes-interieur-en-ligne-visuel-3D-screenshot.jpg') }}"
                                                alt="visuel 3D d'un séjour chaleureux et cosy en collaboration avec une décoratrice d'intérieur en ligne" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="liquid-img-group-single w-120"
                            @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-shadow-style="4" data-inview="true"
                            data-animate-shadow="true" @endif>
                            <div class="liquid-img-group-img-container">
                                <div class="liquid-img-container-inner ml-5"
                                    @if ((new \Jenssegers\Agent\Agent())->isDesktop()) data-parallax="true"
                                    data-parallax-from='{"translateY":-120}' data-parallax-to='{"translateY":00}'
                                    data-parallax-options='{"overflowHidden":false,"easing":"linear"}' @endif>
                                    <figure>
                                        @if ((new \Jenssegers\Agent\Agent())->isDesktop())
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architectes-interieur-en-ligne-visuel-3D-screenshot.jpg') }}"
                                                alt="visuel 3D d'un séjour chaleureux et cosy en collaboration avec une décoratrice d'intérieur en ligne" />
                                        @else
                                            <img class="lazy-image"
                                                data-src="{{ asset('img/screenshot/update/pipcke-architecte-interieur-en-linge-conception-shopping-list-screenshot.jpg') }}"
                                                alt="shopping liste pour un séjour chaleureux et cosy préparée par un architecte d'intérieur en ligne" />
                                        @endif
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="pt-70 pb-70 text-center bg-primary how_section">
        <div class="lqd-column col-md-12">
            <header class="fancy-title text-center">
                <h2 class="h3">{!! lang('Ils parlent de nous') !!}</h2>
            </header>
        </div>
        @include('front.components.media')
    </section>

    <section class="pt-30 pb-30 how_section">
        <div class="container text-center mb-40 mobile-pb-0">
            <h2 class="h3">{!! lang('Sélectionnez votre offre') !!}</h2>
            <p class="w-65 m-auto how_p20">
                {!! lang(
                    'Incontournable et Fantastique pour ceux qui veulent vivre pleinement l’expérience décoration d’intérieur.<br> Essentiel si vous êtes inspiré et cherchez principalement des recommandations mobilier et objets déco.',
                ) !!}
            </p>
        </div>
    </section>
    <section class="pt-70 pb-70 bg-light how_section" id="offres_landing" style="scroll-behavior: auto;">
        @include('front.components.offres_landing')
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-60 pb-50 mb-60 how_section">
        @include('front.components.offres_inclue')
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif bg-light">
        <div class="container-fluid bg-light">
            <div class="row pt-20 panel bg-light" style="padding-bottom: 0px !important">
                <div class="lqd-column col-md-12">
                    <header class="fancy-title text-center pt-30">
                        <h2 class="h4">{!! lang('Quelques-unes de nos réalisations') !!}</h2>
                    </header>
                </div>
                {{-- @include('front.components.carrouselLanding') --}}
            </div>
        </div>
    </section>
    <section class="@if ((new \Jenssegers\Agent\Agent())->isDesktop()) vc_row @endif pt-20 pb-50 mobile-pt-0 mobile-pb-0">
        <div class="container-fluid ">
            <div class="row panel">
                <div class="lqd-column col-md-12">
                    <header class="fancy-title text-center pt-30">
                        <h2 class="h4">{!! lang('Nos clients témoignent') !!}</h2>
                    </header>
                </div>
                @include('front.pages.feedbacks.caroussel')

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

    @include('front.components.calltoaction_professionnel')
    <section>
        @include('cookieConsent::index')
    </section>
@endsection

{{-- bricorama --}}

@section('modal')
    @if (session()->has('success_consulter_un_designer_bricorama'))
        @include('front.components.consulter-un-designer-modal')
    @endif
@endsection
@section('script')
    <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
    @if (session()->has('success_consulter_un_designer_bricorama'))
        <script>
            jQuery(document).ready(function($) {
                $('#consulter-un-designer-modal').modal('show');
            });
        </script>
    @endif
@endsection

{{-- bricorama --}}