import Link from "next/link";
import { PackageSearch } from "lucide-react";

export default function MarketplaceNotFound() {
  return (
    <div className="min-h-full flex items-center justify-center px-4" style={{ background: "var(--bg)" }}>
      <div className="text-center max-w-sm">
        <div
          className="w-20 h-20 rounded-3xl flex items-center justify-center mx-auto mb-5"
          style={{ background: "rgba(96,165,250,0.1)", border: "1px solid rgba(96,165,250,0.2)" }}
        >
          <PackageSearch size={36} color="#60a5fa" />
        </div>
        <h2 className="text-xl font-black text-[var(--text-primary)] mb-2">Page not found</h2>
        <p className="text-sm text-[var(--text-muted)] mb-6">
          This marketplace page doesn't exist or may have been moved.
        </p>
        <Link
          href="/marketplace"
          className="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-bold text-sm text-white"
          style={{ background: "var(--accent)" }}
        >
          Browse Marketplace
        </Link>
      </div>
    </div>
  );
}
