@extends('layouts.app-simple')

@php
     $seo =  array (
        'title' =>  App::getLocale() == 'en' ? ' 404  | You´re lost.' : ' 404 | Forbidden',
        'description' =>  App::getLocale() == 'en' ? 'The page you are looking for does not exist.' : '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('content')
     <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 align-items-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%">
                    </div>
                </div>
                <div class="col-lg-5 col-md-10">
                    <h1>404</h1>
                    @if(changeLanguage())
                        <h2>UH OH! You're lost.</h2>
                        <p>The page you are looking for does not exist.<br/> But you can click the button below to go back to the homepage.</p>
                        <p><a class="btn_1 outline mt-3" href="https://inovationtravel/" title="Back to home">Back to home</a></p>
                    @else
                        <h2>¡Vaya! La página que buscas no existe.</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://inovationtravelmx/" title="Visita la página de inicio">Visita la página de inicio</a></p>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection