import CounterUp from "../elements/CounterUp";

export default function Counter2() {
  return (
    <>
      <section className="counter-area-two">
        <div className="container">
          <div className="row justify-content-center">
            <div className="col-xl-3 col-lg-4 col-sm-6">
              <div className="counter-item">
                <div className="icon">
                  <i className="flaticon-trophy" />
                </div>
                <div className="content">
                  <h2 className="count">
                    <CounterUp count={150} />+
                  </h2>
                  <p>Satisfied Clients</p>
                </div>
              </div>
            </div>
            <div className="col-xl-3 col-lg-4 col-sm-6">
              <div className="counter-item">
                <div className="icon">
                  <i className="flaticon-graph" />
                </div>
                <div className="content">
                  <h2 className="count">
                    <CounterUp count={7} />
                    :1+
                  </h2>
                  <p>Average ROAS</p>
                </div>
              </div>
            </div>
            <div className="col-xl-3 col-lg-4 col-sm-6">
              <div className="counter-item">
                <div className="icon">
                  <i className="flaticon-happy" />
                </div>
                <div className="content">
                  <h2 className="count">
                    <CounterUp count={250} />%
                  </h2>
                  <p>Average Traffic Increase</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}