Updated

frontend/components/global/ServiceHighlights.vue

@@ -11,24 +11,24 @@ type Highlight = {
 
 const highlights = ref<Highlight[]>([
     {
-        icon: "ci:headset",
+        icon: "/img/footer-support.svg",
         title: "خدمات مشتری",
-        description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما عزیزان"
+        description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما"
     },
     {
-        icon: "ci:delivery",
+        icon: "/img/footer-send.svg",
         title: "ارسال سریع و رایگان",
-        description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار و خورده"
+        description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار"
     },
     {
-        icon: "ci:users",
+        icon: "/img/footer-share.svg",
         title: "معرفی به دوستان",
-        description: "دوستان خود را معرفی کنید و هر دو ۱۵٪ تخفیف بگیرید"
+        description: "ما را به دوستان خود معرفی کنید"
     },
     {
-        icon: "ci:shield-done",
+        icon: "/img/footer-security.svg",
         title: "پرداخت امن",
-        description: "اطلاعات پرداخت شما به‌صورت امن پردازش می‌شود"
+        description: "پرداخت شما به‌صورت امن پردازش می‌شود"
     }
 ]);
 </script>
@@ -39,7 +39,7 @@ const highlights = ref<Highlight[]>([
             <template v-for="(highlight, index) in highlights" :key="index">
                 <div class="flex flex-col-center gap-[.75rem] w-1/4 px-5">
 
-                    <Icon :name="highlight.icon" size="32px" />
+                    <img :src="highlight.icon" class="size-[90px]" alt="" />
 
                     <div class="w-full flex-col-center gap-[.25rem]">
                         <span class="typo-sub-h-md text-black text-center">