80 lines
4.6 KiB
JavaScript
80 lines
4.6 KiB
JavaScript
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-2.webp" 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>
|
|
</>
|
|
);
|
|
}
|