"use client";

export default function Error() {
  return (
    <div className="grid h-screen px-4 bg-white pt-32">
      <div className="text-center">
        <h1 className="font-black text-gray-200 text-9xl">404</h1>

        <p className="text-2xl font-bold tracking-tight text-gray-900 sm:text-4xl">
          Something went wrong!
        </p>

        <p className="mt-4 text-gray-500">Please try again or return to home</p>

        <a
          type="button"
          className="inline-block px-5 py-3 mt-6 text-sm font-medium text-white bg-brandblue rounded hover:bg-hoverblue focus:outline-none focus:ring"
          href="/home"
        >
          Home
        </a>
      </div>
    </div>
  );
}
