performance page

2025-02-21 13:46:22 -05:00
parent 05c1be2a1e
commit 0601f2af55
2 changed files with 121 additions and 65 deletions
@@ -0,0 +1,49 @@
+//PerformanceServiceSection
+import React from "react";
+import Image from "next/image";
+const FeatureContent = [
+    {
+        icon: "09",
+        meta: "Project management",
+        subTitle: `tempor incididunt ut labor culpa dolore magna aliqua. Ut enim qui minim veniam,`,
+        dataDelay: "0",
+    },
+    {
+        icon: "10",
+        meta: "Customer Support",
+        subTitle: `Excepteur sint occaecat cupidatat non proident, sunt in culpa non officia.`,
+        dataDelay: "100",
+    },
+    {
+        icon: "11",
+        meta: "Marketing",
+        subTitle: `consectetur adipiscing elit, sed dou eiusmod tempor incididu ut lab et dolore.`,
+        dataDelay: "300",
+    },
+];
+
+const PerformanceServiceSection = () => {
+    return (
+        <div className="row justify-content-center">
+            {FeatureContent.map((val, i) => (
+                <div
+                    className="col-lg-4 col-md-6"
+                    key={i}
+                    data-aos="fade-up"
+                    data-aos-duration="1200"
+                    data-aos-delay={val.dataDelay}
+                >
+                    <div className="block-style-three">
+                        <div className="icon">
+                            <Image width={78} height={78} style={{objectFit:'contain'}}    src={`/images/icon/${val.icon}.svg`} alt="icon" />
+                        </div>
+                        <h4>{val.meta}</h4>
+                        <p className="font-rubik">{val.subTitle}</p>
+                    </div>
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export default PerformanceServiceSection;