@extends('website.layouts.app')

@section('content')
    <!-- --------------------- Error   ~ STARTS ------------- -->
    <main class="bg-light-custom">
        <div class="success-container bg-light-custom">
            <section class="success-section bg-content-white">
                <div class="content-wrapper text-center">
                    <img src="{{ asset('website/images/error.gif')}}" class="responsive-img"
                        alt="Thank You">
                    <h4 class="text-bold thankyou-text">Oops! Something went wrong</h4>
                    <p class="text-description">We encountered an error with your request. Please try again later.</p>
                    <a href="{{ route('home') }}" class="button-primary px-large mt-medium">Return to Homepage</a>
                </div>
            </section>
        </div>
    </main>
    <!-- --------------------- Error ~ ENDS ------------- -->

@endsection