ldc-legaulois/resources/views/front/onepage/index.blade.php

@extends('layouts.app-onepage')
@section('lang', 'nl')
@section('title', __('Le Gaulois'))
@section('description', __('Le Gaulois, een erkend 100% Frans pluimvee merk die een breed assortiment van originele en bijzonder lekkere producten aanbiedt om te proeven. Ontdek onze recepturen en onze mesters Le Gaulois'))

@section('header')
<header id="master-header">
    <a id="logoSite" title="Le Gaulois - {{ __('Accueil') }}" href="{{ route('home') }}">
        @desktop
        <picture>
            <source srcset="{{ asset('assets/images/logo-lgl_378.webp') }}" type="image/webp">
            <img src="{{ asset('assets/images/logo-lgl_378.png') }}" width="378" height="185" alt="Le Gaulois - {{ __('Accueil') }}">
        </picture>
        @else
        <picture>
            <source srcset="{{ asset('assets/images/logo-lgl_289.webp') }}" type="image/webp">
            <img src="{{ asset('assets/images/logo-lgl_289.png') }}" width="289" height="140" alt="Le Gaulois - {{ __('Accueil') }}">
        </picture>
        @enddesktop
    </a>
</header>
@endsection

@section('bodyclass', 'onepage')

@section('content')
<nav>
    <a href="#" id="strat1" rel="nofollow noindex">1</a>
    <a href="#" id="strat2" rel="nofollow noindex">2</a>
    <a href="#" id="strat3" rel="nofollow noindex">3</a>
    <a href="#" id="strat4" rel="nofollow noindex">4</a>
    <a href="#" id="strat5" rel="nofollow noindex">5</a>
    <a href="#" id="strat6" rel="nofollow noindex">6</a>
</nav>
<section class='entete'>
    <div class="entete-txt">
        <h1>{{ __('De smaak om te delen') }}</h1>
        <h2>{{ __('al meer dan 30 jaar') }}</h2>
        <p>{{ __('Met grote fierheid op zijn Franse oorsprong biedt Le Gaulois een groot gamma aan van originele en heerlijke producten. En dit alles 100% Frans.') }}</p>
        <p>{{ __('Op elk moment van de dag geniet je samen van lekker gevogelte ... En van de goede momenten.') }}</p>
    </div>
    @desktop
    <picture>
        <source srcset="{{ asset('assets/images/flamand/entete.webp') }}" type="image/webp">
        <img class="desktopEntete" src="{{ asset('assets/images/flamand/entete.png') }}" alt="header image">
    </picture>
    @else
    <picture>
        <source srcset="{{ asset('assets/images/flamand/entete-mobile.webp') }}" type="image/webp">
        <img class="mobileEntete" src="{{ asset('assets/images/flamand/entete-mobile.png') }}" alt="header image">
    </picture>
    @enddesktop
</section>
<section class="history">
    <h3 class="history-title">{{ __('ONZE HISTORIEK') }}</h3>
    <div id='slide-histoire'>
        <div class="slide" data-value='1909'>
            <div class="content">
                <h3 class="date date-history odometer">{{ __('1800') }}</h3>
                <h3>{{ __('DE LOKALE HERKOMST') }}</h3>
                <p>
                    {!! __('Als veeleisend persoon doorkruist :boldopen Auguste Lambert :boldclose de :boldopen sarthse wegen :boldclose, op zoek naar het beste gevogelte.', [
                    'boldopen' => '<strong>',
                        'boldclose' => '</strong>',
                    ]) !!}
                </p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1909.webp') }}" type="image/webp">
                <img class="historyDesktop" src="{{ asset('assets/images/flamand/1909.jpg') }}" alt="{{ __('1909 : DE LOKALE HERKOMST') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1909-mobile.webp') }}" type="image/webp">
                <img class="historyMobile" src="{{ asset('assets/images/flamand/1909-mobile.jpg') }}" alt="{{ __('1909 : DE LOKALE HERKOMST') }}">
            </picture>
            @enddesktop
        </div>
        <div class="slide" data-value='1968'>
            <img class="logo" src="{{ asset('assets/images/flamand/1968-logo.png') }}" alt="1968 Le Gaulois Logo" />
            <div class="content">
                <h3 class="date date-history odometer">{{ __('1850') }}</h3>
                <h3>{{ __('VENNOTEN ROND HETZELFDE VAK') }}</h3>
                <p>{{ __('In 1968 neemt zijn zoon, ook genaamd Auguste Lambert, het voortouw om samen met zijn zoon en collega poeliers, Dodard en Chancereul, de onderneming LDC te stichten.') }}</p>
            </div>
            <img class="historyDesktop" src="{{ asset('assets/images/flamand/1968.jpg') }}" alt="{{ __('1968 : VENNOTEN ROND HETZELFDE VAK') }}">
        </div>
        <div class="slide" data-value='1970'>
            <div class="content">
                <h3 class="date date-history odometer">{{ __('1970') }}</h3>
                <h3>{{ __('EEN BLOEIPERIODE...') }}</h3>
                <p>
                    {!! __(':boldopen ...die meer en meer consumenten verleidt :boldclose :br
                    De onderneming neemt zijn intrek in een nieuw gebouw van 4000m2. 380 kwekers leveren zowel gevogelte als konijnen aan de onderneming. De kaap van "1000 kwekers" zal in 2000 bereikt worden.', [
                    'be' => '<br>',
                    'boldopen' => '<strong>',
                        'boldclose' => '</strong>',
                    ]) !!}
                </p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1970.webp') }}" type="image/webp">
                <img class="desktopEntete" src="{{ asset('assets/images/flamand/1970.jpg') }}" alt="{{ __('1970 : EEN BLOEIPERIODE...') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1970-mobile.webp') }}" type="image/webp">
                <img class="mobileEntete" src="{{ asset('assets/images/flamand/1970-mobile.png') }}" alt="{{ __('1970 : EEN BLOEIPERIODE...') }}">
            </picture>
            @enddesktop
        </div>
        <div class="slide" data-value='1984'>
            <img class="logo" src="{{ asset('assets/images/flamand/1984-logo.png') }}" alt="{{ __('1984 Le Gaulois Logo') }}" />
            <div class="content">
                <h3 class="date date-history odometer">{{ __('1984') }}</h3>
                <h3>{{ __('HET FRANS GEVOGELTE LAAT ZIJN KLEUREN ZIEN') }}</h3>
                <p>{{ __('Tijdens de verdere ontwikkeling worden de producten gekenmerkt door de kleuren blauw, wit en rood. Le Gaulois is geboren.') }}</p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1984.webp') }}" type="image/webp">
                <img class="desktopEntete" src="{{ asset('assets/images/flamand/1984.jpg') }}" alt="{{ __('1984 : HET FRANS GEVOGELTE LAAT ZIJN KLEUREN ZIEN') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/1984-mobile.webp') }}" type="image/webp">
                <img class="mobileEntete" src="{{ asset('assets/images/flamand/1984-mobile.png') }}" alt="{{ __('1984 : HET FRANS GEVOGELTE LAAT ZIJN KLEUREN ZIEN') }}">
            </picture>
            @enddesktop
        </div>
        <div class="slide" data-value='2000'>
            <img class="logo" src="{{ asset('assets/images/flamand/2000-logo2.png') }}" alt="{{ __('2000 Le Gaulois Logo') }}" />
            <div class="content">
                <h3 class="date date-history odometer">{{ __('2000') }}</h3>
                <h3>{{ __('GOED EN MOOI') }}</h3>
                <p>{{ __('Het logo van Le Gaulois, in 1984 ontworpen, krijgt een facelift. Wat dynamischer om de 21e eeuw in te zetten !') }}</p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2000.webp') }}" type="image/webp">
                <img class="desktopEntete" src="{{ asset('assets/images/flamand/2000.jpg') }}" alt="{{ __('2000 : NGOED EN MOOI') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2000-mobile.webp') }}" type="image/webp">
                <img class="mobileEntete" src="{{ asset('assets/images/flamand/2000-mobile.png') }}" alt="{{ __('2000 : NGOED EN MOOI') }}">
            </picture>
            @enddesktop
        </div>
        <div class="slide" data-value='2007'>
            <img class="logo" src="{{ asset('assets/images/flamand/2007-logo.png') }}" alt="{{ __('2007 Le Gaulois Logo') }}" />
            <div class="content">
                <h3 class="date date-history odometer">{{ __('2007') }}</h3>
                <h3>{{ __('NOG STEEDS ACTUEEL') }}</h3>
                <p>{{ __('Het merk Le Gaulois verandert van visuele identiteit. Na 23 jaar van goede en loyale dienst geeft de chef vanop het logo zijn schort af. Het logo behoudt wel zijn kleuren "blauw, wit en rood" maar verandert in een glimlach, symbool voor plezier en gastronomie.') }}</p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2007.webp') }}" type="image/webp">
                <img class="desktopEntete" src="{{ asset('assets/images/flamand/2007.jpg') }}" alt="{{ __('2007 : NOG STEEDS ACTUEEL') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2007-mobile.webp') }}" type="image/webp">
                <img class="mobileEntete" src="{{ asset('assets/images/flamand/2007-mobile.png') }}" alt="{{ __('2007 : NOG STEEDS ACTUEEL') }}">
            </picture>
            @enddesktop
        </div>
        <div class="slide" data-value='2015'>
            <img class="logo" src="{{ asset('assets/images/flamand/2015_tdf.jpg') }}" alt="{{ __('2015 Le Gaulois Logo') }}" />
            <div class="content">
                <h3 class="date date-history odometer">{{ __('2015') }}</h3>
                <h3>{{ __('EEN KAMPIOEN VAN DE GEZELLIGHEID') }}</h3>
                <p>{{ __('Om Frankrijk extra in de kijker te zetten wordt Le Gaulois het officiele gevogelte van de Ronde van Frankrijk.
                    Logisch als je slank wil blijven en mooie momenten wil delen.
                    Bezoek onze website www.legauloistourdefrance.fr voor meer informatie.')}}</p>
                <p>{{ __('Het nog even populaire Le Gaulois zet zijn avontuur verder en blijft steeds het gamma en z\'n producten verbeteren. Dit alles om van de mooie momenten te kunnen genieten.') }}</p>
            </div>
            @desktop
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2015.webp') }}" type="image/webp">
                <img class="desktopEntete" src="{{ asset('assets/images/flamand/2015.jpg') }}" alt="{{ __('2015 : EEN KAMPIOEN VAN DE GEZELLIGHEID') }}">
            </picture>
            @else
            <picture>
                <source srcset="{{ asset('assets/images/flamand/2015-mobile.webp') }}" type="image/webp">
                <img class="mobileEntete" src="{{ asset('assets/images/flamand/2015-mobile.png') }}" alt="{{ __('2015 : EEN KAMPIOEN VAN DE GEZELLIGHEID') }}">
            </picture>
            @enddesktop
        </div>
    </div>
</section>
<section class="productnl">
    <div class="product-txt">
        <div class="col1">
            <img src="{{ asset('assets/images/flamand/illus.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
            <img src="{{ asset('assets/images/flamand/logo-lgl_289.png') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
        </div>
        <div class="col2">
            <h3>{{ __('Ons 100% Frans gevogelte') }}</h3>
            <h5>{{ __('Wat betekent "gevogelte geboren, gekweekt en bereid in Frankrijk"?') }}</h5>
            <ul>
                <li>{{ __('Onze eieren worden in Frankrijk gelegd.') }}</li>
                <li>{{ __('Onze kuikens worden geboren en groeien verder op in Frankrijk. Vervolgens worden ze verzorgd door onze Franse kwekers.') }}</li>
                <li>{{ __('Het graan dat ons gevogelte voedt, wordt geteeld in de buurt van de kwekerijen in Frankrijk.') }}</li>
                <li>{{ __('Op die manier tovert alleen Le Gaulois een glimlach op het gezicht van iedereen tijdens elke maaltijd.') }}</li>
            </ul>
        </div>
        <div class="col3">
            <a class="fancybox-saga fancybox.iframe link" href="https://player.vimeo.com/video/247315355" rel='saga'>
                <img src="{{ asset('assets/images/flamand/video01.jpg') }}" alt="video01" />
            </a>
            <p>{{ __('Welzijn dier') }}</p>
            <a class="fancybox-saga fancybox.iframe link" href="https://player.vimeo.com/video/247336882" rel='saga'>
                <img src="{{ asset('assets/images/flamand/video02.jpg') }}" alt="video02" />
            </a>
            <p>{{ __('100% Franse granen') }}</p>
        </div>

    </div>
    <div class="product-title">
        <h2>{{ __('ONZE PRODUCTEN') }}</h2>
    </div>
    <div class="product-btn">
        <a href="#" class="gamme1" rel="nofollow noindex">
            <div class="hover">
                <div class="hover-txt">
                    <h3>{{ __('OM TE KOKEN') }}</h3>
                    <h5>{{ __('Volledige stukken met zorg gekozen voor een langere bereiding') }}</h5>
                    <ul>
                        <li>{{ __('- Ganse kip wit of geel') }}</li>
                        <li>{{ __('- Haantje') }}</li>
                        <li>{{ __('- Jonge duif') }}</li>
                        <li>{{ __('- Kwartel') }}</li>
                        <li>{{ __('- Konijn') }}</li>
                        <li>{{ __('- Parelhoen') }}</li>
                        <li>{{ __('- ...') }}</li>
                    </ul>
                </div>
                <img src="{{ asset('assets/images/flamand/gamme01-hover.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
            </div>
            <h3>{{ __('OM TE KOKEN') }}</h3>
            <img src="{{ asset('assets/images/flamand/gamme01.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
        </a>
        <a href="#" class="gamme2" rel="nofollow noindex">
            <div class="hover">
                <div class="hover-txt">
                    <h3>{{ __('GEMAKKELIJK te bereiden') }}</h3>
                    <h5>{{ __('Producten met korte bereidingstijd, simpel en gemakkelijk') }}</h5>
                    <div class="hover-cols">
                        <div class="hover-col1">
                            <p class="strong">{{ __('VERSNEDEN') }}</p>
                            <p>{{ __('kip, kalkoen, eend, konijn, parelhoen') }}</p>
                            <ul>
                                <li>{{ __('- Milanaises') }}</li>
                                <li>{{ __('- Mooie escaloppe') }}</li>
                                <li>{{ __('- Express garen') }}</li>
                            </ul>
                        </div>
                        <div class="hover-col2">
                            <p class="strong">{{ __('GEPANEERD') }}</p>
                            <ul>
                                <li>{{ __('- Cordon Bleu') }}</li>
                                <li>{{ __('- Gepaneerde Milanaise …') }}</li>
                            </ul>
                            <p class="strong">{{ __('SEIZOENSGAMMA ZOMER EN KERSTMIS EIEREN') }}</p>
                        </div>
                    </div>
                </div>
                <img src="{{ asset('assets/images/flamand/gamme02-hover.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
            </div>
            <h3>{{ __('GEMAKKELIJK te bereiden') }}</h3>
            <img src="{{ asset('assets/images/flamand/gamme02.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
        </a>
        <a href="#" class="gamme3" rel="nofollow noindex">
            <div class="hover">
                <div class="hover-txt">
                    <h3>{{ __('Klaar om te eten') }}</h3>
                    <h5>{{ __('Gezonde en smaakvolle producten om direct op te eten. Warm of koud.') }}</h5>
                    <ul>
                        <li>{{ __('- Grignottes') }}</li>
                        <li>{{ __('- Warme sandwich') }}</li>
                        <li>{{ __('- Charcuterie van gevogelte') }}</li>
                        <li>{{ __('- Gesneden en gebraden') }}</li>
                        <li>{{ __('- Snacks van gevogelte') }}</li>
                        <li>{{ __('- ...') }}</li>
                    </ul>
                </div>
                <img src="{{ asset('assets/images/flamand/gamme03-hover.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
            </div>
            <h3>{{__('Klaar om te eten') }}</h3>
            <img src="{{ asset('assets/images/flamand/gamme03.jpg') }}" alt="Le Gaulois - {{ __('Accueil') }}" />
        </a>
    </div>
</section>
<section class="recipenl">
    <div class="recipenl-content">
        <h2>{{ __('ONZE RECEPTEN') }}</h2>
        <div class="recepten owl-carousel">
            <a href="{{ asset('assets/documents/flamand/recettes/CakeGesiers.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/cake.jpg') }}" alt="cake">
                <p>{{ __('CAKE MET GECONFIJTE GEVOGELTEMAAGJES, GEITENKAAS EN VIJGEN.') }}</p>
            </a>
            <a href="{{ asset('assets/documents/flamand/recettes/WokGesiers.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/wok.jpg') }}" alt="wok">
                <p>{{ __('WOK VAN GEVOGELTEMAAGJES MET FIJNE GROENTJES EN SOJASAUS') }}</p>
            </a>
            <a href="{{ asset('assets/documents/flamand/recettes/FiletCanardPolenta.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/polenta.jpg') }}" alt="polenta">
                <p>{{ __('EENDENFILET EXPRESS GAREN, ROMIGE POLENTA EN SLAATJE TOMAAT, RUCOLA.') }}</p>
            </a>
            <a href="{{ asset('assets/documents/flamand/recettes/PouletProvencale.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/pouletprovencal.jpg') }}" alt="pouletprovencal">
                <p>{!! __('PROVEN&Ccedil;AALSE KIPFILETS') !!}</p>
            </a>
            <a href="{{ asset('assets/documents/flamand/recettes/RoulesDinde.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/roulesdedinde.jpg') }}" alt="roulesdedinde">
                <p>{{ __('KALKOENESCALOPE EXTRA FIJN TOMAAT - MOZARELLA') }}</p>
            </a>
            <a href="{{ asset('assets/documents/flamand/recettes/SaladeSotLyLaisse.pdf') }}" target="_blank" class="recip">
                <div class="recip-hover">
                    <h5>{{ __('Bekÿk het recept') }}</h5>
                </div>
                <img src="{{ asset('assets/images/flamand/recette/sot.jpg') }}" alt="sot">
                <p>{{ __('SALADE VAN GECONFIJTE SOT L\'Y LAISSE, KROKANTE WITLOF MET GEDROOGD FRUIT') }}</p>
            </a>
        </div>
    </div>
</section>
<section class="saganl">
    <h3>{{ __('MOMENTEN OM TE DELEN') }}</h3>
    <p>{{ __('Sinds vele jaren staat Le Gaulois de fransen bij op tafel maar ook op TV schermen en via multimedia. Ze doen dit met ritme een humor !') }}</p>
    <div class="videoSaga">
        @foreach($ads as $ad)
        @if($loop->first)
        <div class="video test first">
            <a class="fancybox-saga fancybox.iframe" href="{{ $ad->link }}" title=" " rel='ads'>
                <i class="fa fa-play"></i>
                <img src="{{ $ad->picture }}" alt="{{ $ad->title }}" srcset="{{ $ad->picture }} 370w,{{ $ad->picture }} 760w" sizes="(max-width:768px) 370px, 760px" />
            </a>
            <p class="first">
                {{ $ad->title }}
            </p>
        </div>
        @else
        <div class="video">
            <a class="fancybox-saga fancybox.iframe link" href="{{ $ad->link }}" rel='ads'>
                <i class="fa fa-play"></i>
                <img src="{{ $ad->picture }}" alt="{{ $ad->title }}" /></a>
            <p>
                {{ $ad->title }}
            </p>
        </div>
        @endif
        @endforeach
    </div>
</section>
<section class='contact'>
    <section class='form'>
        <h2>{{ __('CONTACTFORMULIER') }}</h2>
        @if(session()->has('status'))
        <div class="statusMsg">
            @if(session()->get('status'))
            <p>{{ __('message_contact_send') }}</p>
            @else
            <p>{{ __('message_contact_failed') }}</p>
            @endif
        </div>
        @else
        @include('front.contact.contact-form')
        @endif
    </section>
</section>
@endsection

@section('footer')
<footer id="master-footer">
    <div class="pre-footer">
        <section>
            <header>
                <a href="{{ route('home') }}">
                    <img src="{{ asset('assets/images/logo-lgl-3f.png') }}" alt="Le Gaulois" />
                </a>
            </header>
        </section>
        <section>
            <a class="lang" href="{{ route('home') }}">{{ __('FR') }}</a>
            <a class="lang" href="{{ route('home-nl') }}">{{ __('NL') }}</a>
        </section>
        <section>
            <a href="{{ asset('assets/documents/faq.pdf') }}" target="_blank">{{ __('FAQ') }}</a>
        </section>
        <section>
            <ul id="footer-liste-social">
                <li><a href="https://www.facebook.com/LeGauloisFrance/" target="_blank"><i class="icon-rs-facebook"></i></a></li>
                <li><a href="https://www.youtube.com/user/MyLeGaulois" target="_blank"><i class="icon-rs-youtube"></i></a></li>
                <li><a href="https://plus.google.com/u/0/+legaulois" target="_blank"><i class="icon-rs-google"></i></a></li>
            </ul>
        </section>
    </div>
    <div class="bottom">
        <p>
            <span>{{ __('© Copyright Le Gaulois') }}</span>
            <a href="{{ route('legal-notice') }}">{{__('Juridische info') }}</a>
        </p>
    </div>

    <a id="BtnPopupDialog" href="#popupDialog" style="display:none;"></a>
    <div id="popupDialog" style="display:none;">
        <div class="fancy-header">
            <i class="fa fa-info-circle" aria-hidden="true"></i>
            <h5 id="title-dialog"></h5>
            <p id="msg-dialog"></p>
        </div>
        <div class="fancy-footer">
            <a id="fancyConfirm_ok" class="btn btn-arronded-20" href="#">Confirmer</a>
            <a id="fancyConfirm_cancel" class="btn btn-arronded-20" href="#">Annuler</a>
        </div>
    </div>
</footer>
@endsection

@push('scripts')
<script>
window.odometerOptions = {
    format: 'd'
};
window._status_MESSAGE = @if(session()->has('status'))true @else false @endif;
</script>
@endpush