@extends('layouts.guest', ['bodyClass' => 'bg-error'])
@section('title')
    404
@endsection
@section('content')

<!-- Start wrapper-->
 <div class="pt-5">
 
    <div class="container pt-5">
            <div class="row pt-5">
                <div class="col-lg-12">
                    <div class="text-center error-pages">
                        <h1 class="error-title text-white mb-3">Ops...</h1>
                        <h2 class="error-sub-title text-white">Página não encontrada</h2>

                        <p class="error-message text-white text-uppercase">Desculpe, a página que você tentou acessar não existe!</p>
                        
                        <div class="mt-4 d-flex align-items-center justify-content-center gap-3">
                          <a href="{{ url('/') }}" class="btn btn-grd-danger rounded-5 px-4"><i class="bi bi-house-fill me-2"></i>Voltar para Início</a>
                        </div>

                        <div class="mt-4">
                            <p class="text-light">Sistema Arranjo 2024 - Todos os direitos reservados.</p>
                        </div>
                           <hr class="border-light border-2">
                          
                    </div>
                </div>
            </div><!--end row-->
        </div>

 </div><!--wrapper-->

@endsection