import Link from "next/link";

export default function About2() {
    return (
        <>
            <section className="about__area-two about__bg-three" data-background="/assets/img/bg/about_bg.jpg">
                <div className="container">
                    <div className="row align-items-center justify-content-center">
                        <div className="col-lg-6 col-md-8">
                            <div className="about__img-wrap-two">
                                <img src="/assets/img/images/h2_about_img.jpg" alt="" />
                                <div className="shape">
                                    <img
                                        src="/assets/img/images/h2_about_img_shape.png"
                                        alt=""
                                        className="alltuchtopdown"
                                    />
                                </div>
                                <div className="experience__box-two">
                                    <div className="experience__shape">
                                        <svg
                                            xmlns="http://www.w3.org/2000/svg"
                                            viewBox="0 0 82 295"
                                            fill="none"
                                            preserveAspectRatio="none"
                                        >
                                            <path
                                                d="M70.7685 260.479C77.6405 257.127 82 250.15 82 242.503L82 44.8205C82 36.5032 76.8524 29.054 69.0724 26.1128L-3.51784e-06 9.7784e-07L0 295L70.7685 260.479Z"
                                                fill="currentcolor"
                                            />
                                        </svg>
                                    </div>
                                    <div className="experience__content">
                                        <h4 className="title">100+</h4>
                                        <p>
                                            Clients
                                            <br /> Satisfied
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-6">
                            <div className="about__content-two">
                                <div className="section-title mb-20 tg-heading-subheading animation-style3">
                                    <span className="sub-title">What We Do?</span>
                                    <h2 className="title tg-element-title">Unlock Your Brand's Potentials Growth.</h2>
                                </div>
                                <p>
                                    We'll apply the most effective and relevant strategies necessary to expose your
                                    company to thousands of new customers!
                                </p>
                                <div className="about__content-inner">
                                    <div className="about__list-box">
                                        <ul className="list-wrap">
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                Improved search result visibility
                                            </li>
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                More calls and emails from customers
                                            </li>
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                Improved website speed and design
                                            </li>
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                Meaningful insights to help drive future growth
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div className="about-bottom">
                                    <Link href="/schedule" className="btn btn-two">
                                        Book a discovery call
                                    </Link>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    );
}