55 lines
2.9 KiB
TypeScript
55 lines
2.9 KiB
TypeScript
import React from "react";
|
||
|
||
const WhyChooseUs = () => {
|
||
return (
|
||
<section className="why-choose-us section-space">
|
||
<div className="why-choose-us__bg" style={{ backgroundImage: "url('/assets/images/careers/3/bg.webp')" }}></div>
|
||
<div className="why-choose-us__overlay"></div>
|
||
<div className="container">
|
||
<div className="row align-items-center">
|
||
<div className="col-lg-6">
|
||
<div className="image-area-wrapper p-relative">
|
||
<div className="main-image">
|
||
<img loading="lazy" src="/assets/images/careers/3/big-img.webp" alt="Business Meeting" />
|
||
</div>
|
||
<div className="circular-image">
|
||
<div className="inner-circle">
|
||
<img loading="lazy" src="/assets/images/careers/3/small-ing.webp" alt="Profile" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6">
|
||
<div className="content-area">
|
||
<div className="sec-title-wrapper mb-20">
|
||
<div className="sec-title mb-15 mt-25">
|
||
<div className="sec-title__shape"></div>
|
||
<h6 className="sec-title__tagline text-white">Guided by Purpose, Driven by Passion</h6>
|
||
<h3 className="sec-title__title text-white">Our Vision</h3>
|
||
</div>
|
||
<p className="section-desc text-white">
|
||
<b>Join us in shaping the future of technology and delivering meaningful solutions.</b>
|
||
</p>
|
||
</div>
|
||
|
||
<div className="why-choose-us__notes">
|
||
<div className="note-item mb-20">
|
||
<i className="fa-solid fa-circle-arrow-right text-white"></i>
|
||
<span className="text-white">At Metatroncube, we’re driven by the idea that technology can bridge gaps, empower businesses, and simplify lives.</span>
|
||
</div>
|
||
|
||
<div className="note-item">
|
||
<i className="fa-solid fa-circle-arrow-right text-white"></i>
|
||
<span className="text-white">If you’re ready for a journey of growth, innovation, and collaboration, we’d love to have you. Explore our openings below.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export default WhyChooseUs;
|