@extends('layouts.app')

@section('title', 'Feature Unavailable')

@section('content')
<div class="max-w-xl mx-auto py-16 px-4 text-center" data-aos="fade-up">
    <div class="mx-auto mb-6 w-16 h-16 rounded-full bg-gradient-to-tr from-indigo-500 to-purple-500 flex items-center justify-center text-white shadow-lg">
        <i data-lucide="ban" class="w-8 h-8"></i>
    </div>
    <h1 class="text-2xl font-bold tracking-tight mb-4">Feature Unavailable</h1>
    <p class="text-slate-600 dark:text-slate-300 mb-6">The page you tried to access belongs to a feature that is currently disabled for your account or this environment.</p>
    <p class="text-sm text-slate-500 dark:text-slate-400 mb-8">If you believe this is an error, please contact support or an administrator.</p>
    <a href="{{ route('home') }}" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-md bg-indigo-600 text-white font-medium shadow hover:bg-indigo-500 focus:outline-none focus-visible:ring focus-visible:ring-indigo-300">Return Home <i data-lucide="arrow-right" class="w-4 h-4"></i></a>
</div>
@endsection