change content

components/home-page/road-map-components/ShopNavigator.vue

@@ -3,17 +3,17 @@
     class="ps-[6vw] md:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] md:mt-[14.4vw] h-[87.179vw] md:h-[22.396vw] w-[81.61%] md:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
   >
     <p class="mt-[5vw] md:mt-0 w-[36.154vw]  md:w-auto md:text-[1.69vw] text-[5.11vw]">
-      ما اینجا هستیم تا از شما حمایت کنیم
+      عرضه انواع محصولات سلامت و ارگانیک
     </p>
 
     <p class="text-[3.19vw] md:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>
 
-    <nuxt-link
-      to="/"
-      class="flex items-center mt-[8vw] border-black md:mt-[2vw] text-[3.19vw] md:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
+    <a
+      href="https://shinan.ir/store"
+      class="group/edit flex items-center mt-[8vw] border-black md:mt-[2vw] text-[3.19vw] md:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
     >
       <svg
-        class="me-1"
+        class="me-1 group-hover/edit:-translate-x-[22.5vw] md:group-hover/edit:-translate-x-[6.5vw] transition group-hover/edit:transition group-hover/edit:duration-300 duration-30"
         width="24"
         height="25"
         viewBox="0 0 24 25"
@@ -25,8 +25,10 @@
           fill="#383E43"
         />
       </svg>
+<span class="group-hover/edit:translate-x-[5.5vw] md:group-hover/edit:translate-x-[1.5vw] transition duration-300 group-hover/edit:duration-300 group-hover/edit:transition">
 
-      رفتن به فروشگاه
-    </nuxt-link>
+  رفتن به فروشگاه
+</span>
+    </a>
   </div>
 </template>