"use client";

import { Button } from "@/components/ui/button";
import { WifiOff } from "lucide-react";
import Link from "next/link";

export default function OfflinePage() {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen p-8 text-center">
      <WifiOff className="h-16 w-16 text-muted-foreground mb-6" />
      <h1 className="text-2xl font-bold mb-2">You are offline</h1>
      <p className="text-muted-foreground mb-6 max-w-sm">
        Looks like you have lost your internet connection. Please check your connection and try again.
      </p>
      <Link href="/">
        <Button>Try Again</Button>
      </Link>
    </div>
  );
}