2024-09-09 14:29:40 -07:00

50 lines
1.9 KiB
JavaScript

import React from 'react';
import { Link } from 'gatsby';
import chooseUsData from 'data/Digital/chooseus.json';
const ChooseUs = () => {
return (
<section className="choose-us section-padding pt-0 style-1" data-scroll-index="3">
<div className="container">
<div className="row justify-content-end">
<div className="col-lg-5">
<div className="info">
<div className="section-head mb-60">
<h6 className="color-main text-uppercase wow fadeInUp">Why choose us</h6>
<h2 className="wow fadeInUp">
Boost Your Business <span className="fw-normal">With New Tech</span>
</h2>
</div>
<div className="text">
Our team can assist you in transforming your business through latest tech capabilities to stay ahead of the curve.
</div>
<ul>
{
chooseUsData.map((item, index) => (
<li className="wow fadeInUp" key={index}>
<span className="icon">
<i className="bi bi-check2"></i>
</span>
<h6>
{ item }
</h6>
</li>
))
}
</ul>
<Link to="/page-about-5" className="btn butn-gard border-0 text-white wow fadeInUp">
<span>How We Works</span>
</Link>
</div>
</div>
</div>
</div>
<img src="/assets/img/choose_us/choose_lines.svg" alt="" className="choose-us-img" />
<img src="/assets/img/choose_us/choose_brands.png" alt="" className="choose-us-brands" />
<img src="/assets/img/choose_us/choose_bubbles.png" alt="" className="choose-us-bubbles" />
</section>
)
}
export default ChooseUs