services section

components/features/FeaturesEight.jsx

@@ -1,25 +1,50 @@
 import React from "react";
 import Image from "next/image";
+
+
+
+// AI Solutions: Innovating how we reach audiences—because the future is now.
+
 const FeatureContent = [
   {
     icon: "60",
-    meta: "Smart popups",
+    meta: "Paid Search",
-    subTitle: `Create customized popups and show the message at the lorem`,
+    subTitle: `Capturing attention when it matters most`,
   },
   {
     icon: "61",
-    meta: "Embeded Forms",
+    meta: "Paid Display",
-    subTitle: `Collect website leads with embedded forms and integrate easily.`,
+    subTitle: ` Making your brand unmissable.`,
   },
   {
     icon: "62",
-    meta: "Autoresponder",
+    meta: "Sponsored Content",
-    subTitle: `Send welcome email to your new subscribers with a code.`,
+    subTitle: `Seamlessly blending your message into the conversation.`,
+  },
+  {
+    icon: "60",
+    meta: "Content Creation",
+    subTitle: `Crafting compelling narratives through AI-driven insightsm`,
+  },
+  {
+    icon: "61",
+    meta: "Influencer Campaigns",
+    subTitle: `Harnessing the voices that matter.`,
+  },
+  {
+    icon: "62",
+    meta: "Analytics",
+    subTitle: ` Fine-tuning every campaign to maximize impact.`,
   },
 ];
 
 const FeaturesEight = () => {
   return (
+      <>
+      <div style={{  lineHeight : 1, padding: 1, textAlign: 'center' }}>
+        <div  className="title-style-five"><h2>Our Services</h2></div>
+        <div className="font-rubik">We're not just signing contracts; we're forging partnerships. Our services include: </div>
+      </div>
         <div className="row justify-content-center">
           {FeatureContent.map((val, i) => (
               <div
@@ -38,6 +63,7 @@ const FeaturesEight = () => {
               </div>
           ))}
         </div>
+      </>
   );
 };