import Header from '../components/Header.component';
import React from 'react';
import { useUploadDatasetsModal } from '@/components/Modals/UploadDatasets';

export default function NotFound() {
  const { showModal: showUploadModal } = useUploadDatasetsModal();

  return (
    <div className="text-black">
      <div className="flex flex-col justify-center mx-auto mt-52 text-center max-w-2x1">
        <h1 className="text-3xl font-bold tracking-tight text-black md:text-5xl">
          404 – Unavailable
        </h1>
        <br />
        <a
          className="w-64 p-1 mx-auto font-bold text-center text-black border border-gray-500 rounded-lg sm:p-4"
          href="/"
        >
          Return Home
        </a>
      </div>
      <div className="mt-64"></div>
    </div>
  );
}
