From b490bf01c769917939983ce4764758f62cc04ad6 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Mon, 25 May 2026 02:25:08 +0330
Subject: [PATCH] Comment preview text

---
 frontend/components/home/Preview.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/components/home/Preview.vue b/frontend/components/home/Preview.vue
index 72e71c4..c802ac9 100644
--- a/frontend/components/home/Preview.vue
+++ b/frontend/components/home/Preview.vue
@@ -55,7 +55,7 @@ watch(
         } else {
             activeSlideVideo.value = "none";
         }
-    }
+    },
 );
 
 watch(
@@ -67,7 +67,7 @@ watch(
         if (clipPercent >= 1 && clipPercent <= 99) {
             clipPathPercent.value = clipPercent;
         }
-    }
+    },
 );
 </script>
 
@@ -76,11 +76,11 @@ watch(
         <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>
-                <span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-black"> تفاوت محصلات ما را ببینید </span>
+                <span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-black"> محصولات ما را ببینید </span>
             </div>
             <div
                 ref="previewContainerEl"
-                class="rounded-200 overflow-hidden h-[70svh] max-h-200 relative"
+                class="rounded-200 overflow-hidden h-[70svh] max-h-200 relative bg-neutral-100"
             >
                 <Transition name="fade">
                     <NuxtImg
@@ -97,7 +97,8 @@ watch(
                         muted
                         playsinline
                         webkit-playsinline
-                        src="/video/vid-3.mp4"
+                        loop
+                        :src="homeData!.difreance_section.video1"
                         class="select-none absolute size-full object-cover brightness-[95%]"
                     />
                 </Transition>
@@ -121,7 +122,8 @@ watch(
                             muted
                             playsinline
                             webkit-playsinline
-                            src="/video/vid-3.mp4"
+                            loop
+                            :src="homeData!.difreance_section.video2"
                             class="overlay-image select-none absolute object-cover size-full brightness-[95%]"
                         />
                     </Transition>
@@ -145,7 +147,7 @@ watch(
                     </div>
                 </div>
 
-                <div class="absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end transition-opacity">
+                <!-- <div class="absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end transition-opacity">
                     <div
                         class="flex flex-col gap-2 text-black transition-opacity"
                         :class="activeSlideVideo === 'right' ? 'opacity-0' : ''"
@@ -174,7 +176,7 @@ watch(
                             {{ homeData!.difreance_section.title2 }}
                         </NuxtLink>
                     </div>
-                </div>
+                </div> -->
             </div>
         </div>
     </div>