@section('title'){{ __('Subscribe now to access this page') }}@endsection
<span>
     <div class="flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 dark:bg-white/[0.03]  sm:px-8 sm:py-8 lg:p-12">
        <div class="text-center p-2">
            <!-- Message -->
            <div class="w-full  flex justify-center mb-6">
{{--                <img class="w-20" src="{{ asset('images/logo.webp') }}" alt="logo" />--}}
                <flux:icon.lock-keyhole class="size-20" />
            </div>
              <h2 class="text-xl sm:text-2xl font-semibold text-gray-800 dark:text-white">
                You don't have permission to access this page
              </h2>
              <p class="text-sm sm:text-base py-2 text-gray-600 dark:text-gray-300">
                To continue, you need to subscribe to a plan that grants access.
              </p>

            <!-- Call to Action Button -->
              <a href="{{ route('dashboard') }}"
                 class="inline-block mt-6 mb-2 px-6 py-3 inbox-btn text-white font-medium text-sm sm:text-base rounded-lg shadow-md transition-colors duration-200">
                Subscribe now
              </a>
        </div>
     </div>
</span>
