"use client";
import processOneBottomImg1 from "../../../public/assets/images/resources/process-one-bottom-img-1.jpg";
import processOneBottomImg2 from "../../../public/assets/images/resources/process-one-bottom-img-2.jpg";

function ProcessThree() {
  return (
    <div>
      <section className="process-three">
        <div className="container">
          <div className="row align-items-center">
            <div className="col-xl-6 col-lg-6 col-md-12 col-sm-12">
              <div className="process-three-left">
                <div className="section-five-title">
                  <div
                    className="section-five-title-text wow fadeInLeft animated"
                    data-wow-duration="1500ms"
                    data-wow-delay="100ms"
                  >
                    <p>Working Process</p>
                  </div>
                  <div
                    className="section-five-title-title wow fadeInLeft animated"
                    data-wow-duration="1500ms"
                    data-wow-delay="300ms"
                  >
                    <h2>Increase Web Leads Traffic In 3 Ways </h2>
                  </div>
                </div>
                <div
                  className="process-three-left-img wow fadeInLeft animated animated"
                  data-wow-duration="1500ms"
                  data-wow-delay="500ms"
                >
                  <div className="process-three-left-img-shape-1" />
                  <div className="process-three-left-img-shape-2" />
                  <img
                    src={processOneBottomImg1.src}
                    alt="process-one-bottom-img-1"
                  />
                  <div className="process-three-left-inner-img">
                    <img
                      src={processOneBottomImg2.src}
                      alt="process-one-bottom-img-2"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-6 col-lg-6 col-md-12 col-sm-12">
              <div className="process-three-right">
                <div
                  className="process-three-right-info wow fadeInRight animated animated"
                  data-wow-duration="1500ms"
                  data-wow-delay="100ms"
                >
                  <span>01</span>
                  <h5>Brainstorming and Creative ideas &amp; Research</h5>
                </div>
                <div
                  className="process-three-right-info wow fadeInRight animated animated"
                  data-wow-duration="1500ms"
                  data-wow-delay="300ms"
                >
                  <span>02</span>
                  <h5>Fully-Automated Keyword &amp; Content Grouping</h5>
                </div>
                <div
                  className="process-three-right-info wow fadeInRight animated animated"
                  data-wow-duration="1500ms"
                  data-wow-delay="500ms"
                >
                  <span>03</span>
                  <h5>Building the strategy to boost Your Product Sales</h5>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
}

export default ProcessThree;
