diff --git a/src/assets/icons/audio.svg b/src/assets/icons/audio.svg
index 9455a01..3a67e4f 100644
--- a/src/assets/icons/audio.svg
+++ b/src/assets/icons/audio.svg
@@ -1 +1,4 @@
-<svg t="1760424451063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13798" width="200" height="200"><path d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1z" p-id="13799" fill="#6d6868"></path><path d="M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168z m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92V232z" p-id="13800" fill="#6d6868"></path></svg>
\ No newline at end of file
+<svg width="37" height="57" viewBox="0 0 37 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.4992 12.9C28.4992 7.15624 23.843 2.5 18.0992 2.5C12.3555 2.5 7.69922 7.15624 7.69922 12.9V25.9C7.69922 31.6438 12.3555 36.3 18.0992 36.3C23.843 36.3 28.4992 31.6438 28.4992 25.9V12.9Z" stroke="#6D6868" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.7 39.6592C31.7501 41.8748 29.35 43.6489 26.6598 44.8631C23.9697 46.0772 21.0514 46.7035 18.1 46.7M18.1 46.7C15.1485 46.7035 12.2303 46.0772 9.54017 44.8631C6.85003 43.6489 4.44988 41.8748 2.5 39.6592M18.1 46.7V54.5M12.9 54.5H23.3" stroke="#6D6868" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/left.svg b/src/assets/icons/left.svg
new file mode 100644
index 0000000..99fbf67
--- /dev/null
+++ b/src/assets/icons/left.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><path d="M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z"/></svg>
diff --git a/src/assets/icons/send.svg b/src/assets/icons/send.svg
index 8814a0d..fa13feb 100644
--- a/src/assets/icons/send.svg
+++ b/src/assets/icons/send.svg
@@ -1,3 +1,3 @@
-<svg width="50" height="43" viewBox="0 0 50 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M44.0137 16.3477C48.4427 18.0966 48.4427 24.3653 44.0137 26.1143L9.67871 39.6719C5.26568 41.4142 0.98905 36.8733 2.99219 32.5723L8.12695 21.5478C8.22042 21.3471 8.22043 21.1148 8.12695 20.9141L2.99219 9.88965C0.989068 5.58859 5.26567 1.04766 9.67871 2.79004L44.0137 16.3477Z" stroke="black" stroke-width="4.5" stroke-linejoin="round"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29 15C29 15.3788 28.786 15.7251 28.4473 15.8945L2.44726 28.8945C2.0805 29.0779 1.63862 29.0185 1.33301 28.7451C1.02768 28.4718 0.92023 28.0399 1.06152 27.6553L5.71582 15L1.06152 2.34473C0.920232 1.96008 1.02768 1.52819 1.33301 1.25488C1.63863 0.981488 2.0805 0.922085 2.44727 1.10547L28.4473 14.1055L28.5684 14.1768C28.8363 14.3617 29 14.6685 29 15Z" fill="white" stroke="black" stroke-width="2" stroke-linejoin="round"/>
 </svg>
diff --git a/src/assets/images/nav1.png b/src/assets/images/nav1.png
index 5314681..1f52682 100644
Binary files a/src/assets/images/nav1.png and b/src/assets/images/nav1.png differ
diff --git a/src/assets/images/nav2.png b/src/assets/images/nav2.png
index 55fa208..f9c59fc 100644
Binary files a/src/assets/images/nav2.png and b/src/assets/images/nav2.png differ
diff --git a/src/assets/images/nav3.png b/src/assets/images/nav3.png
index a300396..7488758 100644
Binary files a/src/assets/images/nav3.png and b/src/assets/images/nav3.png differ
diff --git a/src/assets/images/nav4.png b/src/assets/images/nav4.png
index 2c5478b..a4b70b6 100644
Binary files a/src/assets/images/nav4.png and b/src/assets/images/nav4.png differ
diff --git a/src/views/stylist/customer.vue b/src/views/stylist/customer.vue
index 8da7be8..1a2ca73 100644
--- a/src/views/stylist/customer.vue
+++ b/src/views/stylist/customer.vue
@@ -2,7 +2,8 @@
   <div class="customer-container safe-area-top" :class="{ 'form-mode': pageMode === 'form' }">
     <template v-if="pageMode === 'entry'">
       <div class="setting flex flex-between">
-        <van-icon name="arrow-left" color="#fff" @click="handleBack" />
+        <SvgIcon name="left" size="70"  @click="handleBack" />
+
         <SvgIcon name="setting" size="70" />
       </div>
       <div class="content flex flex-center flex-column">
@@ -12,14 +13,13 @@
     </template>
     <template v-else>
       <div class="form-container">
-        <div class="back-container flex flex-center" @click="handleChangeMode('entry')">
-          <van-icon name="arrow-left" color="#fff" />
+        <div class="back-container flex flex-center" @click="handleBack">
+		  <SvgIcon name="left" size="70"  @click="handleBack" />
         </div>
         <div class="text">
-          <div class="form-title">Entry ID</div>
+          <div class="form-title">Customer ID</div>
           <div class="description">
-            Redefine the styling experience with AI.<br />
-            Use Styling Angel to speed up your fashion journey.
+            Redefine the styling experience with AI. Use<br />Styling Angel to speed up your fashion<br />journey.
           </div>
         </div>
 
@@ -60,7 +60,8 @@ const router = useRouter()
 const generateStore = useGenerateStore()
 
 type PageMode = 'form' | 'entry'
-const pageMode = ref<PageMode>('entry')
+const pageMode = ref<PageMode>('form')
+// const pageMode = ref<PageMode>('entry')
 
 const handleBack = () => {
   router.go(-1)
@@ -105,7 +106,7 @@ const handleConfirm = async () => {
   background-repeat: no-repeat;
   &.form-mode {
     background: url('@/assets/images/has_shouder_bg.png') no-repeat center center;
-    padding-top: 21.47rem;
+    padding-top: 15.9rem;
   }
 
   .setting {
@@ -151,18 +152,18 @@ const handleConfirm = async () => {
     .back-container {
       width: 7.3rem;
       height: 7.3rem;
-      border: 0.2rem solid #fff;
+    //   border: 0.2rem solid #fff;
       border-radius: 1.8rem;
       font-size: 4.3rem;
-      background: rgba(0, 0, 0, 0.2);
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-      -moz-backdrop-filter: blur(20px);
-      -ms-backdrop-filter: blur(20px);
-      -o-backdrop-filter: blur(20px);
+    //   background: rgba(0, 0, 0, 0.2);
+    //   backdrop-filter: blur(20px);
+    //   -webkit-backdrop-filter: blur(20px);
+    //   -moz-backdrop-filter: blur(20px);
+    //   -ms-backdrop-filter: blur(20px);
+    //   -o-backdrop-filter: blur(20px);
       margin-left: 7rem;
       position: relative;
-      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
+    //   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
 
       .back-icon {
         width: 2.08rem;
@@ -171,7 +172,7 @@ const handleConfirm = async () => {
     }
     .text {
       padding-left: 15.2rem;
-      margin-top: 7.9rem;
+      margin-top: 15.4rem;
       letter-spacing: 0.02rem;
     }
     .form-title {
@@ -180,7 +181,7 @@ const handleConfirm = async () => {
       line-height: 1.24em;
     }
     .description {
-      font-size: 3rem;
+      font-size: 3.6rem;
       line-height: 141%;
       letter-spacing: 0.08rem;
       margin-top: 2.7rem;
@@ -188,16 +189,16 @@ const handleConfirm = async () => {
     }
 
     .glass-form {
-      height: 84.8rem;
+      height: 68.8rem;
       border: 0.2rem solid #ffffff;
       border-radius: 4.7rem;
       margin: 0 14.2rem;
-      padding: 8.2rem 7.9rem;
-      margin-top: 7.5rem;
+    //   padding: 8.2rem 7.9rem;
+		padding: 11rem 7.5rem;
+      margin-top: 11rem;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
       display: flex;
       flex-direction: column;
-      justify-content: space-evenly;
 
       background: radial-gradient(
         100% 100% at 0% 0%,
@@ -205,9 +206,10 @@ const handleConfirm = async () => {
         rgba(0, 0, 0, 0) 100%
       );
       backdrop-filter: blur(35px);
+	  justify-content: flex-start;
 
       .form-field {
-        margin-bottom: 3.6rem;
+          margin-bottom: 6.8rem;
         &.email {
           margin-bottom: 6.8rem;
         }
@@ -256,7 +258,7 @@ const handleConfirm = async () => {
       font-size: 3rem;
       line-height: 124%;
       letter-spacing: 0.08rem;
-      margin-top: 2.7rem;
+      margin-top: 2.31rem;
       text-align: center;
       font-weight: 400;
       margin-top: 18.7rem;
diff --git a/src/views/stylist/dressfor.vue b/src/views/stylist/dressfor.vue
index a174e67..94fb880 100644
--- a/src/views/stylist/dressfor.vue
+++ b/src/views/stylist/dressfor.vue
@@ -25,7 +25,8 @@
           <SvgIcon
             class="audio-icon"
             :name="isRecording ? 'pause' : 'audio'"
-            size="52"
+            size="35"
+			color="#6D6868"
             @click="handleClickAudio"
           />
         </div>
@@ -74,6 +75,7 @@ const handleSendMessage = () => {
     showToast('Please enter a message')
     return
   }
+  showToast('Voice-to-text conversion has been completed.')
   router.push({
     path: '/asistant',
     query: message ? { message } : undefined
@@ -238,6 +240,7 @@ onUnmounted(() => {
         width: 7.6rem;
         height: 7.6rem;
         background-color: #fff;
+		border-radius: 1rem;
       }
     }
   }
diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 369b609..0e8177a 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -10,7 +10,9 @@
 
       <div class="carousel-container" v-show="!showVideo">
         <div class="nav-arrow left" @click="handleChangeSwiper('prev')">
-          <van-icon name="arrow-left" color="#fff" />
+
+          <!-- <van-icon name="arrow-left" color="#fff" /> -->
+		  <SvgIcon name="left" size="70" color="#fff" />
         </div>
 
         <van-swipe touchable ref="swiperRef" @change="handleChangeCurrent">