@extends('components.layout-component')
@section('content')
    <section class="mt-12 container-web px-4">
        <div class="text-xl flex-col cent font-bold px-4">
            <img src="{{ asset('assets/done-pay-image.png') }}" />
            <div class="cent text-center">
                <p class="lg:text-4xl text-lg font-bold mt-4">
                    {{ __('messages.Payment was not successful') }}
                </p>
            </div>
            {{-- <div>
                <p class="text-gray mt-4 lg:text-lg text-base lg:text-start text-center">
                    {{ __('messages.Try paying again') }}
                </p>
            </div> --}}
            <div>
                <a href="{{ get_page_permalink('/') }}">
                    <button type="button" class="btn-prim-lg mt-6">
                        {{ __('messages.Go Back To Home') }}
                    </button>
                </a>
            </div>
        </div>
    </section>
@endsection