@extends('layouts.error')

@section('content')
    <div class="page-content pt-xl">
        <div class="mb-xl">
            <div class="container">
                <div class="d-flex align-items-center flex-wrap h-100">

                    <div class="col-lg-6 mx-auto">
                        <div class="text-center">
                            <h2 class="title-xxl title-animation font-primary-bd text-primary-color">
                                500
                            </h2>
                            <img src="{{ asset('assets/media/erro-v2.jpg') }}" alt="404 image" loading="lazy">
                            <p class="text-lg mb-5 text-gray-color">
                                {{ __('Server Error') }}
                            </p>
                            <a href="{{ route('home') }}"
                                class="btn btn-hover w-100 px-5 btn-secondary-color rounded-pill py-3">
                                <span class="me-2"> @lang('site.home_page')</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection