diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 5e61bd9..a309551 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -69,6 +69,10 @@ import female from '@/assets/images/female.png'
 import femaleThumb from '@/assets/images/female_thumb.png'
 import HeaderTitle from '@/components/HeaderTitle.vue'
 import FooterNavigation from '@/components/FooterNavigation.vue'
+import mini from '@/assets/images/mini.jpg'
+import miniThumb from '@/assets/images/mini_thumb.jpg'
+import Crystal from '@/assets/images/Crystal.jpg'
+import CrystalThumb from '@/assets/images/Crystal_thumb.jpg'
 
 const router = useRouter()
 const userInfoStore = useUserInfoStore()
@@ -79,16 +83,16 @@ const stylists = ref<any[]>([
     value: 'crystal',
     name: 'Crystal',
     description: 'Contemporary, Classic, Simple Silhouettes, Statement Pieces',
-    image: '/src/assets/images/Crystal.jpg',
-    thumb: '/src/assets/images/Crystal_thumb.jpg'
+    image: Crystal,
+    thumb: CrystalThumb
   },
   {
     id: 2,
     value: 'mini',
     name: 'Mini',
     description: 'Modern, Edgy, Bold Colors, Street Style',
-    image: '/src/assets/images/mini.jpg',
-    thumb: '/src/assets/images/mini_thumb.jpg'
+    image: mini,
+    thumb: miniThumb
   },
   {
     id: 3,