"use client";

export default function OfflinePage() {
  return (
    <html lang="fa" dir="rtl">
      <body
        style={{
          fontFamily: "Vazirmatn, system-ui, sans-serif",
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center",
          minHeight: "100vh",
          margin: 0,
          backgroundColor: "#f9fafb",
          color: "#111827",
          textAlign: "center",
          padding: "2rem",
        }}
      >
        <div style={{ fontSize: "4rem", marginBottom: "1rem" }}>📶</div>
        <h1 style={{ fontSize: "1.5rem", fontWeight: 700, marginBottom: "0.5rem" }}>
          اتصال اینترنت ندارید
        </h1>
        <p style={{ color: "#6b7280", marginBottom: "1.5rem" }}>
          کافه‌هایی که قبلاً بازدید کرده‌اید در دسترس هستند.
        </p>
        <button
          onClick={() => window.history.back()}
          style={{
            backgroundColor: "#0F6E56",
            color: "white",
            border: "none",
            borderRadius: "0.75rem",
            padding: "0.625rem 1.5rem",
            fontSize: "0.875rem",
            fontWeight: 600,
            cursor: "pointer",
          }}
        >
          بازگشت
        </button>
      </body>
    </html>
  );
}
