clean up

2023-08-31 06:23:59 +01:00
parent 616250faf4 c66393792e
commit 4dbef76ed7
9 changed files with 177 additions and 105 deletions
@@ -0,0 +1,96 @@
+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 AboutTextComponent() {
+  return (
+    <>
+      <div className="container">
+        <div className="row">
+          <div className="row">
+            {servicesContent?.map(({ id, ...item }) => (
+              <div className="col-lg-4 col-md-6">
+                <ServiceItem index={id} {...item} />
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default AboutTextComponent;
+
+const servicesContent = [
+  {
+    id: 1,
+    image: Design,
+    delay: 200,
+    title: "Carefully 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.",
+  },
+  {
+    id: 2,
+    image: Approach,
+    delay: 400,
+    title: "Modern Approach",
+    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.",
+  },
+  {
+    id: 3,
+    image: Interactive,
+    delay: 600,
+    title: "User Interactive",
+    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.",
+  },
+  {
+    id: 4,
+    image: Mobility,
+    delay: 200,
+    title: "Mobility Approach",
+    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!",
+  },
+  {
+    id: 5,
+    image: Seamless,
+    delay: 400,
+    title: "Seamless Sync",
+    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.",
+  },
+  {
+    id: 6,
+    image: Privacy,
+    delay: 600,
+    title: "Privacy",
+    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.",
+  },
+];