Ebube
109 lines
4.5 KiB
JavaScript
109 lines
4.5 KiB
JavaScript
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 ServiceItem(props) {
|
||
return (
|
||
<div
|
||
className={`appie-single-service-2 appie-single-service-about item-${props.index} mt-30 wow animated fadeInUp`}
|
||
data-wow-duration="2000ms"
|
||
data-wow-delay={`${props.delay}ms`}
|
||
style={{ cursor: "default" }}
|
||
>
|
||
<div className="icon d-flex justify-content-center align-items-center">
|
||
<img src={props.image} />
|
||
</div>
|
||
<h4 className="title">{props.title}</h4>
|
||
<p>{props.description}</p>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
function ServicesAbout() {
|
||
return (
|
||
<>
|
||
<section className="appie-services-2-area pt-90 pb-55" id="service">
|
||
<div className="container">
|
||
<div className="row align-items-end">
|
||
<div className="col-12 col-lg-8">
|
||
<div className="appie-section-title">
|
||
<h3 className="appie-title">{servicesContent.heading}</h3>
|
||
<p>{servicesContent.subTitle}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="row">
|
||
{servicesContent.list?.map(({ id, ...item }) => (
|
||
<div className="col-lg-4 col-md-6">
|
||
<ServiceItem index={id} {...item} />
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</>
|
||
);
|
||
}
|
||
|
||
export default ServicesAbout;
|
||
|
||
const servicesContent = {
|
||
heading: "We’re driven by your values",
|
||
subTitle: "The app provides design and digital marketing.",
|
||
list: [
|
||
{
|
||
id: 1,
|
||
image: Design,
|
||
delay: 200,
|
||
title: "Carefully designed",
|
||
description:
|
||
"WrenchBoard prioritizes your needs and desires. We know that the your success depends on how well we meet your needs. So, we always listen to feedback and take suggestions to heart, constantly striving to improve our products and make them as user-friendly as possible. It's not about us - it's about you.",
|
||
},
|
||
{
|
||
id: 2,
|
||
image: Approach,
|
||
delay: 400,
|
||
title: "Modern Approach",
|
||
description:
|
||
"We're committed to providing a cutting-edge solution that serves you at all times.Our goal is to create a product that is intuitive and user-friendly, and we are constantly working to improve and refine our tools. We believe that by prioritizing you, we can create a solution that truly makes a difference and exceeds expectations.",
|
||
},
|
||
{
|
||
id: 3,
|
||
image: Interactive,
|
||
delay: 600,
|
||
title: "User Interactive",
|
||
description:
|
||
"WrenchBoard offers a variety of features to keep you engaged and informed throughout your experience. Email notifications and alerts are designed to ensure that you never miss out on important updates or changes.Whether you prefer to receive updates via email, text message, or push notification, we have you covered.",
|
||
},
|
||
{
|
||
id: 4,
|
||
image: Mobility,
|
||
delay: 200,
|
||
title: "Mobility Approach",
|
||
description:
|
||
"WrenchBoard offers a comprehensive suite of tools that seamlessly integrate across all devices, allowing you to stay organized and productive no matter where your day takes you. From managing tasks to tracking your responses and staying connected. With WrenchBoard, experience the freedom and flexibility of a truly mobile lifestyle!",
|
||
},
|
||
{
|
||
id: 5,
|
||
image: Seamless,
|
||
delay: 400,
|
||
title: "Seamless Sync",
|
||
description:
|
||
"With WrenchBoard, managing your activities across different platforms is easy and seamless. Our suite of features is designed to work across all devices, so you can stay organized and productive whether you're on your desktop, tablet, or phone. Say goodbye to the hassle of switching between different apps and platforms. WrenchBoard makes it simple and streamlined.",
|
||
},
|
||
{
|
||
id: 6,
|
||
image: Privacy,
|
||
delay: 600,
|
||
title: "Privacy",
|
||
description:
|
||
"We understand how important privacy is to you, which is why we are designed to work without needing to share your data. You can trust that your information will remain safe and confidential while using our suite of features to manage your tasks across different platforms. Experience the convenience of a unified, cross-platform experience without sacrificing your privacy.",
|
||
},
|
||
],
|
||
};
|