From 07a40f1a1bf075f13c9958e514df1e8a5684cff5 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 8 Apr 2025 22:59:35 +0330
Subject: [PATCH] changed servoce highlight images

---
 .../components/global/ServiceHighlights.vue   | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/frontend/components/global/ServiceHighlights.vue b/frontend/components/global/ServiceHighlights.vue
index 1f3edde..587a091 100644
--- a/frontend/components/global/ServiceHighlights.vue
+++ b/frontend/components/global/ServiceHighlights.vue
@@ -11,22 +11,22 @@ type Highlight = {
 
 const highlights = ref<Highlight[]>([
     {
-        icon: "/img/heymlz/footer-support.svg",
+        icon: "/img/heymlz/footer-support.png",
         title: "خدمات مشتری",
         description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما",
     },
     {
-        icon: "/img/heymlz/footer-send.svg",
+        icon: "/img/heymlz/footer-send.png",
         title: "ارسال سریع و رایگان",
         description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار",
     },
     {
-        icon: "/img/heymlz/footer-share.svg",
+        icon: "/img/heymlz/footer-share.png",
         title: "معرفی به دوستان",
         description: "ما را به دوستان خود معرفی کنید",
     },
     {
-        icon: "/img/heymlz/footer-security.svg",
+        icon: "/img/heymlz/footer-security.png",
         title: "پرداخت امن",
         description: "پرداخت شما به‌صورت امن پردازش می‌شود",
     },
@@ -40,11 +40,12 @@ const highlights = ref<Highlight[]>([
         >
             <template v-for="(highlight, index) in highlights" :key="index">
                 <div class="flex flex-col-center gap-[.75rem] px-5">
-                    <NuxtImg
-                        :src="highlight.icon"
-                        class="size-[70px] md:size-[90px]"
-                        alt=""
-                    />
+                    <div class="size-[70px] md:size-[100px] flex-center">
+                        <NuxtImg
+                            :src="highlight.icon"
+                            class="w-full scale-150"
+                        />
+                    </div>
 
                     <div class="w-full flex-col-center gap-[.25rem]">
                         <span
@@ -59,11 +60,6 @@ const highlights = ref<Highlight[]>([
                         </p>
                     </div>
                 </div>
-
-                <!--                <div-->
-                <!--                    class="w-[1px] h-[5rem] bg-slate-200"-->
-                <!--                    v-if="index + 1 != highlights.length"-->
-                <!--                />-->
             </template>
         </div>
     </section>