/**
 * Offline fallback страница для PWA
 * docs/architecture: 05-gaps-and-best-practices.md §8, 06-roadmap-specification §1.7
 */

import Link from 'next/link';

export const dynamic = 'force-static';

export default function OfflinePage() {
  return (
    <div className="min-h-screen bg-light-primary dark:bg-dark-primary flex flex-col items-center justify-center p-6">
      <div className="text-center max-w-md">
        <h1 className="text-2xl font-semibold text-black dark:text-white mb-2">
          You&apos;re offline
        </h1>
        <p className="text-black/70 dark:text-white/70 mb-6">
          Check your connection and try again. Some features require an internet connection.
        </p>
        <Link
          href="/"
          className="inline-flex items-center justify-center rounded-lg bg-light-accent dark:bg-dark-accent text-white px-4 py-2 font-medium hover:opacity-90 transition-opacity"
        >
          Retry
        </Link>
      </div>
    </div>
  );
}
