@extends('layouts.default')

@section('title', 'Contact - Lécuyer')

@section('css')
<link href="{{ asset("css/contact.css") }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')

<main class="contactpage">

    <!--========== Hero area ===========-->
    <div class="hero_area">
        <div class="hero_inner">
            <h2 class="sec_title">Contactez-nous</h2>
            <h3 class="sec_sub_title">en quelques clics</h3>
            <hr class="sec_devider">
            @include('elements.forms.contact')
        </div>
        <img src="{{ asset("img/contact-m-map.png") }}" class="d-none contact_map_img" alt="">
        <div class="hero_inner2">
            <ul class="d-flex justify-content-between align-items-center">
                <li><a href="tel:+0153092000"><img src="{{ asset("img/phone.svg") }}" class="foot_icon" alt="">01 53 09 20 00</a></li>
                <li><a href="mailto:gestion@cabinet-lecuyer.fr"><img src="{{ asset("img/home-address.svg") }}" class="foot_icon" alt="">Gestion@cabinet-lecuyer.fr</a></li>
                <li class="last_itme d-lg-flex d-none"><img src="{{ asset("img/email.svg") }}" class="foot_icon" alt=""><span>11 bis, rue du Mont-Cenis <br class="d-none d-md-block"> 75018 Paris <a href="#"> « Vieux Montmartre »</a></span></li>
            </ul>
            <ul class="d-flex justify-content-center align-items-center d-lg-none">
                <li class="last_itme"><img src="{{ asset("img/email.svg") }}" class="foot_icon" alt=""><span>11 bis, rue du Mont-Cenis 75018 Paris <a href="#"> « Vieux Montmartre »</a></span></li>
            </ul>
        </div>
    </div>

    <!--========== Consulter area ===========-->
    <div class="consulter_area decourez_area">
        <div class="container">
            <h2 class="sec_title text-center">Consulter</h2>
            <p class="con text-center">nos biens disponible à la location</p>
            <div class="row justify-content-center">
                @foreach ($advertisements as $advertisement)
                    <div class="col-lg-4 col-md-6">
                        @include('elements.advertisement-card')
                    </div>
                @endforeach
            </div>
            <a href="#" class="main_btn">VOIR TOUS LES BIENS</a>
        </div>
    </div>


</main>

@include('elements.learn-more')

@endsection