diff --git a/src/app/services/[slug]/page.tsx b/src/app/services/[slug]/page.tsx
index 0151202..2de3b50 100644
--- a/src/app/services/[slug]/page.tsx
+++ b/src/app/services/[slug]/page.tsx
@@ -52,8 +52,6 @@ const Services = async ({ params }: { params: { slug: string } }) => {
       <UserEmpathyBanner data={userEmpathy} />
       {reviews?.length ? <Testimonials data={reviews} /> : null}
       <CoreBenefits data={coreBenefits} />
-      {/* <FeatureWithBar />
-      <FeatureWithGrid /> */}
       <EndingFunnel data={endingFunnel} />
       <Faq data={faq} />
     </div>
diff --git a/src/app/services/_utils/core-benefits.tsx b/src/app/services/_utils/core-benefits.tsx
index 4f482b2..ea07fd2 100644
--- a/src/app/services/_utils/core-benefits.tsx
+++ b/src/app/services/_utils/core-benefits.tsx
@@ -1,5 +1,6 @@
 import ANIM__FadeInOutOnScroll from "@/components/anims/fadein.anim";
 import ThreeDStar from "@/components/assets/three-d-star";
+import { FeatureWithGrid } from "@/components/magicui/feature-with-grid";
 import Tagline from "@/components/molecule/tagline";
 import { ReactElement } from "react";
 
@@ -23,7 +24,7 @@ const CoreBenefits = ({
   const { tagline, title, body } = data;
   const { para, benefits } = body;
   return (
-    <div className="py-[64px]">
+    <div className="py-[64px] space-y-8">
       <ANIM__FadeInOutOnScroll className="container flex flex-col items-center justify-center gap-[32px]">
         <Tagline text={tagline} />
         <h2 className="h2 text-primary text-center [&>span]:text-secondary [&>span]:px-3">
@@ -33,7 +34,15 @@ const CoreBenefits = ({
           {para}
         </p>
       </ANIM__FadeInOutOnScroll>
-      <ANIM__FadeInOutOnScroll className="container pt-[48px] grid grid-cols-1 sm:grid-cols-2 gap-10">
+      <FeatureWithGrid />
+    </div>
+  );
+};
+
+export default CoreBenefits;
+
+
+{/* <ANIM__FadeInOutOnScroll className="container pt-[48px] grid grid-cols-1 sm:grid-cols-2 gap-10">
         {benefits.map(
           (item: {
             id: number;
@@ -53,9 +62,4 @@ const CoreBenefits = ({
             );
           }
         )}
-      </ANIM__FadeInOutOnScroll>
-    </div>
-  );
-};
-
-export default CoreBenefits;
+      </ANIM__FadeInOutOnScroll> */}
diff --git a/src/app/services/_utils/what-and-why-section.tsx b/src/app/services/_utils/what-and-why-section.tsx
index 3b68eb8..7a9823b 100644
--- a/src/app/services/_utils/what-and-why-section.tsx
+++ b/src/app/services/_utils/what-and-why-section.tsx
@@ -1,5 +1,5 @@
 import ANIM__FadeInOutOnScroll from "@/components/anims/fadein.anim";
-import ThreeDStar from "@/components/assets/three-d-star";
+import { FeatureWithBar } from "@/components/magicui/feature-with-bar";
 import Tagline from "@/components/molecule/tagline";
 import { ReactElement } from "react";
 
@@ -24,7 +24,7 @@ const WhatAndWhySection = ({
   const { para, benefits } = body;
 
   return (
-    <div className="py-16 bg-muted">
+    <div className="py-16 space-y-8">
       <ANIM__FadeInOutOnScroll className="container flex flex-col items-center justify-center gap-[32px]">
         <Tagline text={tagline} />
         <h2 className="h2 text-primary text-center [&>span]:text-secondary [&>span]:px-3">
@@ -34,34 +34,10 @@ const WhatAndWhySection = ({
           {para}
         </p>
       </ANIM__FadeInOutOnScroll>
-      <div className="container pt-[48px] space-y-10">
-        <div className="grid grid-cols-1 sm:grid-cols-2 gap-6 lg:grid-cols-3">
-          {benefits.map(
-            (item: {
-              id: number;
-              icon: ReactElement;
-              title: ReactElement;
-              paragraph: ReactElement;
-            }) => {
-              const { id, paragraph, icon } = item;
-              return (
-                <ANIM__FadeInOutOnScroll
-                  key={id}
-                  className="p-4 rounded-2xl border-2 border-white hover:border-secondary hover:scale-105 bg-white transition ease-in-out duration-500 hover:shadow-2xl"
-                >
-                  <div className="space-y-[12px] p-2">
-                    {<ThreeDStar />}
-                    <h3 className="font-semibold">{item.title}</h3>
-                    <p>{paragraph}</p>
-                  </div>
-                </ANIM__FadeInOutOnScroll>
-              );
-            }
-          )}
-        </div>
-      </div>
+      <FeatureWithBar features={benefits} />
     </div>
   );
 };
 
 export default WhatAndWhySection;
+
diff --git a/src/components/magicui/feature-with-bar.tsx b/src/components/magicui/feature-with-bar.tsx
index e4dde4c..60ddb0b 100644
--- a/src/components/magicui/feature-with-bar.tsx
+++ b/src/components/magicui/feature-with-bar.tsx
@@ -1,103 +1,117 @@
 import { cn } from "@/lib/utils";
 import { Cloud, DollarSign, Heart, HelpCircle, LineChart, Route, Square, Terminal } from "lucide-react";
+import { ReactElement } from "react";
+
+type Type__Feature = {
+  title: ReactElement;
+  paragraph: ReactElement;
+  icon: ReactElement;
+  id: number;
+}
 
 
-export function FeatureWithBar({features = defaultData}: {features?: typeof defaultData}) {
+export function FeatureWithBar({features = defaultData}: {features?: Type__Feature[]}) {
   
   return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4  relative z-10 container section">
-      {features.map((feature, index) => (
-        <Feature key={feature.title} {...feature} index={index} />
-      ))}
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3  relative z-10 container">
+      {features.map((feature) => {
+        const { id } = feature;
+        return (
+          <Feature key={id} {...feature} id={id} />
+        )
+      })}
     </div>
   );
 }
 
 const Feature = ({
   title,
-  description,
+  paragraph,
   icon,
-  index,
-}: {
-  title: string;
-  description: string;
-  icon: React.ReactNode;
-  index: number;
-}) => {
+  id,
+}: Type__Feature) => {
   return (
     <div
       className={cn(
         "flex flex-col lg:border-r  py-10 relative group/feature dark:border-neutral-800",
-        (index === 0 || index === 4) && "lg:border-l dark:border-neutral-800",
-        index < 4 && "lg:border-b dark:border-neutral-800"
+        (id === 0 || id === 4) && "lg:border-l dark:border-neutral-800",
+        id < 4 && "lg:border-b dark:border-neutral-800"
       )}
     >
-      {index < 4 && (
+      {id < 4 && (
         <div className="opacity-0 group-hover/feature:opacity-100 transition duration-200 absolute inset-0 h-full w-full bg-gradient-to-t from-neutral-100 dark:from-neutral-800 to-transparent pointer-events-none" />
       )}
-      {index >= 4 && (
+      {id >= 4 && (
         <div className="opacity-0 group-hover/feature:opacity-100 transition duration-200 absolute inset-0 h-full w-full bg-gradient-to-b from-neutral-100 dark:from-neutral-800 to-transparent pointer-events-none" />
       )}
-      <div className="mb-4 relative z-10 px-10 text-neutral-600 dark:text-neutral-400">
+      <div className="mb-4 relative z-10 px-10 [&>svg]:h-8 [&>svg]:w-8 [&>svg]:stroke-[1.2px]">
         {icon}
       </div>
-      <div className="text-lg font-bold mb-2 relative z-10 px-10">
+      <div className="text-lg font-medium mb-2 relative z-10 px-10">
         <div className="absolute left-0 inset-y-0 h-6 group-hover/feature:h-8 w-1 rounded-tr-full rounded-br-full bg-neutral-300 dark:bg-neutral-700 group-hover/feature:bg-blue-500 transition-all duration-200 origin-center" />
         <span className="group-hover/feature:translate-x-2 transition duration-200 inline-block">
           {title}
         </span>
       </div>
       <p className="text-sm relative z-10 px-10">
-        {description}
+        {paragraph}
       </p>
     </div>
   );
 };
 
-const defaultData = [
+const defaultData: Type__Feature[] = [
   {
-    title: "Built for developers",
-    description:
-      "Built for engineers, developers, dreamers, thinkers and doers.",
+    id: 1,
+    title: <>Built for developers</>,
+    paragraph:
+      <>Built for engineers, developers, dreamers, thinkers and doers.</>,
     icon: <Terminal />,
   },
   {
-    title: "Ease of use",
-    description:
-      "It's as easy as using an Apple, and as expensive as buying one.",
+    id: 2,
+    title: <>Ease of use</>,
+    paragraph:
+      <>It&apos;s as easy as using an Apple, and as expensive as buying one.</>,
     icon: <LineChart />,
   },
   {
-    title: "Pricing like no other",
-    description:
-      "Our prices are best in the market. No cap, no lock, no credit card required.",
+    id: 3,
+    title: <>Pricing like no other</>,
+    paragraph:
+      <>Our prices are best in the market. No cap, no lock, no credit card required.</>,
     icon: <DollarSign />,
   },
   {
-    title: "100% Uptime guarantee",
-    description: "We just cannot be taken down by anyone.",
+    id: 4,
+    title: <>100% Uptime guarantee</>,
+    paragraph: <>We just cannot be taken down by anyone.</>,
     icon: <Cloud />,
   },
   {
-    title: "Multi-tenant Architecture",
-    description: "You can simply share passwords instead of buying new seats",
+    id: 5,
+    title: <>Multi-tenant Architecture</>,
+    paragraph: <>You can simply share passwords instead of buying new seats</>,
     icon: <Route />,
   },
   {
-    title: "24/7 Customer Support",
-    description:
-      "We are available a 100% of the time. Atleast our AI Agents are.",
+    id: 6,
+    title: <>24/7 Customer Support</>,
+    paragraph:
+      <>We are available a 100% of the time. Atleast our AI Agents are.</>,
     icon: <HelpCircle />,
   },
   {
-    title: "Money back guarantee",
-    description:
-      "If you donot like EveryAI, we will convince you to like us.",
+    id: 7,
+    title: <>Money back guarantee</>,
+    paragraph:
+      <>If you donot like EveryAI, we will convince you to like us.</>,
     icon: <Square />,
   },
   {
-    title: "And everything else",
-    description: "I just ran out of copy ideas. Accept my sincere apologies",
+    id: 8,
+    title: <>And everything else</>,
+    paragraph: <>I just ran out of copy ideas. Accept my sincere apologies</>,
     icon: <Heart />,
   },
 ];
diff --git a/src/components/magicui/feature-with-grid.tsx b/src/components/magicui/feature-with-grid.tsx
index 387ec3a..ba10189 100644
--- a/src/components/magicui/feature-with-grid.tsx
+++ b/src/components/magicui/feature-with-grid.tsx
@@ -1,25 +1,23 @@
 import React from "react";
 import { useId } from "react";
 
-export function FeatureWithGrid({features = defaultData}: {features?: typeof defaultData}) {
+export function FeatureWithGrid({ features = defaultData }: { features?: typeof defaultData }) {
   return (
-    <div className="section">
-      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-10 md:gap-2 container">
-        {features.map((feature) => (
-          <div
-            key={feature.title}
-            className="relative bg-gradient-to-b dark:from-neutral-900 from-neutral-100 dark:to-neutral-950 to-white p-6 rounded-3xl overflow-hidden"
-          >
-            <Grid size={20} />
-            <p className="text-base font-bold text-neutral-800 dark:text-white relative z-20">
-              {feature.title}
-            </p>
-            <p className="text-neutral-600 dark:text-neutral-400 mt-4 text-base font-normal relative z-20">
-              {feature.description}
-            </p>
-          </div>
-        ))}
-      </div>
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10 md:gap-2 container">
+      {features.map((feature) => (
+        <div
+          key={feature.title}
+          className="relative bg-gradient-to-b dark:from-neutral-900 to-white p-6 rounded-xl overflow-hidden border"
+        >
+          <Grid size={20} />
+          <p className="font-medium pb-20">
+            {feature.title}
+          </p>
+          <p>
+            {feature.description}
+          </p>
+        </div>
+      ))}
     </div>
   );
 }
@@ -128,14 +126,4 @@ const defaultData = [
     description:
       "Monitor social media conversations and trends to stay informed about what your audience is saying and respond in real-time.",
   },
-  {
-    title: "Customizable Templates",
-    description:
-      "Create stunning social media posts with our customizable templates, designed to fit your brand's unique style and voice.",
-  },
-  {
-    title: "Collaboration Tools",
-    description:
-      "Work seamlessly with your team using our collaboration tools, allowing you to assign tasks, share drafts, and provide feedback in real-time.",
-  },
 ];
diff --git a/src/lib/data/services.tsx b/src/lib/data/services.tsx
index 7e63885..24d27a1 100644
--- a/src/lib/data/services.tsx
+++ b/src/lib/data/services.tsx
@@ -1,5 +1,7 @@
+import { Gift, PercentIcon, Star, Users, Palette, Target, Zap, Headphones, Layers, Maximize, Shield, Repeat, UserCheck, Briefcase, PenTool, Sliders, BarChart2, DollarSign, TrendingUp, Database, Cpu, Cloud, Server, Layout, Smartphone, Code, GitBranch, Eye, Compass, Crosshair, Feather, MessageCircle, BarChart, ShoppingCart, Settings, Wallet } from "lucide-react";
 import Link from "next/link";
 
+
 export const ServicePageCOPY = {
   googleads: {
     hero: {
@@ -60,6 +62,7 @@ export const ServicePageCOPY = {
                 $2.50 Million Value)
               </>
             ),
+            icon: <Star />
           },
           {
             id: 2,
@@ -70,6 +73,7 @@ export const ServicePageCOPY = {
                 a discounted rate to kickstart your growth.
               </>
             ),
+            icon: <PercentIcon />
           },
           {
             id: 3,
@@ -81,6 +85,7 @@ export const ServicePageCOPY = {
                 seamlessly between Google Ads and Google Analytics
               </>
             ),
+            icon: <Gift />
           },
         ],
       },
@@ -117,7 +122,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Users />,
             title: <>Unmatched Expertise</>,
             paragraph: (
               <>
@@ -128,7 +133,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Target />,
             title: <>Results-Obsessed</>,
             paragraph: (
               <>
@@ -139,7 +144,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <MessageCircle />,
             title: <>Transparent Communication</>,
             paragraph: (
               <>
@@ -150,7 +155,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Palette />,
             title: <>Custom Tailored Solutions</>,
             paragraph: (
               <>
@@ -162,7 +167,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Zap />,
             title: <>Technology & Automation</>,
             paragraph: (
               <>
@@ -174,7 +179,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Headphones />,
             title: <>Long-Term Partnership</>,
             paragraph: (
               <>
@@ -230,6 +235,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
+            icon: <BarChart />,
             title: <>Direct Access & Measurable Results</>,
             para: (
               <>
@@ -242,6 +248,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
+            icon: <Headphones />,
             title: <>Get the Support You Deserve</>,
             para: (
               <>
@@ -252,6 +259,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
+            icon: <Sliders />,
             title: <>Ongoing Campaign Optimization</>,
             para: (
               <>
@@ -262,6 +270,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
+            icon: <Briefcase />,
             title: <>Your Success is Our CEO&apos;s Passion</>,
             para: (
               <>
@@ -446,7 +455,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Palette />,
             title: <>Tailored Solutions</>,
             paragraph: (
               <>
@@ -458,7 +467,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Smartphone />,
             title: <>Responsive Design</>,
             paragraph: (
               <>
@@ -470,7 +479,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <Layers />,
             title: <>Advanced Functionality</>,
             paragraph: (
               <>
@@ -482,7 +491,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Maximize />,
             title: <>Scalability</>,
             paragraph: (
               <>
@@ -494,7 +503,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Shield />,
             title: <>Robust Security</>,
             paragraph: (
               <>
@@ -506,7 +515,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Zap />,
             title: <>Optimized Performance</>,
             paragraph: (
               <>
@@ -518,7 +527,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 7,
-            icon: <></>,
+            icon: <Code />,
             title: <>Cutting Edge Techs</>,
             paragraph: (
               <>
@@ -530,7 +539,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 8,
-            icon: <></>,
+            icon: <Cloud />,
             title: <>Cloud Hosting</>,
             paragraph: (
               <>
@@ -542,7 +551,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 9,
-            icon: <></>,
+            icon: <Database />,
             title: <>Advanced DBMS</>,
             paragraph: (
               <>
@@ -588,6 +597,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
+            icon: <Palette />,
             title: <>Personalization</>,
             para: (
               <>
@@ -598,6 +608,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
+            icon: <Sliders />,
             title: <>Optimization</>,
             para: (
               <>
@@ -608,6 +619,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
+            icon: <Maximize />,
             title: <>Scalability</>,
             para: (
               <>
@@ -618,6 +630,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
+            icon: <Headphones />,
             title: <>Dedicated Support</>,
             para: (
               <>
@@ -796,7 +809,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Palette />,
             title: <>Custom Solutions</>,
             paragraph: (
               <>
@@ -808,7 +821,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Maximize />,
             title: <>Scalability</>,
             paragraph: (
               <>
@@ -819,7 +832,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <Shield />,
             title: <>Security</>,
             paragraph: (
               <>
@@ -830,7 +843,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <GitBranch />,
             title: <>Integration</>,
             paragraph: (
               <>
@@ -841,7 +854,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Layout />,
             title: <>User-Centric Design</>,
             paragraph: (
               <>
@@ -852,7 +865,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Repeat />,
             title: <>Agile Development</>,
             paragraph: (
               <>
@@ -863,7 +876,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 7,
-            icon: <></>,
+            icon: <Code />,
             title: <>Cutting Edge Tech Stack</>,
             paragraph: (
               <>
@@ -875,7 +888,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 8,
-            icon: <></>,
+            icon: <Cloud />,
             title: <>Cloud Infrastructure</>,
             paragraph: (
               <>
@@ -888,7 +901,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 9,
-            icon: <></>,
+            icon: <Database />,
             title: <>Advanced DBMS</>,
             paragraph: (
               <>
@@ -928,6 +941,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
+            icon: <Palette />,
             title: <>Customization</>,
             para: (
               <>
@@ -940,6 +954,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
+            icon: <Cpu />,
             title: <>Reliablity</>,
             para: (
               <>
@@ -950,6 +965,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
+            icon: <Maximize />,
             title: <>Scalability</>,
             para: (
               <>
@@ -960,6 +976,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
+            icon: <Shield />,
             title: <>Security</>,
             para: (
               <>
@@ -1145,7 +1162,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Zap />,
             title: <>Lightning Fast Hosting</>,
             paragraph: (
               <>
@@ -1157,7 +1174,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <PenTool />,
             title: <>Intuitive Editing Tools</>,
             paragraph: (
               <>
@@ -1169,7 +1186,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <Layers />,
             title: <>Flexible Customizable</>,
             paragraph: (
               <>
@@ -1182,7 +1199,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Users />,
             title: <>Audience Engagement</>,
             paragraph: (
               <>
@@ -1194,7 +1211,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Maximize />,
             title: <>Scalability</>,
             paragraph: (
               <>
@@ -1206,7 +1223,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Shield />,
             title: <>Security Measures</>,
             paragraph: (
               <>
@@ -1445,7 +1462,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Palette />,
             title: <>Customized Store Design</>,
             paragraph: (
               <>
@@ -1457,7 +1474,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Smartphone />,
             title: <>Responsive Design</>,
             paragraph: (
               <>
@@ -1469,7 +1486,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <ShoppingCart />,
             title: <>Streamlined Checkout Process</>,
             paragraph: (
               <>
@@ -1481,7 +1498,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Database />,
             title: <>Advanced Functionalities</>,
             paragraph: (
               <>
@@ -1493,7 +1510,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Eye />,
             title: <>SEO Optimization</>,
             paragraph: (
               <>
@@ -1505,7 +1522,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <BarChart2 />,
             title: <>Robust analytics and Reporting</>,
             paragraph: (
               <>
@@ -1752,7 +1769,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Palette />,
             title: <>User Centric Design</>,
             paragraph: (
               <>
@@ -1764,7 +1781,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Users />,
             title: <>UX Research</>,
             paragraph: (
               <>
@@ -1776,7 +1793,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <PenTool />,
             title: <>Wireframing & Prototyping</>,
             paragraph: (
               <>
@@ -1788,7 +1805,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Eye />,
             title: <>Accessibility Focus</>,
             paragraph: (
               <>
@@ -1800,7 +1817,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Repeat />,
             title: <>Iterative Design</>,
             paragraph: (
               <>
@@ -1812,7 +1829,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Users />,
             title: <>Collaborative Approach</>,
             paragraph: (
               <>
@@ -2063,7 +2080,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Database />,
             title: <>Deep Expertise</>,
             paragraph: (
               <>
@@ -2074,7 +2091,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Zap />,
             title: <>Streamlined Approach</>,
             paragraph: (
               <>
@@ -2085,7 +2102,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <Eye />,
             title: <>Actionable Insights</>,
             paragraph: (
               <>
@@ -2096,7 +2113,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <Settings />,
             title: <>Customizable Solutions</>,
             paragraph: (
               <>
@@ -2107,7 +2124,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Headphones />,
             title: <>Ongoing Support</>,
             paragraph: (
               <>
@@ -2118,7 +2135,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Target />,
             title: <>Proven Results</>,
             paragraph: (
               <>
@@ -2422,7 +2439,7 @@ export const ServicePageCOPY = {
         benefits: [
           {
             id: 1,
-            icon: <></>,
+            icon: <Target />,
             title: <>Targeted Precision</>,
             paragraph: (
               <>
@@ -2434,7 +2451,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 2,
-            icon: <></>,
+            icon: <Palette />,
             title: <>Creative Powerhouse</>,
             paragraph: (
               <>
@@ -2447,7 +2464,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 3,
-            icon: <></>,
+            icon: <BarChart2 />,
             title: <>Data-Driven Decisions</>,
             paragraph: (
               <>
@@ -2461,7 +2478,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 4,
-            icon: <></>,
+            icon: <DollarSign />,
             title: <>Measurable Success</>,
             paragraph: (
               <>
@@ -2474,7 +2491,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 5,
-            icon: <></>,
+            icon: <Wallet />,
             title: <>Budget-Conscious Experts</>,
             paragraph: (
               <>
@@ -2487,7 +2504,7 @@ export const ServicePageCOPY = {
           },
           {
             id: 6,
-            icon: <></>,
+            icon: <Headphones />,
             title: <>Always in Your Corner</>,
             paragraph: (
               <>