WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

About-text component

Browse Source
This commit is contained in:
Toks Law
2023-08-29 08:13:32 -04:00
parent 9b0d5b7ca3
commit e695720809
4 changed files with 151 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AboutText/AboutText.js
+130
View File
@@ -0,0 +1,130 @@
import React from 'react';
import Design from '../../assets/images/design.png'
import Approach from '../../assets/images/approach.png'
import Interactive from '../../assets/images/interactive.png'
import Mobility from '../../assets/images/mobility-approach.png'
import Privacy from '../../assets/images/privacy.png'
import Seamless from '../../assets/images/seamless.png'
function AboutTextComponent () {
return (
<>
<div className="container">
<div className="row">
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Design} alt="Design Icon" />
</div>
<h4 className="designed-title">Carefully designed</h4>
<p className="designed-description">
Wrenchboard focuses on your needs and desires.
Your success is our priority, driving us to listen and adapt to your feedback.
We're dedicated to enhancing our products for your convenience. It's all about you, not us.</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about item-2 mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Approach} alt="Approach Icon"/>
</div>
<h4 className="designed-title">Modern Approach</h4>
<p className="designed-description">
Our commitment is delivering a top-tier solution for you.
Our aim: an intuitive, user-friendly product that continually evolves.
By focusing on you, we'll surpass expectations and make a real impact.</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about item-3 mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Interactive} alt="Interactive Icon"/>
</div>
<h4 className="designed-title">User Interactive</h4>
<p className="designed-description">
WrenchBoard keeps you engaged with diverse features.
Email alerts guarantee you're always in the loop.
Get updates your way: email, text, or push notifications .
We've got you covered. </p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about item-4 mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Mobility} alt="Mobility Icon" />
</div>
<h4 className="designed-title">Mobility Approach</h4>
<p className="designed-description">
WrenchBoard's tools unite devices for seamless organization and productivity anywhere.
Manage tasks, track responses, and stay connected effortlessly.
Experience a true mobile lifestyle with WrenchBoard!</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about item-5 mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Seamless} alt="Seamless Icon"/>
</div>
<h4 className="designed-title">Seamless Sync</h4>
<p className="designed-description">
WrenchBoard simplifies cross-platform activity management.
Our features sync seamlessly on desktop, tablet, and phone, ensuring organization and productivity.
No more app hopping . WrenchBoard streamlines the process.</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div
className="appie-single-service-2 appie-single-service-about item-6 mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className="icon d-flex justify-content-center align-items-center">
<img src={Privacy} alt="Privacy Icon"/>
</div>
<h4 className="designed-title">Privacy</h4>
<p className="designed-description">
Your privacy matters. WrenchBoard works without data sharing, ensuring your information stays secure.
Manage tasks across platforms confidently, enjoying a unified experience that respects your privacy.</p>
</div>
</div>
</div>
</div>
</>
);
};
export default AboutTextComponent;