@extends('client.raffles.layouts.app')

@section('content')
    <div
        class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-b from-yellow-100 via-white to-yellow-50 px-6">
        <!-- Monkey Illustration -->
        <div class="relative">
            <img src="{{ asset('raffles/assets/images/404/404.png') }}" alt="Monkey" class="animate-bounce" height="500px"
                width="700px">
        </div>
        <!-- Button -->
        <a href="{{ url('/') }}"
            class="mt-6 inline-block bg-yellow-400 text-gray-900 font-semibold px-6 py-3 rounded-2xl shadow-md hover:bg-yellow-500 transition duration-300">
            🏠 Back to Home
        </a>
    </div>
@endsection