Updated

frontend/components/global/Footer.vue

@@ -10,16 +10,11 @@
             class="flex flex-col gap-4 items-center justify-center relative z-20"
         >
             <div
-                class="flex items-center flex-col pb-[10px] pt-[80px] lg:py-[150px] justify-center"
+                class="flex items-center flex-col gap-8 pb-[10px] pt-[80px] lg:py-[150px] justify-center"
             >
-                <video
-                    src="/video/loading.mp4"
-                    autoplay
-                    muted
-                    loop
-                    playsinline
-                    webkit-playsinline
-                    class="size-[150px] lg:size-[220px] rounded-full"
+                <img
+                    src="/img/heymlz/heymlz-small-idle.gif"
+                    class="size-[150px] lg:size-[220px] rounded-full drop-shadow-2xl"
                 />
                 <span
                     class="font-bold text-2xl lg:text-5xl text-gradient bg-gradient-to-l from-blue-500 to-blue-700"

frontend/components/global/ServiceHighlights.vue

@@ -11,22 +11,22 @@ type Highlight = {
 
 const highlights = ref<Highlight[]>([
     {
-        icon: "/img/heymlz/footer-support.png",
+        icon: "/img/heymlz/footer-support.gif",
         title: "خدمات مشتری",
         description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما",
     },
     {
-        icon: "/img/heymlz/footer-send.png",
+        icon: "/img/heymlz/footer-send.gif",
         title: "ارسال سریع و رایگان",
         description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار",
     },
     {
-        icon: "/img/heymlz/footer-share.png",
+        icon: "/img/heymlz/footer-share.gif",
         title: "معرفی به دوستان",
         description: "ما را به دوستان خود معرفی کنید",
     },
     {
-        icon: "/img/heymlz/footer-security.png",
+        icon: "/img/heymlz/footer-security.gif",
         title: "پرداخت امن",
         description: "پرداخت شما به‌صورت امن پردازش می‌شود",
     },
@@ -43,7 +43,7 @@ const highlights = ref<Highlight[]>([
                     <div class="size-[70px] md:size-[100px] flex-center">
                         <NuxtImg
                             :src="highlight.icon"
-                            class="w-full scale-150"
+                            class="w-full"
                         />
                     </div>