// import Navbar from "@user/Navbar";
// import Hero from "@user/Hero";
// import { Head, Link } from "@inertiajs/react"

// export default function Error(){
//     return(
//         <>
//         <Head title="Page Not Found" />
//         <div className="container-fluid position-relative p-0">
//             <Navbar activePage="404" />
//             <Hero 
//                 title="Page Not Found" 
//                 breadcrumb={[
//                     { label: "Home", href: "/" },
//                     { label: "Page Not Found" }
//                 ]}
//             />
//         </div>
//         {/* <!-- 404 Start --> */}
//         <div className="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
//             <div className="container text-center">
//                 <div className="row justify-content-center">
//                     <div className="col-lg-6">
//                         <i className="bi bi-exclamation-triangle display-1 text-primary"></i>
//                         <h1 className="display-1">404</h1>
//                         <h1 className="mb-4">Page Not Found</h1>
//                         <p className="mb-4">We’re sorry, the page you have looked for does not exist in our website! Maybe go to our home page or try to use a search?</p>
//                         <Link className="btn btn-primary rounded-pill py-3 px-5" href="/">Go Back To Home</Link>
//                     </div>
//                 </div>
//             </div>
//         </div>
//         {/* <!-- 404 End --> */}
//         </>
//     );
// }