import ServiceDetail from "../../../../public/assets/imgs/thumb/products/erp/section.png";
import Shape6 from "../../../../public/assets/imgs/icon/shape-6.png";
import Image from "next/image";

const Section = () => {
  return (
    <section className="service__detail">
      <div className="container g-0 line pb-140">
        <div className="line-3"></div>
        <div className="row">
          <div className="col-xxl-12">
            <div className="sec-title-wrapper">
              <h2 className="sec-title title-anim">
                Streamline Your Operations with Our ERP Solution
              </h2>
            </div>
          </div>
          <div className="col-xxl-3 col-xl-3 col-lg-3 col-md-3">
            <div className="service__detail-circle">
              <span></span>
            </div>
          </div>
          <div className="col-xxl-9 col-xl-9 col-lg-9 col-md-9">
            <div className="service__detail-img-wrapper">
              <div className="service__detail-img">
                <Image
                  priority
                  width={960}
                  style={{ height: "auto" }}
                  src={ServiceDetail}
                  alt="ERP solution illustration"
                />
                <Image
                  priority
                  width={51}
                  style={{ height: "auto" }}
                  src={Shape6}
                  alt="Decorative shape"
                  className="sd-shape"
                />
              </div>
              <div className="service__detail-content">
                <p>
                  With tools like automated invoicing, project tracking, and an internal chat feature, it’s designed to boost efficiency and simplify workflows across your organization.
                </p>
                <p>
                  Easily manage leads, track project timelines, create client contracts, and raise tickets for quick resolutions—all from a single, user-friendly platform.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Section;