import React from 'react';
import './error.css';

function Error() {
  document.title = 'Error 404 not found!';

  return (
    <>
      <div className="error-body">
        <div id="notfound">
          <div className="notfound">
            <div className="notfound-404">
              <h3>Oops! Page not found</h3>
              <h1>
                <span>4</span>
                <span>0</span>
                <span>4</span>
              </h1>
            </div>
            <h2>we are sorry, but the page you requested was not found</h2>
            <button onClick={() => (window.location = '/')}>Go Home</button>
          </div>
        </div>
      </div>
    </>
  );
}

export default Error;