@extends ("front.layout", ['component' => "apropos"])

@section('content')
<div class="page" id="apropos">
    <div class="container">
        @component('front.app.titre-page')
        {{ trans('about.about') }}
        @endcomponent
    </div>

    <div class="entete-apropos bandeau">
        <div class="container">
            <div class="wrapper">
                <div class="image">
                    <img src="/storage/img/apropos/portrait/portrait_fred_winkler_dcw_editions.jpg"
                        alt="">
                    <div class="legende">{{ trans('application.philippe-fred') }}</div>
                </div>
                <div class="text">
                    {!! nl2br(trans('application.claim-body')) !!}
                </div>
                <div class="quote thin-italic">
                    {{ trans('application.claim-quote') }}
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <year-bloc year="2008" :collections-id="[5, 11]"
            :legendes="['Lampe Gras N°205', 'Chaises Surpil']"></year-bloc>

        <year-bloc year="2013" :collections-id="[4]" :legendes="['Mantis BS1']"></year-bloc>

        <year-bloc year="2014" :collections-id="[7]" :legendes="['Lampe Gras XL OUTDOOR']"></year-bloc>

        <year-bloc year="2015" :collections-id="[10, 2]"
            :legendes="['Here Comes The Sun', 'In The Tube']"></year-bloc>

        <year-bloc year="2017" :collections-id="[1]" :legendes="['ISP']"></year-bloc>

        <year-bloc year="2018" :collections-id="[16, 12, 17, 14]" :legendes="['Biny', 'In The Sun']"></year-bloc>
    </div>

    <div class="bandeau">
        <div class="container">
            <div class="flex flex-col align-center md:justify-center md:flex-row">
                <div class="showroom mb-8 mr-0 md:mr-24 md:mb-0">
                    <div class="titre din-black">Showroom Paris</div>
                    <div class="adresse">
                        <div class="line">71, rue de la Fontaine au Roi</div>
                        <div class="line">75011 Paris</div>
                        <div class="line">France</div>
                        <div class="line">{{ trans('contact.phone') }} : +33(0)1 40 21 37 60</div>
                    </div>
                    <div class="openings">{{ trans('a-propos.openings') }}</div>
                </div>

                <!-- <div class="showroom">
                    <div class="titre din-black">{{ trans('contact.nordic-showroom') }}</div>
                    <div class="adresse">
                        <div class="line">{{ trans('contact.spring-opening') }}</div>
                        <div class="line">{{ trans('contact.contact-us') }}</div>
                        <div class="line">{{ trans('contact.phone') }} : (+45) 42 50 07 70</div>
                    </div>
                    <div class="openings">{{ trans('a-propos.openings-den') }}</div>
                </div> -->
            </div>

            <expo folder="apropos/illustrations" :photos="[1, 2, 3, 4, 5]"></expo>
        </div>
    </div>
</div>
@endsection