"use client";

export default function OfflinePage() {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-rose-50 to-amber-50 p-8 text-center">
      <div className="text-6xl mb-6">🌸</div>
      <h1 className="text-2xl font-bold text-rose-500 mb-3">You&apos;re offline</h1>
      <p className="text-gray-600 mb-6 max-w-xs">
        Reconnect to the internet to keep tracking with Tia.
      </p>
      <button
        onClick={() => window.location.reload()}
        className="px-6 py-3 bg-rose-400 text-white rounded-xl font-semibold active:opacity-80"
      >
        Try again
      </button>
    </div>
  );
}