import React from "react";

import About from "../../public/svg/about";
import Link from "next/link";

export default function Footer() {
  return (
    <div className="section-about" id="about">
      <div className="wrapper">
        <div className="about">
          <div className="about__img">
            <div className="about__picture">
              <About />
            </div>
          </div>
          <div className="about__content">
            <div className="section-heading">
              <span>درباره ما</span>
            </div>
            <div className="h2" style={{textAlign:'right'}}>جذب مشتری با جیب‌جیب</div>
            <div className="section-subtitle">
            جهت همکاری با ما و جذب مشتری از طریق جیب‌جیب به شبکه‌ی کسب و کاری جیب‌جیب بپیوندید.
            </div>
            <Link href="/Cooperation">
            <a className="btn btn_learn ">
            همکاری با جیب‌جیب
            </a>
            </Link>
          </div>
        </div>
        {/* <div className="about-details">
                <div className="about-details__item">
                    <div className="about-details__val">$ 35k<span className="about-details__val_plus">+</span></div>
                    <div className="about-details__text">Clients revenue</div>
                    <div className="about-details__decor"></div>
                </div>
                <div className="about-details__item">
                    <div className="about-details__val">16k<span className="about-details__val_plus">+</span></div>
                    <div className="about-details__text">Leads for clients</div>
                    <div className="about-details__decor"></div>
                </div>
                <div className="about-details__item">
                    <div className="about-details__val">6.7k<span className="about-details__val_plus">+</span></div>
                    <div className="about-details__text">Phone calls</div>
                    <div className="about-details__decor"></div>
                </div>
                <div className="about-details__item">
                    <div className="about-details__val">254<span className="about-details__val_plus">+</span></div>
                    <div className="about-details__text">Successful projects</div>
                    <div className="about-details__decor"></div>
                </div>
            </div> */}
      </div>
      <div className="about-decor about-decor_1"></div>
      <div className="about-decor about-decor_2"></div>
      <div className="about-decor about-decor_3"></div>
    </div>
  );
}
