added

components/sliders/SliderTwo.jsx

@@ -43,7 +43,7 @@ const EnhancedSlider = () => {
                   Best-Selling {catData.category?.category_name}
                 </h2>
                 <Link
-                  href={`/category/${catData.category?.id}`}
+                  href={`/collections/${catData.category?.id}`}
                   className="inline-flex items-center text-primary hover:text-primary/80 transition-colors"
                 >
                   <span className="text-lg font-medium">
@@ -58,20 +58,20 @@ const EnhancedSlider = () => {
               opts={{
                 align: "start",
               }}
-              className="w-full"
+              className="w-full "
             >
-              <CarouselContent className="-ml-2 md:-ml-4">
+              <CarouselContent className="-ml-2 md:-ml-4 p-10">
                 {catData.products?.map((product, idx) => (
                   <CarouselItem
                     key={idx}
-                    className="pl-2 md:pl-4 md:basis-1/2 lg:basis-1/3"
+                    className="pl-2 md:pl-4 md:basis-1/2 lg:basis-1/6"
                   >
                     <Link href={`/products/${product.id}`}>
                       <motion.div
                         whileHover={{ y: -5 }}
                         className="group rounded-lg overflow-hidden bg-card shadow-lg transition-shadow hover:shadow-xl"
                       >
-                        <div className="aspect-square relative overflow-hidden">
+                        <div className="aspect-square relative overflow-hidden max-h-[50%]">
                           <Image
                             src={`${backendUrl}${
                               product.images[0]?.image || "/placeholder.jpg"