apps/web/app/components/layout/Preloader.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { motion } from "motion-v";
-import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
 
 const STEPS = [
   "بررسی سیستم‌های ایمنی",
@@ -50,8 +49,16 @@ const step = computed(
     <div class="hazard absolute inset-x-0 bottom-0 h-3" />
 
     <div class="flex items-center gap-4">
-      <span class="flex size-12 items-center justify-center rounded-xl bg-accent text-bg">
+      <span
-        <VuesaxIcon name="shield-tick" class="size-7" />
+        class="flex size-12 items-center justify-center rounded-xl bg-white shadow-[0_0_28px_rgba(255,90,0,0.3)] ring-1 ring-white/10"
+      >
+        <img
+          src="/images/logo.png"
+          alt="ایمن پیشگامان"
+          width="32"
+          height="32"
+          class="size-8 object-contain"
+        />
       </span>
       <span class="font-mono text-xs tracking-[0.35em] text-muted">
         IMEN PISHGAMAN CO.