@extends('layouts.base')

@section('content')
    <div class="d-flex justify-content-center full-height full-width align-items-center">
        <div class="error-container text-center">
            <div class="row">
                <div class="col">
                    <div class="row">
                        <div class="col">
                            <img src="{{asset('images/maintenance.png')}}" class="w-100">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <h4 class="bold all-caps text-primary">The site is currently down for maintenance</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <p class="fs-15 bold all-caps m-b-5 hint-text">We apologize for any inconvenience caused.</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <p class="bold all-caps hint-text">We will be back soon.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection