@extends('layouts.default')
@section('title'){!! trans('services.meta_title') !!}@stop
@section('description'){!! trans('services.meta_desc') !!}@stop
@section('canonical'){{ request()->url() }}@stop
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ url('css/service.css') }}?v={{ env('ASSET_VERSION') }}">
@stop
@section('content')
    <main class="service_page">
        <section>
            <div class="banner_section">
                <div class="content">
                    <h1 class="banner_heading">{{ trans('services.title') }}</h1>
                    <div class="services_txt">
                        <span class="icon">“</span>
                        <h2>{{ trans('services.text') }}</h2>
                        <div class="inner">
                            <p>{{ trans('services.text_1') }} </p>
                            <p>{{ trans('services.text_2') }}</p>
                        </div>
                    </div>
                    <div class="view_grid">
                        <div class="view_box">
                            <div class="grid_box">
                                <div>
                                    <ul
                                        style="display: flex; gap: 4px; list-style: none; padding: 0; margin: 0 0 8px 0; align-items: center;">
                                        @for ($i = 0; $i < 5; $i++)
                                            <li style="display: inline-block;">
                                                <img src="{{ url('images/star_yellow.svg') }}" alt="Star">
                                            </li>
                                        @endfor
                                    </ul>
                                </div>
                                <div>
                                    <x-optimized-image src="images/google-review.png" alt="Google reviews" class="img" />
                                </div>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><span>1783 {{ trans('home.avis') }}</span></p>
                                <p class="view_no"><span>4.8/5</span></p>
                            </div>
                        </div>

                        <div class="view_box">
                            <div class="grid_box">
                                <a href="https://satisfaction.realadvice.be/avis/Expertissimmo/" target="_blank">
                                    <ul>
                                        @for ($i = 0; $i < 5; $i++)
                                            <li><img src="{{ url('images/star_yellow.svg') }}" alt="Star"></li>
                                        @endfor
                                    </ul>
                                </a>
                                <a href="https://satisfaction.realadvice.be/avis/Expertissimmo/" target="_blank">
                                    <x-optimized-image src="images/realadvice_new.png" alt="Star" class="img" />
                                </a>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><a href="https://satisfaction.realadvice.be/avis/Expertissimmo/"
                                        target="_blank">2409 {{ trans('home.avis') }}</a></p>
                                <p class="view_no"><a href="https://satisfaction.realadvice.be/avis/Expertissimmo/"
                                        target="_blank">4.7/5</a></p>
                            </div>
                        </div>

                        <div class="view_box">
                            <div class="grid_box">
                                <a href="https://www.opinionsystem.fr/fr-fr/certificate/12083" target="_blank">
                                    <ul>
                                        @for ($i = 0; $i < 5; $i++)
                                            <li><img src="{{ url('images/star_yellow.svg') }}" alt="Star"></li>
                                        @endfor
                                    </ul>
                                </a>
                                <a href="https://www.opinionsystem.fr/fr-fr/certificate/12083" target="_blank">
                                    <x-optimized-image src="images/opinion_system_new.png" alt="Star" class="img" />
                                </a>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><a href="https://www.opinionsystem.fr/fr-fr/certificate/12083"
                                        target="_blank">355 {{ trans('home.avis') }}</a></p>
                                <p class="view_no"><a href="https://www.opinionsystem.fr/fr-fr/certificate/12083"
                                        target="_blank">4.7/5</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="image">
                    <div class="image_Inner">
                        <x-optimized-image src="./images/service-hero.jpg" alt="banner" />
                    </div>
                </div>
            </div>
        </section>
        <section class="services_wrapper">
            <div class="container">
                <div class="service_box">
                    <div class="service_grid">
                        <div class="service_grid_inner">
                            <div class="service_heading_box">
                                <h2 class="service_heading">@lang('services.box_heading')</h2>
                                <p class="subheading">{{ trans('services.analyse') }}</p>
                            </div>
                            <div class="service_content_wrap">
                                <h2>{{ trans('services.analyse_content') }}</h2>
                                <ul>
                                    <li>
                                        <a href="{{ route('house_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.house') }}</p>
                                            <x-optimized-image src="/images/service-maison-villa.jpg" alt="maison" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('appartment_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.appartement') }}</p>
                                            <x-optimized-image src="/images/service-appartement.jpg" alt="appartement" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('investment_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.investment') }}</p>
                                            <picture>
                                                <source media="(max-width:767px)"
                                                    srcset="{{ url('/images/rapport_mobile.png') }}">
                                                <x-optimized-image src="images/service_img_3.png" alt="garage" />
                                            </picture>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('bureau_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.bureau') }}</p>
                                            <picture>
                                                <source media="(max-width:767px)"
                                                    srcset="{{ url('/images/Bureau_mobile.jpg') }}">
                                                <x-optimized-image src="images/service_img_4.png" alt="garage" />
                                            </picture>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('garage_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.garage') }}</p>
                                            <picture>
                                                <source media="(max-width:767px)"
                                                    srcset="{{ url('/images/Garage_mobile.png') }}">
                                                <x-optimized-image src="images/service-garage.png" alt="garage" />
                                            </picture>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="service_grid_inner">
                            <div class="service_content_wrap">
                                <h2>{{ trans('services.rent_property') }}</h2>
                                <ul>
                                    <li>
                                        <a href="{{ route('renthouse_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.house') }}</p>
                                            <x-optimized-image src="/images/service-louer-maison.jpg" alt="maison" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('rentappartment_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.apartment') }}</p>
                                            <x-optimized-image src="/images/service-louer-appartement.jpg"
                                                alt="appartement" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('rentbureau_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.bureau') }}</p>
                                            <x-optimized-image src="/images/service-louer-bureau.png" alt="bureau" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('rentgarage_' . app()->getLocale()) }}">
                                            <p>{{ trans('services.rent_garage') }}</p>
                                            <x-optimized-image src="/images/service-louer-garage.jpg" alt="garage" />
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="service_heading_box">
                                <h2 class="service_heading">@lang('services.sell')</h2>
                                <p class="subheading">{{ trans('services.visit') }}</p>
                            </div>
                        </div>
                        <div class="service_grid_inner">
                            <a href="{{ route('gestion_' . app()->getLocale()) }}">
                                <div class="service_heading_box">
                                    <h2 class="service_heading">@lang('services.managment')</h2>
                                    <p class="subheading">@lang('services.all_managment')</p>
                                </div>
                                <x-optimized-image src="/images/service-gestion-locative.jpg" alt="gestion_locative" />
                            </a>
                        </div>
                        <div class="service_grid_inner">
                            <a href="{{ route('expatri_' . app()->getLocale()) }}">
                                <x-optimized-image src="/images/service-expatries.jpg" alt="expatries" />
                                <div class="service_heading_box">
                                    <h2 class="service_heading">@lang('services.expatriates')</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="contact_section_grid">
            <div class="container">
                <div class="inner_contact">
                    <div class="txt_block">
                        <p>@lang('services.estate')</p>
                    </div>
                    <div class="button_grid">
                        <p><span>@lang('services.btn')</span></p>
                        <a href="{{ route('contact') }}" class="btn_block">{{ trans('services.contact_us') }}</a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <center class="commitment_box">
                <h2>@lang('services.commit_ment')</h2>
            </center>
        </section>
    </main>
@stop