@extends("Site.Layouts.blank")

@section("content")
    <div class="min-h-screen flex flex-col justify-center items-center bg-gray-50 px-4 py-12">
        <div class="max-w-xl text-center">
            <h1 class="text-4xl font-bold text-gray-800 mb-4">🚧 Products Coming Soon!</h1>
            <p class="text-lg text-gray-600 mb-6">
                We're working hard to bring you our new product line. Stay tuned!
            </p>

            <div class="mt-10">
                <a href="{{ urlLang('courses') }}" class="inline-block  text-primary     font-semibold py-2 px-4 hover:px-6 border border-primary rounded" >
                    Go to Courses Page
                </a>
            </div>


            {{-- Optional: Notify me input --}}
{{--            <div class="mt-10">--}}
{{--                <form method="POST" action="{{ url('notify-me') }}" class="flex flex-col sm:flex-row gap-2 items-center justify-center">--}}
{{--                    @csrf--}}
{{--                    <input type="email" name="email" required--}}
{{--                           placeholder="Enter your email"--}}
{{--                           class="w-full sm:w-auto px-4 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring focus:border-blue-500">--}}

{{--                    <button type="submit"--}}
{{--                            class="bg-green-600 hover:bg-green-700 text-white font-medium px-4 py-2 rounded">--}}
{{--                        Notify Me--}}
{{--                    </button>--}}
{{--                </form>--}}
{{--            </div>--}}
        </div>
    </div>
@endsection