Updated

frontend/components/home/Categories.vue

@@ -83,6 +83,20 @@ const onSlideChange = (swiper: SwiperClass) => {
                         centeredSlides: true,
                         slidesPerView: 3.65,
                     },
+                    2000: {
+                        coverflowEffect: {
+                            stretch: -100,
+                        },
+                        centeredSlides: true,
+                        slidesPerView: 4,
+                    },
+                    3000: {
+                        coverflowEffect: {
+                            stretch: -100,
+                        },
+                        centeredSlides: true,
+                        slidesPerView: 6,
+                    },
                 }"
             >
                 <SwiperSlide

frontend/components/home/Preview.vue

@@ -72,7 +72,7 @@ watch(
 </script>
 
 <template>
-    <div class="container select-none 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 3xl:mb-85">
         <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>
@@ -80,7 +80,7 @@ watch(
             </div>
             <div
                 ref="previewContainerEl"
-                class="rounded-200 overflow-hidden h-[70svh] relative"
+                class="rounded-200 overflow-hidden h-[70svh] max-h-200 relative"
             >
                 <Transition name="fade">
                     <NuxtImg

frontend/components/home/ProductsShowcase.vue

@@ -89,7 +89,7 @@ const childImageVariants = {
 </script>
 
 <template>
-    <section class="relative z-[999] h-[115svh] min-h-[1000px] pb-20 bg-black overflow-y-hidden flex-center">
+    <section class="relative z-[999] h-[115svh] min-h-[1000px] max-h-350 pb-20 bg-black overflow-y-hidden flex-center">
         <AnimatePresence mode="popLayout">
             <template
                 v-for="(slide, index) in homeData!.show_case_slider"