@extends('front.master')

@section('content')
    <div class="container mx-auto py-8">
        <div class="flex justify-center">
            <div class="w-full max-w-md">
                <div class="bg-red-100 shadow-lg rounded-lg">
                    <div class="p-6">
                        <div class="flex justify-center mb-6">
                            <lottie-player src="https://assets9.lottiefiles.com/packages/lf20_p8rdnzxy.json"
                                background="transparent" speed="1" style="width: 300px; height: 300px;" autoplay>
                            </lottie-player>
                        </div>
                        <h2 class="text-center text-2xl font-semibold text-gray-800">Payment Failed</h2>
                        <p class="text-center text-gray-600 mt-2">Something went wrong, please try again later.</p>
                        <div class="flex justify-center mt-6">
                            <a href="/"
                                class="px-6 py-2 bg-red-600 text-white text-sm font-medium rounded-lg shadow hover:bg-red-700">
                                Return Home
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection



@section('custom_script')
    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
@endsection