@extends('layouts.master-simple')
@php
    $seo =  array (
        'title' =>  App::getLocale() == 'en' ? ' 402 | This page isn´t working right now.' : ' 402 | Esta página no funciona en este momento',
        'description' =>  App::getLocale() == 'en' ? 'But you can click the button below to go back to the homepage.' : 'Pero puedes hacer click en el botón a continuación para volver a la página de inicio.',
        'imagen' =>   asset('/storage/images/contact-mobile.jpg'),
        'url' =>  App::getLocale() == 'en' ? 'https://marivalarmony.com/' : 'https://marivalarmony.com.mx/',
        'nofollow' => 'true',
    );
@endphp

@section('app')
     <div class="error_page">
         <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-7 col-md-5 col-lg-2 pt-5 mb-3 text-center">
                    <a href="{{ App::getLocale() == 'en' ? '/' : '/es' }}" class="logo_normal">
                        <img src="{{ asset('/storage/logos/logo-inovation.svg') }}" alt="Armony Marival Resort & Spa Punta de Mita – MGallery Collection" style="max-width:215px;">
                    </a>
                </div>
            </div>
        </div>
        <hr/>
        <div class="container">
            <div class="row justify-content-center justify-content-center">
                <div class="col-lg-6 col-md-10">
                   <div class="parallax_wrapper">
                        <img src="{{ asset('/storage/images/description-plan-your-vacation-inovation.webp') }}" alt="Armony Marival Resort & Spa Punta de Mita – MGallery Collection" class="rounded-img" width="100%", height="100%" style="min-height: 500px;">
                    </div>
                </div>
                <div class="col-lg-5 col-md-10">
                    <h1>402</h1>
                    @if(changeLanguage())
                        <h2>This page isn't working right now.</h2>
                        <p>But you can click the button below to go back to the homepage.</p>
                        <p><a class="btn_1 outline mt-3" href="https://marivalarmony.com" title="Back to home">Back to home</a></p>
                    @else
                        <h2>Esta página no funciona en este momento.</h2>
                        <p>Pero puedes hacer click en el botón a continuación para volver a la página de inicio.</p>
                        <p><a class="btn_1 outline mt-3" href="https://marivalarmony.com.mx" title="Visita la página de inicio">Visita la página de inicio</a></p>
                    @endif
                </div>
            </div>
        </div>
    </div>
     <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
        </svg>
    </div>
    <!-- /back to top -->
@endsection