<x-app-layout>
    <div class="max-w-md p-6 bg-white shadow-lg rounded-lg text-center">
        <h1 class="text-2xl font-bold text-red-500">
            {{ $message ?? 'Unsubscribed Successfully' }}
        </h1>
        <p class="mt-2 text-gray-600">
            {{ $message ?? 'You have been unsubscribed from our newsletter.' }}
        </p>
        <div class="mt-6">
            <a href="{{ url('/') }}" class="text-blue-500 hover:underline">
                Return to Homepage
            </a>
        </div>
    </div>
</x-app-layout>