import Link from "next/link";
import HomeScrollProgressButton from "@/components/pages/home/HomeScrollProgressButton";
import HomeInitAnimations from "@/components/pages/home/HomeInitAnimations";

const page = () => {
  return (
    <div className="tp-app">
      <div className="tp-error pt-120 pb-120 text-center">
        <div className="container">
          <div className="row justify-content-center">
            <div className="col-12 col-lg-8">
              <h1 className="fw-7 text-uppercase mt-8">404 ERROR</h1>
              <p className="text-xl fw-5 mt-12">Page Not Found</p>
              <div className="mt-40 d-flex justify-content-center">
                <Link href="/" className="btn-anim btn-anim-light">
                  Go Home
                  <i className="fa-solid fa-arrow-trend-up"></i>
                  <span></span>
                </Link>
              </div>
            </div>
          </div>
        </div>
      </div>
      <HomeScrollProgressButton />
      <HomeInitAnimations />
    </div>
  );
};

export default page;