@extends('frontend.layout.layout')
@section('title', '429 - Too Many Requests')
@section('main')
    <main class="flex-grow flex items-center justify-center py-20 px-6 md:px-14 text-center">
        <div class="max-w-2xl">
            <p class="text-9xl font-extrabold text-blue-500 mb-8 animate-pulse">429</p>
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Too Many Requests</h1>
            <p class="text-lg md:text-xl text-gray-700 mb-8">You've sent too many requests in a short period. Please wait a
                moment and try again.</p>
            <p class="text-md text-gray-600 mb-8">We kindly ask you to reduce the frequency of your requests to avoid being
                rate-limited.</p>
            <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                <a href="{{ route('home') }}"
                    class="bg-primary text-white px-8 py-4 !rounded-button text-lg font-medium hover:bg-primary/90 transition-colors shadow-lg shadow-primary/20">Go
                    to Homepage</a>
                <a href="{{ route('contact') }}"
                    class="border border-primary text-primary px-8 py-4 !rounded-button text-lg font-medium hover:bg-primary hover:text-white transition-colors">Contact
                    Support</a>
            </div>
        </div>
    </main>
@endsection