export default function NotFound() {
  return (
    <>
      <section
        className="breadcrumb-wrapper fix bg-cover"
        style={{
          backgroundImage: "url(/assets/img/inner-page/breadcrumb.jpg)",
        }}
      >
        <div className="shape">
          <img src="/assets/img/inner-page/shape.png" alt="img" />
        </div>
        <div className="container">
          <div className="page-heading">
            <h1 className="breadcrumb-title">Service Not Found</h1>
            <ul className="breadcrumb-list">
              <li>
                <a href="/">Home</a>
              </li>
              <li>
                <i className="fa-solid fa-chevron-right"></i>
              </li>
              <li>
                <a href="/services">Services</a>
              </li>
              <li>
                <i className="fa-solid fa-chevron-right"></i>
              </li>
              <li>
                <a href="#">Not Found</a>
              </li>
            </ul>
          </div>
        </div>
      </section>

      <section className="section-padding">
        <div className="container">
          <div className="row justify-content-center">
            <div className="col-lg-8 text-center">
              <h2>Service Not Found</h2>
              <p className="mb-4">
                The service you're looking for could not be found. Please check
                the URL or return to our services page.
              </p>
              <a href="/services" className="theme-btn">
                Back to Services
                <i className="fa-solid fa-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}
