```blade
@extends('apple')

@section('title', 'Registration Closed - Ex-student')

@section('content')

<!-- HERO SECTION -->
<section class="relative bg-indigo-900 text-white overflow-hidden">

    <div class="absolute inset-0">
        <img src="{{ asset('images/ac3.jpg') }}"
             alt="Silver Jubilee Reunion"
             class="w-full h-full object-cover opacity-25">
    </div>

    <div class="relative max-w-7xl mx-auto px-6 py-24 md:py-28 text-center">

        <h2 class="text-3xl md:text-5xl font-bold mb-6">
            Registration Ex-student
        </h2>

        <p class="text-lg md:text-xl max-w-3xl mx-auto mb-8">
            Silver Jubilee Reunion &amp; Cultural Festival 2027
        </p>

        <div class="inline-flex items-center gap-2 bg-red-600 text-white px-6 py-3 rounded-full font-semibold shadow-lg">
            <span>🔒</span>
            <span>Registration Closed</span>
        </div>

        <div class="mt-12 animate-bounce">
            <svg xmlns="http://www.w3.org/2000/svg"
                 class="w-8 h-8 mx-auto text-white"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor">

                <path stroke-linecap="round"
                      stroke-linejoin="round"
                      stroke-width="2"
                      d="M19 9l-7 7-7-7"/>
            </svg>
        </div>

    </div>
</section>


<!-- REGISTRATION CLOSED NOTICE -->
<section class="py-16 md:py-24 bg-gradient-to-b from-indigo-100 to-indigo-200">

    <div class="max-w-3xl mx-auto px-5">

        <div class="bg-white rounded-3xl shadow-xl overflow-hidden">

            <!-- Top Accent -->
            <div class="h-2 bg-red-500"></div>

            <div class="px-6 py-10 md:px-12 md:py-14 text-center">

                <!-- Warning Icon -->
                <div class="w-24 h-24 mx-auto mb-6 rounded-full bg-red-100 flex items-center justify-center">

                    <svg xmlns="http://www.w3.org/2000/svg"
                         class="w-12 h-12 text-red-600"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor">

                        <path stroke-linecap="round"
                              stroke-linejoin="round"
                              stroke-width="2"
                              d="M12 9v4m0 4h.01M10.3 3.9L1.8 18.5A2 2 0 003.5 21h17a2 2 0 001.7-2.5L13.7 3.9a2 2 0 00-3.4 0z"/>
                    </svg>

                </div>

                <h2 class="text-2xl md:text-4xl font-extrabold text-gray-800 mb-4">
                    Registration Period Has Ended
                </h2>

                <p class="text-lg font-semibold text-red-600 mb-5">
                    রেজিস্ট্রেশনের মেয়াদ শেষ।
                </p>

                <p class="text-gray-600 text-base md:text-lg leading-8 mb-6">
                    Silver Jubilee Reunion &amp; Cultural Festival 2027
                    উপলক্ষে প্রাক্তন শিক্ষার্থীদের রেজিস্ট্রেশনের নির্ধারিত
                    সময়সীমা শেষ হয়েছে। তাই বর্তমানে নতুন রেজিস্ট্রেশন
                    গ্রহণ করা হচ্ছে না।
                </p>

                <div class="bg-indigo-50 border border-indigo-100 rounded-2xl p-5 mb-8">

                    <p class="text-gray-700 leading-7">
                        পরবর্তী কোনো ঘোষণা বা রেজিস্ট্রেশন-সংক্রান্ত
                        আপডেটের জন্য আয়োজক কমিটির বিজ্ঞপ্তির দিকে
                        নজর রাখুন।
                    </p>

                    <p class="mt-3 font-semibold text-indigo-800">
                        আপনাদের সহযোগিতার জন্য আন্তরিক ধন্যবাদ।
                    </p>

                </div>

                <a href="{{ url('/') }}"
                   class="inline-flex items-center justify-center gap-2 bg-indigo-700 hover:bg-indigo-800 text-white font-semibold px-8 py-4 rounded-full shadow-md transition duration-300">

                    <svg xmlns="http://www.w3.org/2000/svg"
                         class="w-5 h-5"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor">

                        <path stroke-linecap="round"
                              stroke-linejoin="round"
                              stroke-width="2"
                              d="M15 19l-7-7 7-7"/>
                    </svg>

                    Back to Home
                </a>

            </div>
        </div>

        <p class="text-center text-sm text-gray-600 mt-8">
            Silver Jubilee Reunion &amp; Cultural Festival 2027
        </p>

    </div>

</section>

@endsection
```