"use client";

export default function OfflinePage() {
  return (
    <div className="flex min-h-dvh flex-col items-center justify-center p-6 text-center">
      <div className="mb-4 text-6xl">📡</div>
      <h1 className="mb-2 text-xl font-semibold text-emerald-400">You&apos;re Offline</h1>
      <p className="mb-6 max-w-xs text-sm text-gray-400">
        Falah needs an internet connection for most features. 
        Check your connection and try again.
      </p>
      <button
        onClick={() => window.location.reload()}
        className="rounded-xl bg-emerald-500 px-6 py-3 text-sm font-medium text-white"
      >
        Try Again
      </button>
    </div>
  );
}