From d5e6f5621f9c9b570c9fbdfbdd4504c5544e1c89 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Fri, 21 Feb 2025 10:24:33 -0500
Subject: [PATCH] service section

---
 app/(services)/content/page.jsx               |  8 ++--
 components/features/ContentServiceSection.jsx | 33 ++++++++++++++
 data/service.js                               | 44 ++++++++++++++++++-
 3 files changed, 79 insertions(+), 6 deletions(-)
 create mode 100644 components/features/ContentServiceSection.jsx

diff --git a/app/(services)/content/page.jsx b/app/(services)/content/page.jsx
index ab84097..d4025ce 100644
--- a/app/(services)/content/page.jsx
+++ b/app/(services)/content/page.jsx
@@ -4,7 +4,7 @@ import FancyVideoFive from "../../../components/video/FancyVideoFive";
 import CounterThree from "../../../components/counter/CounterThree";
 import FooterTwo from "../../../components/footer/FooterTwo";
 import CopyRightTwo from "../../../components/footer/CopyRightTwo";
-import FeatureSixV2 from "../../../components/features/FeatureSixV2";
+import ContentServiceSection from "../../../components/features/ContentServiceSection";
 import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
 import FancyFeatureThirtyThree from "../../../components/features/FancyFeatureThirtyThree";
 import Image from "next/image";
@@ -85,16 +85,16 @@ const ServiceV1 = () => {
             <div className="title-style-two text-center mb-85 md-mb-40">
               <h2>
                 <span>
-                  Explore Services
+                  Our Services
                   <Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
                 </span>
               </h2>
               <div className="sub-text mt-15">
-                We’re not just signing contracts; we’re forging partnerships. Our services include:
+                Our mission is to craft powerful content marketing strategies that don’t just sit pretty but work in harmony with paid advertising to drive serious results.
               </div>
             </div>
             {/* End .title */}
-            <FeatureSixV2 />
+            <ContentServiceSection />
           </div>
         </div>
       </div>
diff --git a/components/features/ContentServiceSection.jsx b/components/features/ContentServiceSection.jsx
new file mode 100644
index 0000000..fc6e5f3
--- /dev/null
+++ b/components/features/ContentServiceSection.jsx
@@ -0,0 +1,33 @@
+import React from "react";
+import Link from "next/link";
+import { FeatureContentService } from "@/data/service";
+import Image from "next/image";
+
+
+const ContentServiceSection = () => {
+    return (
+        <div className="row justify-content-center">
+            {FeatureContentService.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}
+                >
+                    <Link     href={`/services/${val.id}`} className="block-style-five">
+                        <div className="icon">
+                            <Image width={75} height={75} style={{objectFit:'contain'}}     src={`/images/icon/${val.icon}.svg`} alt="icon" />
+                        </div>
+                        <h6 className="title">
+                            <span>{val.meta}</span>
+                        </h6>
+                        <p>{val.subTitle}</p>
+                    </Link>
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export default ContentServiceSection;
diff --git a/data/service.js b/data/service.js
index 15a9fff..8557f40 100644
--- a/data/service.js
+++ b/data/service.js
@@ -145,12 +145,52 @@ export const serviceContent = [
     },
   ]
 
+
+export const FeatureContentService = [
+    { id:10 ,
+        icon: "20",
+        meta: "Data Driven Content",
+        subTitle: `Utilizing your proprietary content with 3rd party and public data to create engaging visualizations, infographics, motion graphics.`,
+        dataDelay: "0",
+    },
+    { id:11 ,
+        icon: "21",
+        meta: "Content Creation",
+        subTitle: `With AI-driven insights, we shape written and video narratives that resonate deeply`,
+        dataDelay: "100",
+    },
+    { id:12 ,
+        icon: "22",
+        meta: "Autoresponder",
+        subTitle: `Send welcome email to your new subscribers with a code.`,
+        dataDelay: "0",
+    },
+    { id:13 ,
+        icon: "21",
+        meta: "Embeded Forms",
+        subTitle: `Collect website leads with embedded forms and integrate easily.`,
+        dataDelay: "100",
+    },
+    { id:14 ,
+        icon: "22",
+        meta: "Autoresponder",
+        subTitle: `Send welcome email to your new subscribers with a code.`,
+        dataDelay: "0",
+    },
+    { id:15 ,
+        icon: "20",
+        meta: "Smart popups",
+        subTitle: `Create customized popups and show the message at the lorem`,
+        dataDelay: "100",
+    },
+];
+
+
 export const allService = [
   ...featuresContent,
   ...featuresContentTwo,
   ...FeatureContentThree,
   ...serviceContent,
-
-
+  ...FeatureContentService,
 ]
   
\ No newline at end of file