diff --git a/frontend/components/home/Preview.vue b/frontend/components/home/Preview.vue
index aa53d5f..8c49999 100644
--- a/frontend/components/home/Preview.vue
+++ b/frontend/components/home/Preview.vue
@@ -14,12 +14,12 @@ const activeSlideVideo = ref<"left" | "right" | "none">("none");
 const draggableEl = ref<HTMLElement | null>(null);
 const previewContainerEl = ref<HTMLElement | null>(null);
 
-const heymlzElement = useTemplateRef<HTMLDivElement>("heymlzElement");
-const heymlzElementIsVisible = useElementVisibility(heymlzElement, {
-    rootMargin: "0px 0px -40% 0px",
-});
+// const heymlzElement = useTemplateRef<HTMLDivElement>("heymlzElement");
+// const heymlzElementIsVisible = useElementVisibility(heymlzElement, {
+//     rootMargin: "0px 0px -40% 0px",
+// });
 
-const showHeymlzAnimation = ref(false);
+// const showHeymlzAnimation = ref(false);
 
 const { x: dragAxisX } = useDraggable(draggableEl, {
     initialValue: { x: 0, y: 0 },
@@ -28,22 +28,22 @@ const { x: dragAxisX } = useDraggable(draggableEl, {
 
 // watch
 
-watch(
-    heymlzElementIsVisible,
-    (newValue) => {
-        if (newValue) {
-            setTimeout(() => {
-                showHeymlzAnimation.value = true;
-                setTimeout(() => {
-                    showHeymlzAnimation.value = false;
-                }, 3200);
-            }, 400);
-        }
-    },
-    {
-        once: true,
-    }
-);
+// watch(
+//     heymlzElementIsVisible,
+//     (newValue) => {
+//         if (newValue) {
+//             setTimeout(() => {
+//                 showHeymlzAnimation.value = true;
+//                 setTimeout(() => {
+//                     showHeymlzAnimation.value = false;
+//                 }, 3200);
+//             }, 400);
+//         }
+//     },
+//     {
+//         once: true,
+//     }
+// );
 
 watch(
     () => clipPathPercent.value,
@@ -72,7 +72,7 @@ watch(
 </script>
 
 <template>
-    <div class="container mb-40 lg:mb-40 max-lg:mt-20 lg:-mt-32">
+    <div class="container select-none mb-40 lg:mb-40 max-lg:mt-20 lg:-mt-32">
         <div>
             <div class="flex flex-col items-center gap-3 mb-10 lg:mb-16">
                 <span class="typo-p-sm md:typo-p-md text-slate-500"> مقایسه محصولات </span>
@@ -86,8 +86,7 @@ watch(
                     <NuxtImg
                         v-if="activeSlideVideo !== 'right'"
                         :src="homeData!.difreance_section.image1"
-                        :class="showHeymlzAnimation ? 'brightness-25 blur-sm' : 'brightness-[95%] blur-[0px]'"
-                        class="select-none absolute size-full object-cover transition-[filter] duration-250"
+                        class="select-none absolute size-full object-cover transition-[filter] duration-250 brightness-[95%]"
                         :alt="homeData!.difreance_section.title1"
                     />
                     <video
@@ -109,8 +108,7 @@ watch(
                         <NuxtImg
                             v-if="activeSlideVideo !== 'left'"
                             :src="homeData!.difreance_section.image2"
-                            :class="showHeymlzAnimation ? 'brightness-25 blur-sm' : 'brightness-[95%] blur-[0px]'"
-                            class="overlay-image select-none absolute object-cover size-full transition-[filter] duration-250"
+                            class="overlay-image select-none absolute object-cover size-full transition-[filter] duration-250 brightness-[95%]"
                             :alt="homeData!.difreance_section.title2"
                         />
                         <video
@@ -124,47 +122,28 @@ watch(
                         />
                     </Transition>
 
-                    <Transition
-                        name="fade"
-                        :duration="250"
-                    >
-                        <NuxtImg
-                            v-if="showHeymlzAnimation"
-                            src="/img/heymlz/heymlz-pullingg.gif"
-                            class="size-[250px] sm:size-[400px] absolute translate-x-[-62px] sm:translate-x-[-107px] z-10 top-[50%] -translate-y-1/2"
-                            :style="{
-                                left: `${clipPathPercent}%`,
-                                filter: 'drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.3))',
-                            }"
-                        />
-                    </Transition>
-
                     <div
                         :style="{
                             left: `${clipPathPercent}%`,
                         }"
                         :class="[
                             activeSlideVideo !== 'none' ? 'opacity-10' : '',
-                            showHeymlzAnimation ? 'bg-neutral-200' : 'bg-black',
                         ]"
-                        class="select-none w-[5px] sm:w-2 h-full absolute left-0 flex items-center justify-center transition-opacity duration-250"
+                        class="select-none w-[5px] sm:w-2 bg-black h-full absolute left-0 flex items-center justify-center transition-opacity duration-250"
                     >
                         <div
                             ref="draggableEl"
-                            :class="showHeymlzAnimation ? 'bg-neutral-200' : 'bg-black'"
-                            class="touch-none cursor-grab hover:scale-115 transition-transform rounded-full absolute size-9 sm:size-11 flex items-center justify-center"
+                            class="touch-none cursor-grab bg-black hover:scale-115 transition-transform rounded-full absolute size-9 sm:size-11 flex items-center justify-center"
                         >
                             <Icon
                                 name="ci:arrows"
-                                class="transition-all size-5 sm:size-6"
-                                :class="showHeymlzAnimation ? '**:stroke-black' : '**:stroke-white'"
+                                class="transition-all size-5 sm:size-6 **:stroke-white"
                             />
                         </div>
                     </div>
                 </div>
 
                 <div
-                    :class="showHeymlzAnimation ? 'opacity-0' : 'opacity-100'"
                     class="absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end transition-opacity"
                 >
                     <div