// pages/404.js
import Link from 'next/link';
import { Container, Row, Col } from 'react-bootstrap';

const Custom404 = () => {
  return (
    <div className="not-found-page mt-5 mb-5">
      <Container>
        <Row className="justify-content-center text-center">
          <Col md={8}>
            <h1>404 - Page Not Found</h1>
            <p>Oops! The page you are looking for doesn’t exist or has been moved.</p>
            <Link href="/" passHref>
              <button className="default-btn mt-4"> Go back to Home
              <i className="ri-arrow-right-line"></i>
              </button>
            </Link>
          </Col>
        </Row>
      </Container>
  
    </div>
  );
};

export default Custom404;