@extends('layouts.default')
@section('title'){!! trans('expatries.meta_title') !!}@stop
@section('description'){!! trans('expatries.meta_desc') !!}@stop
    @if (isset($canonical))
        @section('canonical'){{ $canonical }}@stop
        @else
        @section('canonical'){{ request()->url() }}@stop
        @endif
    @section('styles')
        <link rel="stylesheet" type="text/css" href="{{ url('css/expatries.css') }}?v={{ env('ASSET_VERSION') }}">
    @stop
@section('content')
    <main class="experties_page">
        <section>
            <div class="banner_section">
                <div class="content">
                    <h1 class="banner_heading">{{ trans('expatries.title') }}</h1>
                    <div class="banner_content">
                        <p>{{ trans('expatries.banner_content') }}</p>
                    </div>
                </div>
                <div class="image">
                    <x-optimized-image src="images/expatries_banner_image.png" alt="banner" />
                </div>
            </div>
        </section>
        <section>
            <div class="expatries_three_box">
                <div class="expatries_wrapper">
                    <div class="inner_block">
                        <div class="shape_img_box">
                            <x-optimized-image src="images/expatries_shape_1.png" alt="Shape" />
                            <div class="txt">
                                <p>{{ trans('expatries.box_1_title') }} </p>
                            </div>
                        </div>
                        <div class="content_block">
                            <div class="inner_box">
                                <div class="left">
                                    <h2>{{ trans('expatries.box_1_left_1') }}</h2>
                                    <p>{{ trans('expatries.box_1_left_2') }}</p>
                                </div>
                                <div class="right">
                                    <p>{{ trans('expatries.box_1_right_1') }}</p>
                                    <p>{{ trans('expatries.box_1_right_2') }}</p>
                                </div>
                            </div>
                            <div class="list_block">
                                <ul>
                                    @lang('expatries.box_1_list_1')
                                </ul>
                                <ul>
                                    @lang('expatries.box_1_list_2')
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="inner_block">
                        <div class="shape_img_box">
                            <x-optimized-image src="images/expatries_shape_2.png" alt="shape" />
                            <div class="txt">
                                <p>{{ trans('expatries.box_2_title') }}</p>
                            </div>
                        </div>
                        <div class="content_block">
                            <div class="inner_box">
                                <div class="left">
                                    <p><span>{{ trans('expatries.box_2_left_1') }}</span>
                                        {{ trans('expatries.box_2_left_2') }}</p>
                                </div>
                                <div class="right">
                                    <p>{{ trans('expatries.box_2_right_1') }} </p>
                                    <p>{{ trans('expatries.box_2_right_2') }}</p>
                                </div>
                            </div>
                            <div class="list_block">
                                <ul>
                                    @lang('expatries.box_2_list_1')
                                </ul>
                                <ul>
                                    @lang('expatries.box_2_list_2')
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="inner_block">
                        <div class="shape_img_box">
                            <x-optimized-image src="images/expatries_shape_3_overlay.png" alt="shape" />
                            <div class="txt">
                                <p>{{ trans('expatries.box_3_title') }}</p>
                            </div>
                        </div>
                        <div class="content_block">
                            <div class="inner_box">
                                <div class="left">
                                    <p><span>{{ trans('expatries.box_3_left_1') }}</span>
                                        {{ trans('expatries.box_3_left_2') }} </p>
                                </div>
                                <div class="right">
                                    <p>{{ trans('expatries.box_3_right') }}</p>
                                </div>
                            </div>
                            <div class="list_block">
                                <ul>
                                    @lang('expatries.box_3_list_1')
                                </ul>
                                <ul>
                                    @lang('expatries.box_3_list_2')
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="contact_section_grid">
            <div class="container">
                <div class="inner_contact">
                    <div class="txt_block">
                        <p>{{ trans('expatries.contact_text') }}</p>
                    </div>
                    <div class="button_grid">
                        <p><span>{{ trans('expatries.contact_btn') }}</span></p>
                        <a href="{{ route('estimat_' . app()->getLocale()) }}"
                            class="btn_block">{{ trans('expatries.contact_btn_txt') }}</a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <center class="commitment_box">
                <p class="subheading">{{ trans('expatries.commitment_box') }}</p>
                <h2>@lang('expatries.commitment_heading')</h2>
                <div class="commitment_bottom">
                    <button class="btn_block criteria" data-id="popup">{{ trans('expatries.commitment_btn') }}</button>
                </div>
            </center>
        </section>
    </main>
@stop