import { Link } from "@inertiajs/react";

export default function ProductNotFoundSection() {
  return (
    <section className="w-full bg-white py-12">
      <div className="mx-auto w-full max-w-[1000px] px-6">
        <div className="w-full rounded-2xl border border-dashed border-slate-200 px-6 py-10 text-center">
          <h1 className="text-lg font-semibold text-slate-900">Product not found</h1>
          <p className="mt-2 text-sm text-slate-600">
            We could not find this product. Please return to the products page.
          </p>
          <div className="mt-4">
            <Link
              href="/product"
              className="inline-flex items-center justify-center rounded-full bg-emerald-600 px-5 py-2 text-xs font-semibold text-white transition hover:bg-emerald-700"
            >
              View all products
            </Link>
          </div>
        </div>
      </div>
    </section>
  );
}