export default function About4() {
    return (
        <>
            <section className="about__area-six">
                <div className="container">
                    <div className="row align-items-center justify-content-center">
                        <div className="col-lg-6 col-md-8 about__top">
                            <div className="about__img-wrap-six">
                                <img src="/assets/img/about/about-1.png" alt="" />
                                <div className="shape">
                                    <img
                                        src="/assets/img/images/h4_about_img_shape.png"
                                        alt=""
                                        className="alltuchtopdown"
                                    />
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-6">
                            <div className="about__content-six">
                                <div className="section-title mb-25 tg-heading-subheading animation-style3">
                                    <span className="sub-title">
                                        HOW <span className="title-color">IT ALL WORKS</span>
                                    </span>
                                    <h2 className="title tg-element-title">
                                        Our Tried and Tested approach to better brand recognition
                                    </h2>
                                </div>
                                <p>
                                    At RankRunners, we'll take all the steps necessary in order to increase your
                                    company's online presence and ultimately bring you more new customers.
                                </p>
                                <div className="about__content-inner-four">
                                    <div className="about__list-box">
                                        <ul className="list-wrap">
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                <p>
                                                    <span>Step 1</span>: We'll review your requirements, budget, and
                                                    ideas and then come up with a comprehensive proposal that
                                                    specifically aligns with what you're hoping to achieve.
                                                </p>
                                            </li>
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                <p>
                                                    <span>Step 2</span>: Our team will get to work on tackling all
                                                    previously agreed-upon deliverables and will provide regular updates
                                                    demonstrating how your company is gaining more exposure to new
                                                    customers.
                                                </p>
                                            </li>
                                            <li>
                                                <i className="flaticon-arrow-button" />
                                                <p>
                                                    <span>Step 3</span>: While your site skyrockets through the rankings
                                                    and is exposed to brand new customers, Our team will routinely
                                                    reconnect with you to determine next steps.
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="about__shape-wrap-four">
                    <img src="/assets/img/images/h4_about_shape01.png" alt="" />
                    <img
                        src="/assets/img/images/h4_about_shape02.png"
                        alt=""
                        data-parallax='{"x" : -80 , "y" : -80 }'
                    />
                </div>
            </section>
        </>
    );
}
