@extends('layouts.blank', ['title' => '404 Error - Errors'])

@section('body')

    <!-- Top Bar -->
    <section class="top-bar">

        <!-- Brand -->
        <span class="brand">EzyPOS</span>
    </section>

    <div class="container flex items-center justify-center mt-20 py-10">
        <div class="w-full md:w-1/2 xl:w-1/3">
            <div class="mx-5 md:mx-10 text-center uppercase">
                <h1 class="text-9xl font-bold">404</h1>
                <h2 class="text-primary mt-5">Page Not Found</h2>
                <h5 class="mt-2">The page you are looking for is not found.</h5>
                <a href="{{ url('/') }}" class="btn btn_primary mt-5">Go Back</a>
            </div>
        </div>
    </div>

@endsection