@extends('layouts.frontend')

@section('page_title')
    Oops, something went wrong
@endsection

@section('title')
    Oops, something went wrong |
@endsection

@section('meta-description')
    Oops, something went wrong! Please navigate the website using the navigation, or return back to the previous page. I am sorry about that!
@endsection

@section('meta-title')
    Oops, something went wrong | Photographs by Steven
@endsection

@section('background-image')
    https://cdn.stevenhardy.digital/steven-photos/photos/1033287609-228295503-2123536855.jpg
@endsection

@section('page_subheading')
    I am so sorry about this!
@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mt-5 mb-5">
                <p>Unfortunately, you have found a page that does not exist. These things happen. However, please use the buttons below to be able to navigate to the rest of the website and hopefully you will find what you are looking for.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-4 mb-5 text-center">
                <a href="/gallery" class="btn btn-success" id="Contact">View my gallery</a>
            </div>
            <div class="col-12 col-md-4 mb-5 text-center">
                <a href="/posts" class="btn btn-success" id="Contact">View my blog</a>
            </div>
            <div class="col-12 col-md-4 mb-5 text-center">
                <a href="/" class="btn btn-success" id="Contact">Back to my homepage</a>
            </div>
        </div>
    </div>
@endsection